1533886059651.JPEG
1533886066029.JPEG
管理员页面
<body>
<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页 <span class="c-gray en">></span> 管理员管理
<span class="c-gray en">></span> 管理员列表 <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont"></i></a></nav>
div class="page-container">
<div class="text-c">
<input type="text" class="input-text" style="width:250px" placeholder="输入员工名称" id="seanum" name="seanum">
<button type="submit" class="btn btn-success radius" onclick="Loadsearch()"><i class="Hui-iconfont"></i> 搜员工名称</button>
</div>
<label>显示 <select name="pageSize" onclick="Loadsearch()" ><option value="5">5</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select> 条</label>
<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="r">共有数据：<strong>0</strong> 条</span> </div>
<table class="table table-border table-bordered table-bg">
<thead>
<tr>
<th scope="col" colspan="9">员工列表</th>
</tr>
<tr class="text-c">
<th width="25"><input type="checkbox" name="" value=""></th>
<th width="40">ID</th>
<th width="150">登录名</th>
<th>角色</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
<div id="Information" class="page" style="float:right "></div>
</div>
<script id="tmplArticle" type="text/x-jquery-tmpl">
{{each(i,item) data}}
<tr class="text-c">
<td><input type="checkbox" value="1" name=""></td>
<td data-name='id'>${item.id}</td>
<td data-name='username'>${item.username}</td>
<td data-name='role'>${item.role==1?"超级管理员":item.role==2?"管理员":"游客"}</td>
<td class="td-manage"><a title="编辑" href="javascript:;" onclick="admin_edit('管理员编辑','admin-add.html',this)" ><i class="Hui-iconfont"></i></a> <a title="删除" href="javascript:;" onclick="admin_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont"></i></a></td>
</tr>
{{/each}}
</script>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="../lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="../lib/laypage/1.2/laypage.js"></script>
<script src="js/jquery.tmpl.min.js"></script>
<script type="text/javascript">
var page=1;
function Loadsearch(){
$("#tbody").html("");//清空页面的值
page=1;
Load();
}
/*
参数解释：
title 标题
url 请求的url
id 需要操作的数据id
w 弹出层宽度（缺省调默认值）
h 弹出层高度（缺省调默认值）
*/
/*管理员-编辑*/
function admin_edit(title,url,o){
var index = layer.open({
type: 2,
title: title,
content: url,
success:function(layero,index){
var body = layer.getChildFrame('body', index);
body.find("#id").val($(o).parent().siblings('[data-name="id"]').html());
body.find("#username").val($(o).parent().siblings('[data-name="username"]').html());
body.find("#adminRole").val($(o).parent().siblings('[data-name="role"]').html()=="超级管理员"?1:$(o).parent().siblings('[data-name="role"]').html()=="管理员"?2:3);
},
end:function () {
window.location.reload();
}
});
layer.full(index);
}
$(function(){
Load();
})
//查询和显示，
var Load=function(){
$("#tbody").html("");//清空页面的值
var pageSize = $.trim($('[name="pageSize"]').val());
var seanum=$("#seanum").val();
var url = '/api/roleshow';//数据显示
$.ajax({
type: "POST",
async: false,
url: url,
dataType: "json",
data: {page:page,seanum:seanum,pageSize:pageSize},
success: function (response) {
$("strong").html(response.data.totalRecord);
if(response.code==14){
//没有管理员权限
$(".text-c").remove();
$("strong").html("");
return;
}
// console.log(response.data.list)
$("#tmplArticle").tmpl({data:response.data.list}).appendTo("#tbody");
var str = "";
var minys = 1;
var maxys = 1;
if(response.data.totalRecord!=0){
maxys=response.data.totalPage;
}
str += "<span>总共:" + maxys + "页</span>";
str += "<span>当前:" + page + "/" + maxys + "页</span>";
str += "<span id='first'>首页</span>";
str += "<span id='prev'>上一页</span>";
for (var i = page - 2; i < page + 3; i++) {
if (i > minys && i < maxys) {
if (i > minys && i <= maxys) {
if (i == page) {
str += "<span class='dangqian' bs='" + i + "'>" + "<span >" + i + "</span>" + "</span>";
} else {
str += "<span class='list' bs='" + i + "'>" + i + "</span>"
}
}
}
}
str += "<span id='next'> 下一页</span>"
str += "<span id='final'> 尾页</span>"
$("#Information").html(str);
//给首页添加点击事件
$("#first").click(function () {
if(page==1){
alert("当前已经是第一页..")
return;
}
page = 1;
Load();//加载数据
});
//给尾页添加点击事件
$("#final").click(function () {
if(page==maxys){
alert("当前已经是最后一页");
return;
}
page = maxys;
Load();//加载数据
});
//给上一页添加点击事件
$("#prev").click(function () {
page = page - 1;
if (page < 1) {
page = 1;
alert("当前已经是第一页...");
return;
}
Load();//加载数据
});
//给下一页加点击事件
$("#next").click(function () {
page = page + 1;
if (page > maxys) {
page = maxys;
alert("当前已经是最后一页....");
return;
}
Load();//加载数据
});
//给中间的列表加事件
$(".list").click(function () {
page = parseInt($(this).attr("bs"));
Load();//加载数据
});
}, error: function (err) {
alert("系统正忙，请稍后....");
}
});
};
</script>
</body>
</html>
后台
@RequestMapping("/roleshow")
public String RoleShow(int page, String seanum, int pageSize) throws IOException {
APIResultModel result = new APIResultModel();
result = zhangWuService.RoleShow(page, seanum, pageSize, result);
return result.toString();
}
service
public APIResultModel RoleShow(int page, String seanum, int pageSize, APIResultModel result)throws IOException{
response.setContentType("text/html:charset=utf-8");
HttpSession session = request.getSession(false);
String username= (String) session.getAttribute("username");
List<RoleRightEntity> listpowel=zhangWuMapper.TermShowpowel(username);
List liste=new ArrayList();
for (int i = 0; i <listpowel.size(); i++) {
liste.add(listpowel.get(i).getCheckedpower());
}
boolean flag=liste.contains("10");
if(flag==true) {
PageBean<UserLoginEntity> pageBean = new PageBean<>();
pageBean.setTotalRecord(zhangWuMapper.RoleShowPage(seanum));//设置总页数
pageBean.getTotalPage();//获取总页数
pageBean.setPageSize(pageSize);
pageBean.setCurrentPage(page);//设置当前页
PageHelper.startPage(page, pageSize);
List<UserLoginEntity> list = zhangWuMapper.RoleShowe(seanum);
pageBean.setList(list);
result.setData(pageBean);
result.setCode(EnumAPIResultCode.SUCCESS_ADD.getCode());
}else{
result.setCode(EnumAPIResultCode.LIST_FALSE.getCode());
}
return result;
}
mapper
import org.apache.ibatis.annotations.*;
@Mapper
public interface ZhangWuMapper {
@Select("SELECT a.checkedpower FROM role_right a where a.role_id=(select b.role from user_login b where b.username=#{username})")
List<RoleRightEntity> TermShowpowel(@Param(value = "username") String username);
//查询总记录数
@Select("select count(*) from user_login where username like \"%${seanum}%\" ")
int RoleShowPage(@Param(value="seanum")String seanum);
@Select("select * from user_login where username like '%${seanum}%'")
List<UserLoginEntity> RoleShowe(@Param(value = "seanum") String seanum);
}
