后台管理界面-- 管理员管理[1]

本章我们开始进行后台管理界面的设计,本节主要操作管理员模块。
一.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();
?>

时间: 2024-10-11 04:45:10

后台管理界面-- 管理员管理[1]的相关文章

后台管理界面-- 管理员管理[2]

本章我们开始进行后台管理界面的设计,本节主要操作管理员模块. 一. 前端新增管理//HTML<form id="manage_add" style="margin:0;padding:5px 0 025px;color:#333;"><p>管理帐号:<input type="text" name="manager" class="textbox"style="widt

Django admin管理界面,管理界面变成中文,管理界面显示所有表,表名改成中文名

(一)管理界面变成中文 # 超级用户管理界面修改成中文( settings文件夹) LANGUAGE_CODE = 'zh-Hans' # 改为zh-Hans (二)管理界面显示所有表 管理界面显示所有表(admin.py文件夹) admin.site.register(User) admin.site.register(Blog) admin.site.register(Article) admin.site.register(Category) admin.site.register(Tag

Django后台管理界面

之前的几篇记录了模板视图.模型等页面展示的相关内容,这篇主要写一下后台admin管理界面的内容. 激活管理界面 Django管理站点完全是可选择的,之前我们是把这些功能给屏蔽掉了.记得上篇中Django模型模型安装小结中,我们把settings.py中的部分内容屏蔽了,并添加了一个app,如下 1 INSTALLED_APPS = ( 2 ## 'django.contrib.admin', 3 ## 'django.contrib.auth', 4 ## 'django.contrib.con

4、VS2010+ASP.NET MVC4+EF4+JqueryEasyUI+Oracle项目开发之——后台管理界面

这一章节比较简单,我就直接贴代码了,后台管理登陆界面如下: 对应的控制器HomeController.cs,代码如下: using YKT.Model; using YKT.Common; using YKT.BLL; using YKT.Common.HtmlHelpers; using YKT.Common.Functions; using Microsoft.Practices.Unity; using YKT.IBLL; namespace YKT.Controllers { publi

使用vuejs2.0和element-ui 搭建的一个后台管理界面

说明: 这是一个用vuejs2.0和element-ui搭建的后台管理界面. 相关技术: vuejs2.0:渐进式JavaScript框架,易用.灵活.高效,似乎任何规模的应用都适用. element-ui:基于vuejs2.0的ui组件库. vue-router:一般单页面应用spa都要用到的前端路由. axios: 基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用. mock.js: 生成随机数据,拦截 Ajax 请求,让前端攻城师独立于后端进行开发.

vuejs 和 element 搭建的一个后台管理界面

介绍: 这是一个用vuejs2.0和element搭建的后台管理界面. 相关技术: vuejs2.0:渐进式JavaScript框架,易用.灵活.高效,似乎任何规模的应用都适用. element:基于vuejs2.0的ui组件库. vue-router:一般单页面应用spa都要用到的前端路由. vuex:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式. 效果图: 演示地址:https://taylorchen709.github.io/vue-admin/ 源码地址:https:

django学习-管理界面、视图

django管理界面 设计背景 为你的员工或客户生成一个用户添加,修改和删除内容的后台是一项缺乏创造性和乏味的工作.因此,django全自动地根据模型创建后台界面. django产生于一个公众页面和内容发布者页面完全分离的新闻类站点的开发过程中. 站点管理人员使用管理系统来添加新闻.时间和体育时讯等,这些添加的内容被显示在公共页面上.django通过为站点管理人员创建统一的内容编辑界面解决了这个问题. 管理界面不是为了网站的访问者,而是为了管理者准备的. 创建一个管理员账号 首先,我们得创建一个

MongoDB Web管理界面Mongo-express介绍

Mongo-express mongo express 是一个基于Node.js和express的开源的MongoDB Web管理界面. Github地址:https://github.com/andzdroid/mongo-express 功能 当前功能: 连接多个数据库 分别连接和认证独立的数据库 认证为管理员查看所有数据库 数据库 黑名单/白名单 集合(collections)的增删查改 文档(documents)的增删查改 在文档中使用BSON数据类型 限制 被编辑的文档必须有docum

destoon 给超级管理员系统权限(管理员管理,日志管理等)

destoon 后台某些系统权限除了网站创始人之外其他超管事没有权限的,现需要给其他超级管理员添加普通管理员的权限. 1.首先  admin/global.func.php  admin_check函数 ,去掉admin  这样超管才能访问 ?file=admin } else if($_admin == 1) {?     //if(in_array($file, array('admin', 'setting', 'module', 'area', 'database', 'template