本章我们开始进行后台管理界面的设计，本节主要操作管理员模块。
一． 前端新增管理
//HTML
<form id="manage_add" style="margin:0;padding:5px 0 0
25px;color:#333;">
<p>管理帐号：<input type="text" name="manager" class="textbox"
style="width:200px;"></p>
<p>管理密码：<input type="password" name="password" class="textbox"
style="width:200px;"></p>
<p>分配权限：<input id="auth" class="textbox" name="auth"
style="width:205px;"></p>
</form>
//新增管理弹窗
$(\'#manage_add\').dialog({
width : 350,
title : \'新增管理\',
iconCls : \'icon-user-add\',
modal : true,
closed : true,
buttons : [
{
text : \'提交\',
iconCls : \'icon-add-new\',
handler : function () {
if ($(\'#manage_add\').form(\'validate\')) {
$.ajax({
url : \'addManager.php\',
type : \'POST\',
data : {
manager :
$.trim($(\'input[name="manager"]\').val()),
auth : $(\'#auth\').combotree(\'getText\'),
password :
$.trim($(\'input[name="password"]\').val()),
},
beforeSend : function () {
$.messager.progress({
text : \'正在尝试提交...\',
});
},
success : function(data, response, status){
$.messager.progress(\'close\');
if (data > 0) {
$.messager.show({
title : \'提示\',
msg : \'新增管理成功！\',
});
$(\'#manage_add\').dialog(\'close\').form(\'reset\');
$(\'#manage\').datagrid(\'reload\');
} else {
$.messager.alert(\'警告操作\', \'未知操作，
请重新提交！\', \'warning\');
}
}
});
}
},
},
{
text : \'取消\',
iconCls : \'icon-redo\',
handler : function () {
$(\'#manage_add\').dialog(\'close\').form(\'reset\');
},
}
],
});
//管理帐号
$(\'input[name="manager"]\').validatebox({
required : true,
validType : \'length[2,20]\',
missingMessage : \'请输入管理名称\',
invalidMessage : \'管理名称在 2-20 位\',
});
//管理密码
$(\'input[name="password"]\').validatebox({
required : true,
validType : \'length[6,30]\',
missingMessage : \'请输入管理密码\',
invalidMessage : \'管理密码在 6-30 位\',
});
//分配权限
$(\'#auth\').combotree({
url : \'nav.php\',
required : true,
lines : true,
multiple : true,
checkbox : true,
onlyLeafCheck : true,
onLoadSuccess : function (node, data) {
var _this = this;
if (data) {
$(data).each(function (index, value) {
if (this.state == \'closed\') {
$(_this).tree(\'expandAll\');
}
});
}
},
});
//点击新增
manage_tool = {
add : function () {
$(\'#manage_add\').dialog(\'open\');
$(\'input[name="manager"]\').focus();
},
};
二． 服务器端新增
//addManager.php
<?php
require \'config.php\';
$manager = $_POST[\'manager\'];
$auth = $_POST[\'auth\'];
$password = sha1($_POST[\'password\']);
$date = time();
mysql_query("INSERT INTO easyui_admin (manager,password,auth,date)
VALUES (\'$manager\',\'$password\',\'$auth\', \'$date\')") or die(\'SQL 错误！\');
echo mysql_affected_rows();
mysql_close();
?>