本章我们开始进行后台管理界面的设计，本节主要操作管理员模块。
一．L HTML 部分
//非管理员登录跳转
<?php
session_start();
if (!isset($_SESSION[\'admin\'])) {
header(\'location:login.php\');
}
?>
//管理员模块的 DataGrid 数据表
<table id="manage"></table>
//管理员模块的工具栏
<div id="manage_tool" style="padding:5px;">
<div style="margin-bottom:5px;">
<a href="#" class="easyui-linkbutton" iconCls="icon-add-new"
plain="true" onclick="manage_tool.add();">添加</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-edit-new"
plain="true" onclick="manage_tool.edit();">修改</a>
<a href="#" class="easyui-linkbutton"
iconCls="icon-delete-new" plain="true" onclick="manage_tool.remove();">
删除</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-reload"
plain="true" onclick="manage_tool.reload();">刷新</a>
<a href="#" class="easyui-linkbutton" iconCls="icon-redo"
plain="true" id="redo" onclick="manage_tool.redo();">取消选择</a>
</div>
<div style="padding:0 0 0 7px;color:#333;">
查询管理员：<input type="text" class="textbox"
name="search_manager" style="width:110px">
创建时间从：<input type="text" name="date_from"
class="easyui-datebox" editable="false" style="width:110px">
到：<input type="text" name="date_to" class="easyui-datebox"
editable="false" style="width:110px">
<a href="#" class="easyui-linkbutton" iconCls="icon-search"
onclick="manage_tool.search();">查询</a>
</div>
</div>
//管理员模块的 JS 文件
<script type="text/javascript" src="js/manager.js"></script>
二．y jQuery 部分
//DataGrid 数据表格
$(\'#manage\').datagrid({
url : \'manager_data.php\',
fit : true,
fitColumns : true,
striped : true,
rownumbers : true,
border : false,
pagination : true,
pageSize : 20,
pageList : [10, 20, 30, 40, 50],
pageNumber : 1,
sortName : \'date\',
sortOrder : \'desc\',
toolbar : \'#manage_tool\',
columns : [[
{
field : \'id\',
title : \'自动编号\',
width : 100,
checkbox : true,
},
{
field : \'manager\',
title : \'管理员帐号\',
width : 100,
},
{
field : \'auth\',
title : \'拥有权限\',
width : 100,
},
{
field : \'date\',
title : \'创建时间\',
width : 100,
},
]],
});
三．P PHP 部分
<?php
require \'config.php\';
$page = $_POST[\'page\'];
$pageSize = $_POST[\'rows\'];
$first = $pageSize * ($page - 1);
$order = $_POST[\'order\'];
$sort = $_POST[\'sort\'];
$query = mysql_query("SELECT id,manager,auth,date FROM easyui_admin
ORDER BY $sort $order LIMIT $first,$pageSize") or die(\'SQL 错误！\');
$total = mysql_num_rows(mysql_query("SELECT id,manager,auth,date
FROM easyui_admin"));
$json = \'\';
while (!!$row = mysql_fetch_array($query, MYSQL_ASSOC)) {
$json .= json_encode($row).\',\';
}
$json = substr($json, 0, -1);
echo \'{"total" : \'.$total.\', "rows" : [\'.$json.\']}\';
mysql_close();
?>