角色管理页面
<body>
<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首页 <span c</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>lass="c-gray en">></span> 管理员管理 <span class="c-gray en">>
<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="page-container">
<div class="cl pd-5 bg-1 bk-gray"> <span class="l"> <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont"></i> 批量删除</a>
<a class="btn btn-primary radius" id="add" href="javascript:;" onclick="admin_role_add('添加角色','admin-role-add.html','800')"><i class="Hui-iconfont"></i> 添加角色</a> </span> <span class="r">共有数据:<strong>0</strong> 条</span> </div>
<table class="table table-border table-bordered table-hover table-bg">
<thead>
<tr>
<th scope="col" colspan="6">角色管理</th>
</tr>
<tr class="text-c">
<th width="25"><input type="checkbox" value="" name=""></th>
<th width="40">ID</th>
<th width="200">角色名</th>
<th>用户列表</th>
<th width="300">描述</th>
<th width="70">操作</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="" name="checkbos"></td>
<td data-name="id">${item.id}</td>
<td data-name="role_name">${item.role_name}</td>
<td data-name="username">${item.username}</td>
<td data-name="note">${item.note}</td>
<td class="f-14"><a title="编辑" href="javascript:;" onclick="admin_role_edit('角色编辑','admin-role-add.html',this)" style="text-decoration:none"><i class="Hui-iconfont"></i>;</i></a> <a title="删除" href="javascript:;" onclick="admin_role_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 src="js/jquery.tmpl.min.js"></script>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">
var page=1;
function Loadsearch(){
$("#tbody").html("");//清空页面的值
page=1;
Load();
} var dataItem1="33";
/*管理员-角色-添加*/
function admin_role_add(title,url,w,h,dataItem1){
layer_show(title,url,w,h,dataItem1);
}
/*管理员-角色-编辑*/
function admin_role_edit(title,url,o){
var index = layer.open({
layer.open({
type: 2,
area: ["70%", "70%"],//100% 为全部展示 ,
fix: false, //不固定
maxmin: true,
shade: 0.4,
title: "域名管理",
content: url,
success:function(layero,index){
var body = layer.getChildFrame('body', index);
body.find("#role_name").val($(o).parent().siblings('[data-name="role_name"]').html());
body.find("#id").val($(o).parent().siblings('[data-name="id"]').html());
body.find("#note").val($(o).parent().siblings('[data-name="note"]').html());
// 获取子页面的iframe
var iframe = window['layui-layer-iframe' + index];
// 向子页面的全局函数child传参
iframe.child($(o).parent().siblings('[data-name="role_name"]').html());
},
end:function () {
window.location.reload();
}
});
layer.full(index);
}
/*管理员-角色-删除*/
function admin_role_del(obj,id){
layer.confirm('角色删除须谨慎,确认要删除吗?',function(index){
$.ajax({
type: 'POST',
url: '',
dataType: 'json',
success: function(data){
$(obj).parents("tr").remove();
layer.msg('已删除!',{icon:1,time:1000});
},
error:function(data) {
console.log(data.msg);
},
});
});
}
//查询和显示,
var Load=function(){
$("#tbody").html("");//清空页面的值
var pageSize = $.trim($('[name="pageSize"]').val())
var url = '/api/adminroleshow';//数据显示
$.ajax({
type: "POST",
async: false,
url: url,
dataType: "json",
data: {page:page,pageSize:pageSize},
success: function (response) {
$("strong").html(response.data.totalRecord);
if(response.code==13){
//没有角色管理权限
$(".text-c").remove();
$("#add").remove();
$("strong").html("");
return
}
$("#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("系统正忙,请稍后....");
}
});
};
$(function () {
Load();
})
</script>
</body>
</html>
后台
/**
* 角色管理的角色显示
*
* @param page
* @param pageSize
* @return
*/
@RequestMapping("/adminroleshow")
public String AdminRoleShow(int page, int pageSize) throws IOException {
APIResultModel result = new APIResultModel();
result = zhangWuService.AdminRoleShow(page, pageSize, result);
return result.toString();
}
public APIResultModel AdminRoleShow(int page, 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());
}
result.setList(liste);
boolean flag=liste.contains("9");
if(flag==true) {
PageBean<RoleManagerMoodel> pageBean = new PageBean<>();
pageBean.setTotalRecord(zhangWuMapper.AdminRoleShowPage());//设置总页数
pageBean.getTotalPage();//获取总页数
pageBean.setPageSize(pageSize);
pageBean.setCurrentPage(page);//设置当前页
PageHelper.startPage(page, pageSize);
List<RoleManagerMoodel> list = zhangWuMapper.AdminRoleShow();
pageBean.setList(list);
result.setData(pageBean);
}else{
result.setCode(EnumAPIResultCode.ROLE_FALSE.getCode());
}
return result;
}
mapper
@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 system_role a,user_login b WHERE a.id = b.role ")
int AdminRoleShowPage();
@Select("SELECT a.id,a.role_name,a.note,b.username FROM system_role a,\tuser_login b WHERE a.id = b.role ")
List<RoleManagerMoodel> AdminRoleShow();