1533883491193.JPEG
1533883498143.JPEG
角色管理頁(yè)面
<body>
<nav class="breadcrumb"><i class="Hui-iconfont"></i> 首頁(yè) <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">共有數(shù)據(jù)：<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>用戶(hù)列表</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>
<!--請(qǐng)?jiān)谙路綄?xiě)此頁(yè)面業(yè)務(wù)相關(guān)的腳本-->
<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("");//清空頁(yè)面的值
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());
// 獲取子頁(yè)面的iframe
var iframe = window['layui-layer-iframe' + index];
// 向子頁(yè)面的全局函數(shù)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('角色刪除須謹(jǐn)慎，確認(rèn)要?jiǎng)h除嗎？',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);
},
});
});
}
//查詢(xún)和顯示芦岂，
var Load=function(){
$("#tbody").html("");//清空頁(yè)面的值
var pageSize = $.trim($('[name="pageSize"]').val())
var url = '/api/adminroleshow';//數(shù)據(jù)顯示
$.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){
//沒(méi)有角色管理權(quán)限
$(".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 + "頁(yè)</span>";
str += "<span>當(dāng)前:" + page + "/" + maxys + "頁(yè)</span>";
str += "<span id='first'>首頁(yè)</span>";
str += "<span id='prev'>上一頁(yè)</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'> 下一頁(yè)</span>"
str += "<span id='final'> 尾頁(yè)</span>"
$("#Information").html(str);
//給首頁(yè)添加點(diǎn)擊事件
$("#first").click(function () {
if(page==1){
alert("當(dāng)前已經(jīng)是第一頁(yè)..")
return;
}
page = 1;
Load();//加載數(shù)據(jù)
});
//給尾頁(yè)添加點(diǎn)擊事件
$("#final").click(function () {
if(page==maxys){
alert("當(dāng)前已經(jīng)是最后一頁(yè)");
return;
}
page = maxys;
Load();//加載數(shù)據(jù)
});
//給上一頁(yè)添加點(diǎn)擊事件
$("#prev").click(function () {
page = page - 1;
if (page < 1) {
page = 1;
alert("當(dāng)前已經(jīng)是第一頁(yè)...");
return;
}
Load();//加載數(shù)據(jù)
});
//給下一頁(yè)加點(diǎn)擊事件
$("#next").click(function () {
page = page + 1;
if (page > maxys) {
page = maxys;
alert("當(dāng)前已經(jīng)是最后一頁(yè)....");
return;
}
Load();//加載數(shù)據(jù)
});
//給中間的列表加事件
$(".list").click(function () {
page = parseInt($(this).attr("bs"));
Load();//加載數(shù)據(jù)
});
}, error: function (err) {
alert("系統(tǒng)正忙，請(qǐng)稍后....");
}
});
};
$(function () {
Load();
})
</script>
</body>
</html>
后臺(tái)
/**
* 角色管理的角色顯示
*
* @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());//設(shè)置總頁(yè)數(shù)
pageBean.getTotalPage();//獲取總頁(yè)數(shù)
pageBean.setPageSize(pageSize);
pageBean.setCurrentPage(page);//設(shè)置當(dāng)前頁(yè)
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();
