如下图所示,添加角色的同时,要给角色分配权限菜单,关于权限数的显示,我实现了两种方式,普通方式和Ztree方式,

普通方式展示树:

主要代码部分:

  1. /**
  2. * 进入角色添加页面
  3. * @param model
  4. * @return
  5. */
  6. @AccessPermissionsInfo("role:add")
  7. @RequestMapping(value = "/role-add.action",method = RequestMethod.GET)
  8. public String roleAddPage(Model model){
  9.  
  10. Role role = new Role();
  11. model.addAttribute("role",role);
  12.  
  13. //获取所有权限集合
  14. List<Permission> allPermissionsList =
  15. permissionService.findAllPermission();
  16.  
  17. //储存的是根节点集合
  18. List<Permission> permissionsList = new ArrayList<Permission>();
  19. //获取所有根节点
  20. for(Permission p:allPermissionsList){
  21. if(p.getParentId().toString().equals("")||
  22. Integer.parseInt(p.getParentId().toString())==){
  23. permissionsList.add(p);
  24. }
  25. }
  26.  
  27. //遍历根节点集合,为根节点设置子节点
  28. for(Permission p:permissionsList){
  29. //findChild方法递归查找子节点
  30. p.setChildPermissions(findChild(p.getId(),allPermissionsList));
  31. }
  32.  
  33. model.addAttribute("permissionsList",permissionsList);
  34.  
  35. return "role-add";
  36. }
  37.  
  38. /**
  39. * 查找子节点
  40. * @param id 父节点的ID
  41. * @param allPermissionsList 所有权限的集合
  42. * @return
  43. */
  44. private List<Permission> findChild(Integer id,
  45. List<Permission> allPermissionsList) {
  46.  
  47. List<Permission> childPermissions = new ArrayList<Permission>();
  48. //遍历所有权限列表
  49. for(Permission p:allPermissionsList){
  50. //如果子节点的parentId等于父节点的ID
  51. if(p.getParentId().equals(id)){
  52. //添加到子节点
  53. childPermissions.add(p);
  54. }
  55. }
  56.  
  57. //再次循环子菜单
  58. for(Permission p:childPermissions){
  59. p.setChildPermissions(findChild(p.getId(),allPermissionsList));
  60. }
  61.  
  62. if(childPermissions.size()==){
  63. return null;
  64. }
  65.  
  66. return childPermissions;
  67.  
  68. }
  69.  
  70. /**
  71. * 添加角色信息
  72. * @param request
  73. * @return
  74. */
  75. @AccessPermissionsInfo("role:add")
  76. @RequestMapping(value = "/role-add.action",method = RequestMethod.POST)
  77. @ResponseBody
  78. public Map<String,Object> roleAdd(HttpServletRequest request)
  79. {
  80. Map<String,Object> resultMap = new HashMap<String,Object>();
  81.  
  82. String[] ids = request.getParameterValues("pers");
  83.  
  84. if(request.getParameter("roleName")==null||
  85. request.getParameter("roleRemark")==null)
  86. {
  87. resultMap.put("result","参数异常");
  88. }else if(ids==null||ids.length<=)
  89. {
  90. resultMap.put("result","请给角色至少分配一个权限");
  91. }else
  92. {
  93. String roleName = request.getParameter("roleName").toString();
  94. String roleRemark = request.getParameter("roleRemark").toString();
  95. AdminUser adminUser = (AdminUser)request.getSession().getAttribute("adminUser");
  96. if(adminUser!=null){
  97. Role role = roleService.findRoleByRoleName(roleName);
  98. if(role==null){
  99. Role role2 = new Role();
  100. role2.setRoleName(roleName);
  101. role2.setRoleRemark(roleRemark);
  102. int count = roleService.addRole(role2,ids);
  103. if(count>){
  104. resultMap.put("result","SUCCESS");
  105. }else
  106. {
  107. resultMap.put("result","操作失败");
  108. }
  109. }else
  110. {
  111. resultMap.put("result","角色已存在");
  112. }
  113.  
  114. }else
  115. {
  116. resultMap.put("result","登录超时,请重新登录");
  117. }
  118. }
  119.  
  120. return resultMap;
  121. }

页面的展示:

role_add.jsp

  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: shaojiang
  4. Date: //
  5. Time: 下午2:
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%--
  9. Created by IntelliJ IDEA.
  10. User: shaojiang
  11. Date: //
  12. Time: 下午9:
  13. To change this template use File | Settings | File Templates.
  14. --%>
  15. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  16. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  17. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  18. <!--_meta 作为公共模版分离出去-->
  19. <!DOCTYPE HTML>
  20. <html>
  21. <head>
  22. <meta charset="utf-8">
  23. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  24. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  25. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  26. <meta http-equiv="Cache-Control" content="no-siteapp" />
  27. <link rel="Bookmark" href="/favicon.ico" >
  28. <link rel="Shortcut Icon" href="/favicon.ico" />
  29. <!--[if lt IE ]>
  30. <script type="text/javascript" src="/statics/lib/html5shiv.js"></script>
  31. <script type="text/javascript" src="/statics/lib/respond.min.js"></script>
  32. <![endif]-->
  33. <link rel="stylesheet" type="text/css" href="/statics/h-ui/css/H-ui.min.css" />
  34. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/css/H-ui.admin.css" />
  35. <link rel="stylesheet" type="text/css" href="/statics/lib/Hui-iconfont/1.0.8/iconfont.css" />
  36. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/skin/default/skin.css" id="skin" />
  37. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/css/style.css" />
  38. <%--zTree样式表--%>
  39. <link rel="stylesheet" type="text/css" href="/statics/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
  40. <!--[if IE ]>
  41. <script type="text/javascript" src="/statics/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  42. <script>DD_belatedPNG.fix('*');</script>
  43. <![endif]-->
  44. <!--/meta 作为公共模版分离出去-->
  45. <title>H-ui.admin v3.</title>
  46. </head>
  47. <body>
  48. <article class="page-container">
  49. <form:form modelAttribute="role" action="##" onsubmit="return false" class="form form-horizontal" id="form-role-add">
  50. <div class="row cl">
  51. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名称:</label>
  52. <div class="formControls col-xs-8 col-sm-9">
  53. <%--<input type="text" class="input-text" value="${requestScope.role.roleName}" placeholder="" id="roleName" name="roleName">--%>
  54. <form:input path="roleName" cssClass="input-text"/>
  55. </div>
  56. </div>
  57. <div class="row cl">
  58. <label class="form-label col-xs-4 col-sm-3">角色备注:</label>
  59. <div class="formControls col-xs-8 col-sm-9">
  60. <%--<input type="text" class="input-text" value="${requestScope.role.remark}" placeholder="" id="" name="">--%>
  61. <form:input path="roleRemark" cssClass="input-text"/>
  62. </div>
  63. </div>
  64. <div class="row cl">
  65. <label class="form-label col-xs-4 col-sm-3">资源权限:</label>
  66. <ul class=" formControls col-xs-8 col-sm-9">
  67.  
  68. <c:forEach var="item" items="${requestScope.permissionsList}" begin="">
  69. <dl class="permission-list">
  70. <dt>
  71. <label>
  72. <input type="checkbox" value="${item.id}" name="pers">
  73. ${item.name}</label>
  74. </dt>
  75. <dd>
  76. <c:forEach var="sub_item" items="${item.childPermissions}" begin="" >
  77. <dl class="cl permission-list2">
  78. <dt>
  79. <label class="">
  80. <input type="checkbox" value="${sub_item.id}" name="pers">
  81. ${sub_item.name}</label>
  82. </dt>
  83. <dd>
  84. <c:forEach var="sub_subitem" items="${sub_item.childPermissions}" begin="" >
  85. <label class="">
  86. <input type="checkbox" value="${sub_subitem.id}" name="pers">
  87. ${sub_subitem.name}</label>
  88. </c:forEach>
  89. </dd>
  90. </dl>
  91. </c:forEach>
  92. </dd>
  93. </dl>
  94. </c:forEach>
  95.  
  96. </div>
  97. </div>
  98. <div class="row cl">
  99. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  100. <button type="button" class="btn btn-success radius" id="role-save" name="admin-role-save"><i class="icon-ok"></i> 确定</button>
  101. </div>
  102. </div>
  103. </form:form>
  104. </article>
  105.  
  106. <!--请在下方写此页面业务相关的脚本-->
  107. <script type="text/javascript" src="/statics/lib/jquery/1.9.1/jquery.min.js"></script>
  108. <script type="text/javascript" src="/statics/lib/plug-ins/pagination/pagination.js"></script>
  109. <script type="text/javascript" src="/statics/lib/layer/2.4/layer.js"></script>
  110. <script type="text/javascript" src="/statics/lib/zTree/v3/js/jquery.ztree.core-3.5.min.js"></script>
  111. <script type="text/javascript" src="/statics/lib/zTree/v3/js/jquery.ztree.excheck-3.5.min.js"></script>
  112. <script type="text/javascript">
  113.  
  114. $(function(){
  115.  
  116. $(".permission-list dt input:checkbox").click(function(){
  117. $(this).closest("dl").find("dd input:checkbox").prop("checked",$(this).prop("checked"));
  118. });
  119.  
  120. $(".permission-list2 dt input:checkbox").click(function(){
  121.  
  122. var l =$(this).parent().find("input:checked").length;
  123. var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
  124.  
  125. if($(this).prop("checked")){
  126. $(this).closest("dl").find("dt input:checkbox").prop("checked",true);
  127. $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
  128. }
  129. else{
  130. if(l==){
  131. $(this).closest("dl").find("dt input:checkbox").prop("checked",false);
  132. }
  133. if(l2==){
  134. $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
  135. }
  136. }
  137. });
  138.  
  139. $(".permission-list2 dd input:checkbox").click(function(){
  140. var l =$(this).parent().parent().find("input:checked").length;
  141. var l2=$(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
  142.  
  143. if($(this).prop("checked")){
  144. $(this).closest("dl").find("dt input:checkbox").prop("checked",true);
  145. $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",true);
  146. }
  147. else{
  148. if(l==){
  149. $(this).closest("dl").find("dt input:checkbox").prop("checked",false);
  150. }
  151. if(l2==){
  152. $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked",false);
  153. }
  154. }
  155. });
  156.  
  157. $("#role-save").click(function () {
  158.  
  159. //第二种方法获取全部选中的ID
  160. var values = $("input[name='pers']:checked").map(function(){
  161. return $(this).val();
  162. }).get();
  163.  
  164. var roleName = $("#roleName").val();
  165. var roleRemark = $("#roleRemark").val();
  166. if(!roleName){
  167. layer.msg("请输入角色名称");
  168. $("#roleName").select();
  169. return false;
  170. }else if(roleName.length>)
  171. {
  172. layer.msg("不能超过12个字符");
  173. $("#roleName").select();
  174. return false;
  175. }else if(!roleRemark){
  176. layer.msg("请输入角色备注");
  177. $("#roleRemark").select();
  178. return false;
  179. }else if(roleRemark.length>)
  180. {
  181. layer.msg("不能超过30个字符");
  182. $("#roleRemark").select();
  183. return false;
  184. }else if(values.length<=)
  185. {
  186. layer.msg("请给角色至少分配一个权限");
  187. return false;
  188. }else
  189. {
  190. //提交表单
  191. var yesForm = $("#form-role-add").serialize();
  192. alert(yesForm);
  193.  
  194. $.ajax({
  195. //几个参数需要注意一下
  196. type: "POST",//方法类型
  197. dataType: "json",//预期服务器返回的数据类型
  198. url: "/admin/role/role-add.action" ,//url
  199. data:yesForm,
  200. success: function (data) {
  201. console.log(data.result);//打印服务端返回的数据(调试用)
  202. if (data.result == 'SUCCESS'||data.result == ) {
  203. layer.msg("保存成功",{icon:,time:});
  204. }else
  205. {
  206. layer.msg("保存失败:"+data.result.toString(),{icon:,time:});
  207. }
  208. },
  209. error : function() {
  210. layer.msg(data.result.toString());
  211. }
  212. });
  213. }
  214.  
  215. });
  216.  
  217. });
  218.  
  219. // var setting = {
  220. // view: {
  221. // dblClickExpand: true,//双击节点时,是否自动展开父节点的标识
  222. // showLine: true,//是否显示节点之间的连线
  223. // fontCss:{'color':'black','font-weight':'bold'},//字体样式函数
  224. // selectedMulti: false //设置是否允许同时选中多个节点
  225. // },
  226. // check:{
  227. // //chkboxType: { "Y": "ps", "N": "ps" },
  228. // chkStyle: "checkbox",//复选框类型
  229. // enable: true //每个节点上是否显示 CheckBox
  230. // },
  231. // data: {
  232. // simpleData: {//简单数据模式
  233. // enable:true,
  234. // idKey: "id",
  235. // pIdKey: "parentId",
  236. // rootPId: ""
  237. // }
  238. // },
  239. // callback: {
  240. // beforeClick: function(treeId, treeNode) {
  241. // zTree = $.fn.zTree.getZTreeObj("per_tree");
  242. // if (treeNode.isParent) {
  243. // zTree.expandNode(treeNode);//如果是父节点,则展开该节点
  244. // }else{
  245. // zTree.checkNode(treeNode, !treeNode.checked, true, true);//单击勾选,再次单击取消勾选
  246. // }
  247. // }
  248. // }//每个节点上是否显示 CheckBox
  249. // };
  250. //
  251. // function onCheck(e,treeId,treeNode){
  252. // var treeObj=$.fn.zTree.getZTreeObj("per_tree"),
  253. // nodes=treeObj.getCheckedNodes(true),
  254. // v="";
  255. // for(var i=0;i<nodes.length;i++){
  256. // v+=nodes[i].name + ",";
  257. // alert(nodes[i].id); //获取选中节点的值
  258. // }
  259. // }
  260. //
  261. //
  262. // function loadPerData() {
  263. //
  264. // var treeNodes;
  265. //
  266. // $.ajax({
  267. // async:false,//是否异步
  268. // cache:false,//是否使用缓存
  269. // type:'POST',//请求方式:post
  270. // dataType:'json',//数据传输格式:json
  271. // url:'/admin/per/loadPermissionZTree.action',//请求的action路径
  272. // error:function(){
  273. // //请求失败处理函数
  274. // layer.msg("请求失败",{icon:5,time:3000});
  275. // },
  276. // success:function(data){
  277. // //console.log(data);
  278. // alert(data.toString());
  279. // //请求成功后处理函数
  280. // treeNodes = data;//把后台封装好的简单Json格式赋给treeNodes
  281. // }
  282. // });
  283. //
  284. // //初始化zTree,展开所有节点
  285. // var t = $("#per_tree");
  286. // t = $.fn.zTree.init(t, setting, treeNodes).expandAll(true);
  287. //
  288. //
  289. // }
  290. //
  291. // $(function(){
  292. // //从数据库获取所有权限数据加载到配置属性zNodes中
  293. // loadPerData();
  294. // });
  295. </script>
  296. <!--/请在上方写此页面业务相关的脚本-->
  297. </body>
  298. </html>

下图使用了Ztree展示树

ztree_role_add.jsp页面部分:

  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: shaojiang
  4. Date: //
  5. Time: 下午2:
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%--
  9. Created by IntelliJ IDEA.
  10. User: shaojiang
  11. Date: //
  12. Time: 下午9:
  13. To change this template use File | Settings | File Templates.
  14. --%>
  15. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  16. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  17. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  18. <!--_meta 作为公共模版分离出去-->
  19. <!DOCTYPE HTML>
  20. <html>
  21. <head>
  22. <meta charset="utf-8">
  23. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  24. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  25. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  26. <meta http-equiv="Cache-Control" content="no-siteapp" />
  27. <link rel="Bookmark" href="/favicon.ico" >
  28. <link rel="Shortcut Icon" href="/favicon.ico" />
  29. <!--[if lt IE ]>
  30. <script type="text/javascript" src="/statics/lib/html5shiv.js"></script>
  31. <script type="text/javascript" src="/statics/lib/respond.min.js"></script>
  32. <![endif]-->
  33. <link rel="stylesheet" type="text/css" href="/statics/h-ui/css/H-ui.min.css" />
  34. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/css/H-ui.admin.css" />
  35. <link rel="stylesheet" type="text/css" href="/statics/lib/Hui-iconfont/1.0.8/iconfont.css" />
  36. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/skin/default/skin.css" id="skin" />
  37. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/css/style.css" />
  38. <%--zTree样式表--%>
  39. <link rel="stylesheet" type="text/css" href="/statics/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
  40. <!--[if IE ]>
  41. <script type="text/javascript" src="/statics/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  42. <script>DD_belatedPNG.fix('*');</script>
  43. <![endif]-->
  44. <!--/meta 作为公共模版分离出去-->
  45. <title>H-ui.admin v3.</title>
  46. <style>
  47. <%--修改ztree显示样式--%>
  48. ul.ztree li span.button.switch{margin-right:5px}
  49. ul.ztree ul ul li{display:inline-block;white-space:normal}
  50. ul.ztree>li>ul>li{padding:5px}
  51. ul.ztree>li{background: #dae6f0}
  52. ul.ztree>li:nth-child(even)>ul>li:nth-child(even){background: #eef5fa}
  53. ul.ztree>li:nth-child(even)>ul>li:nth-child(odd){background: #f6fbff}
  54. ul.ztree>li:nth-child(odd)>ul>li:nth-child(even){background: #eef5fa}
  55. ul.ztree>li:nth-child(odd)>ul>li:nth-child(odd){background: #f6fbff}
  56. ul.ztree>li>ul{margin-top:12px}
  57. ul.ztree>li{padding:15px;padding-right:25px}
  58. ul.ztree li{white-space:normal!important}
  59. ul.ztree>li>a>span{font-size:15px;font-weight:}
  60. </style>
  61. </head>
  62. <body>
  63. <article class="page-container">
  64. <form:form modelAttribute="role" action="##" onsubmit="return false" class="form form-horizontal" id="form-role-add">
  65. <div class="row cl">
  66. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名称:</label>
  67. <div class="formControls col-xs-8 col-sm-9">
  68. <%--<input type="text" class="input-text" value="${requestScope.role.roleName}" placeholder="" id="roleName" name="roleName">--%>
  69. <form:input path="roleName" cssClass="input-text"/>
  70. </div>
  71. </div>
  72. <div class="row cl">
  73. <label class="form-label col-xs-4 col-sm-3">角色备注:</label>
  74. <div class="formControls col-xs-8 col-sm-9">
  75. <%--<input type="text" class="input-text" value="${requestScope.role.remark}" placeholder="" id="" name="">--%>
  76. <form:input path="roleRemark" cssClass="input-text"/>
  77. </div>
  78. </div>
  79. <div class="row cl">
  80. <label class="form-label col-xs-4 col-sm-3">资源权限:</label>
  81. <ul class=" formControls col-xs-8 col-sm-9">
  82.  
  83. <div>
  84. <ul class="ztree" id="perZtree" >
  85. </ul>
  86. </div>
  87. </ul>
  88.  
  89. </div>
  90. </div>
  91. <div class="row cl">
  92. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  93. <button type="button" class="btn btn-success radius" id="role-save" name="admin-role-save"><i class="icon-ok"></i> 确定</button>
  94. </div>
  95. </div>
  96. </form:form>
  97. </article>
  98.  
  99. <!--请在下方写此页面业务相关的脚本-->
  100. <script type="text/javascript" src="/statics/lib/jquery/1.9.1/jquery.min.js"></script>
  101. <script type="text/javascript" src="/statics/lib/plug-ins/pagination/pagination.js"></script>
  102. <script type="text/javascript" src="/statics/lib/layer/2.4/layer.js"></script>
  103. <script type="text/javascript" src="/statics/lib/zTree/v3/js/jquery.ztree.core-3.5.min.js"></script>
  104. <script type="text/javascript" src="/statics/lib/zTree/v3/js/jquery.ztree.excheck-3.5.min.js"></script>
  105. <script type="text/javascript">
  106.  
  107. var values;
  108.  
  109. $(function(){
  110. //从数据库获取所有权限数据加载到配置属性zNodes中
  111. loadPerData();
  112.  
  113. $("#role-save").click(function()
  114. {
  115. var values="";
  116. var treeObj=$.fn.zTree.getZTreeObj("perZtree");
  117. var nodes=treeObj.getCheckedNodes(true);
  118. for(var i=;i<nodes.length;i++){
  119. values+=nodes[i].id + ",";
  120. }
  121.  
  122. values=values.substr(,values.length-);
  123.  
  124. var roleName = $("#roleName").val();
  125. var roleRemark = $("#roleRemark").val();
  126. if(!roleName){
  127. layer.msg("请输入角色名称");
  128. $("#roleName").select();
  129. return false;
  130. }else if(roleName.length>)
  131. {
  132. layer.msg("不能超过12个字符");
  133. $("#roleName").select();
  134. return false;
  135. }else if(!roleRemark){
  136. layer.msg("请输入角色备注");
  137. $("#roleRemark").select();
  138. return false;
  139. }else if(roleRemark.length>)
  140. {
  141. layer.msg("不能超过30个字符");
  142. $("#roleRemark").select();
  143. return false;
  144. }else if(values.length<=)
  145. {
  146. layer.msg("请给角色至少分配一个权限");
  147. return false;
  148. }else
  149. {
  150.  
  151. var formStr = "roleName="+roleName+"&";
  152. formStr += "roleRemark="+roleRemark+"&";
  153. formStr += "pers="+values;
  154. //提交表单
  155. // var yesForm = $("#form-role-add").serialize();
  156. alert(formStr);
  157.  
  158. $.ajax({
  159. //几个参数需要注意一下
  160. type: "POST",//方法类型
  161. dataType: "json",//预期服务器返回的数据类型
  162. url: "/admin/role/ztree-role-add.action" ,//url
  163. data:formStr,
  164. success: function (data) {
  165. console.log(data.result);//打印服务端返回的数据(调试用)
  166. if (data.result == 'SUCCESS'||data.result == ) {
  167. layer.msg("保存成功",{icon:,time:});
  168. }else
  169. {
  170. layer.msg("保存失败:"+data.result.toString(),{icon:,time:});
  171. }
  172. },
  173. error : function() {
  174. layer.msg(data.result.toString());
  175. }
  176. });
  177. }
  178.  
  179. });
  180. });
  181.  
  182. function onCheck(e,treeId,treeNode){
  183. var treeObj=$.fn.zTree.getZTreeObj("perZtree"),
  184. nodes=treeObj.getCheckedNodes(true),
  185. v="";
  186. for(var i=;i<nodes.length;i++){
  187. v+=nodes[i].name + ",";
  188. console.log(nodes[i].id); //获取选中节点的值
  189. values.put(nodes[i].id);
  190. }
  191. }
  192.  
  193. function loadPerData() {
  194.  
  195. var treeNodes = [
  196. {"id":, "pId":, "name":"test1"},
  197. {"id":, "pId":, "name":"test11"},
  198. {"id":, "pId":, "name":"test12"},
  199. {"id":, "pId":, "name":"test111"}
  200. ];
  201.  
  202. var setting = {
  203. view: {
  204. dblClickExpand: false,//双击节点时,是否自动展开父节点的标识
  205. showLine: true,//是否显示节点之间的连线
  206. fontCss:{'color':'black','font-weight':'bold'},//字体样式函数
  207. selectedMulti: false //设置是否允许同时选中多个节点
  208. },
  209. check:{
  210. //chkboxType: { "Y": "ps", "N": "ps" },
  211. chkStyle: "checkbox",//复选框类型
  212. enable: true //每个节点上是否显示 CheckBox
  213. },
  214. data: {
  215. key:{
  216. url:"xUrl"//后台数据使用了url,如果不想点击节点后跳转,设置不存在的URL即可
  217. },
  218. simpleData: {//简单数据模式
  219. enable:true,
  220. idKey: "id",
  221. pIdKey: "parentId",
  222. rootPId: ""
  223. }
  224. }
  225. };
  226.  
  227. $.ajax({
  228. async:false,//是否异步
  229. cache:false,//是否使用缓存
  230. type:'POST',//请求方式:post
  231. dataType:'json',//数据传输格式:json
  232. url:'/admin/role/loadPermissionZTree.action',//请求的action路径
  233. error:function(){
  234. //请求失败处理函数
  235. layer.msg("请求失败",{icon:,time:});
  236. },
  237. success:function(data){
  238. //console.log(data);
  239. //alert(data.toString());
  240. //请求成功后处理函数
  241. treeNodes = data;//把后台封装好的简单Json格式赋给treeNodes
  242. }
  243. });
  244.  
  245. //初始化zTree,展开所有节点
  246. var t = $("#perZtree");
  247. t = $.fn.zTree.init(t, setting, treeNodes).expandAll(true);
  248.  
  249. }
  250.  
  251. </script>
  252. <!--/请在上方写此页面业务相关的脚本-->
  253. </body>
  254. </html>
  1. /**
  2. * 加载所有权限树
  3. * @return
  4. */
  5. @AccessPermissionsInfo("role:list")
  6. @RequestMapping(value = "/loadPermissionZTree.action",method = RequestMethod.POST)
  7. @ResponseBody
  8. public List<Permission> loadPermissionZTree()
  9. {
  10. //获取所有权限集合
  11. List<Permission> allPermissionsList =
  12. permissionService.findAllPermission();
  13. return allPermissionsList;
  14. }
  1. /**
  2. * ztree样式添加角色信息
  3. * @param request
  4. * @return
  5. */
  6. @AccessPermissionsInfo("role:add")
  7. @RequestMapping(value = "/ztree-role-add.action",method = RequestMethod.POST)
  8. @ResponseBody
  9. public Map<String,Object> zTreeRoleAdd(HttpServletRequest request)
  10. {
  11. Map<String,Object> resultMap = new HashMap<String,Object>();
  12.  
  13. String ids = request.getParameter("pers");
  14. //转换成数组
  15. String[] pers = ids.split(",");
  16.  
  17. if(request.getParameter("roleName")==null||
  18. request.getParameter("roleRemark")==null)
  19. {
  20. resultMap.put("result","参数异常");
  21. }else if(pers==null||pers.length<=)
  22. {
  23. resultMap.put("result","请给角色至少分配一个权限");
  24. }else
  25. {
  26. String roleName = request.getParameter("roleName").toString();
  27. String roleRemark = request.getParameter("roleRemark").toString();
  28. AdminUser adminUser = (AdminUser)request.getSession().getAttribute("adminUser");
  29. if(adminUser!=null){
  30. Role role = roleService.findRoleByRoleName(roleName);
  31. if(role==null){
  32. Role role2 = new Role();
  33. role2.setRoleName(roleName);
  34. role2.setRoleRemark(roleRemark);
  35. int count = roleService.addRole(role2,pers);
  36. if(count>){
  37. resultMap.put("result","SUCCESS");
  38. }else
  39. {
  40. resultMap.put("result","操作失败");
  41. }
  42. }else
  43. {
  44. resultMap.put("result","角色已存在");
  45. }
  46.  
  47. }else
  48. {
  49. resultMap.put("result","登录超时,请重新登录");
  50. }
  51. }
  52.  
  53. return resultMap;
  54. }

不管使用哪种方式添加和展示,这里面最终都调用了这两个方法:roleService.findRoleByRoleName(roleName)和roleService.addRole(role2,pers);

  1. /**
  2. * 添加角色
  3. *
  4. * @param role 角色信息
  5. * @param ids 角色关联的权限ID数组
  6. * @return
  7. */
  8. @Override
  9. public int addRole(Role role, String[] ids) {
  10.  
  11. //执行成功条数
  12. int successCount = ;
  13. //添加角色信息
  14. successCount = roleDao.addRole(role);
  15.  
  16. //取得添加成功后返回的ID编号
  17. String roleId = role.getId().toString();
  18.  
  19. //循环遍历权限ID数组,执行插入角色权限关联信息
  20. for (String pId :ids)
  21. {
  22. successCount +=roleDao.addRolePermissionRelation(roleId,pId);
  23. }
  24.  
  25. return successCount;
  26. }

持久层:

  1. <!--对应RoleDao接口文件中的findRoleByRoleName方法,参数类型string-->
  2. <select id="findRoleByRoleName" parameterType="string"
  3. resultType="com.supin51.domain.Role" >
  4. SELECT * FROM t_role
  5. WHERE roleName = #{roleName}
  6. </select>
  1. <!--对应RoleDao接口文件中的addRole方法,参数类型role,使用主键自增,返回新增主键-->
  2. <insert id="addRole" useGeneratedKeys="true" keyProperty="id" keyColumn="id" >
  3.  
  4. <!--order="BEFORE"会在insert语句之前执行,使用selectKey元素自定义主键的生成
  5. 返回要插入的ID,如果没有记录,返回ID为1,否则返回最后的ID+(每次插入递增1),这样可以自定义ID编号规则-->
  6. <selectKey keyProperty="id" resultType="int" order="BEFORE" statementType="PREPARED" >
  7. SELECT if(MAX(id)=NULL,,MAX(id)+) FROM t_role
  8. </selectKey>
  9.  
  10. <!--注意这里使用了动态插入sql-->
  11. INSERT INTO t_role
  12. <trim prefix="(" suffix=")" suffixOverrides=",">
  13. <if test="id != null"> id, </if>
  14. <if test="roleName != null">roleName,</if>
  15. <if test="roleRemark != null">roleRemark, </if>
  16. </trim>
  17. <trim prefix="values (" suffix=")" suffixOverrides=",">
  18. <if test="id != null"> #{id,jdbcType=BIGINT},</if>
  19. <if test="roleName != null">#{roleName,jdbcType=VARCHAR},</if>
  20. <if test="roleRemark != null">#{roleRemark,jdbcType=VARCHAR}, </if>
  21. </trim>
  22. </insert>

角色的删除

  1. /**
  2. * 删除角色信息
  3. * @param request
  4. * @return
  5. */
  6. @AccessPermissionsInfo("role:delete")
  7. @RequestMapping(value = "/role-delete.action",method = RequestMethod.POST)
  8. @ResponseBody
  9. public Map<String,Object> deleteAdminUser(HttpServletRequest request)
  10. {
  11. //接收角色编号
  12. String str_ids = request.getParameter("ids");
  13. str_ids = str_ids.replace("/","");//替换掉/
  14. //转换成数组
  15. String[] ids = str_ids.split(","); // 用,分割
  16. //logger.info(Arrays.toString(ids));
  17.  
  18. Map<String,Object> resultMap = new HashMap<String,Object>();
  19.  
  20. if(ids==null||ids.length<=)
  21. {
  22. resultMap.put("result","参数异常");
  23. }else
  24. {
  25. AdminUser adminUser = (AdminUser)request.getSession().getAttribute("adminUser");
  26. if(adminUser!=null){
  27. //执行删除角色
  28. int count = roleService.deleteRole(ids);
  29. if(count>){
  30. resultMap.put("result","SUCCESS");
  31. }else
  32. {
  33. resultMap.put("result","操作失败");
  34. }
  35.  
  36. }else
  37. {
  38. resultMap.put("result","登录超时,请重新登录");
  39. }
  40. }
  41.  
  42. return resultMap;
  43. }

RoleServiceImpl部分

  1. /**
  2. * 删除角色
  3. *
  4. * @param ids 角色编号数组
  5. * @return
  6. */
  7. @Override
  8. public int deleteRole(String[] ids) {
  9.  
  10. int successCount = ;
  11.  
  12. //遍历角色组
  13. for(String roleId:ids)
  14. {
  15. //查找角色下的管理用户列表
  16. List<AdminUser> adminUserList =
  17. adminUserService.findAdminUserListByRoleId(roleId);
  18. //遍历用户列表
  19. for (AdminUser adminUser:adminUserList)
  20. {
  21. //根据用户查询用户的角色数,一个用户可能有多个角色
  22. List<String> roles =
  23. adminUserService.findAdminUserRoleListByAdminId(adminUser.getId());
  24. //如果用户的角色大于1个
  25. if(roles.size()>){
  26. //执行删除当前角色操作
  27. //根据角色编号和用户编号,删除(用户和角色中间表)的关联信息,adminUser.id 和 roleId
  28. successCount+=roleDao.deleteRoleAdminRelationByRoleIds(adminUser.getId(),roleId);
  29. }else
  30. {
  31. //如果用户的角色只有一个,就更新用户的最后一个角色至未分组,adminUser.id 和roleId
  32. successCount+=roleDao.updateRoleAdminRelationByRoleIds(adminUser.getId(),roleId);
  33. }
  34. }
  35. }
  36.  
  37. //删除角色权限表中的角色和权限关联信息
  38. successCount+=roleDao.deleteRolePermissionRelationByRoleIds(ids);
  39.  
  40. //删除角色信息
  41. successCount+=roleDao.deleteRoleByRoleIds(ids);
  42.  
  43. return successCount;
  44. }

持久层

  1. <!--对应AdminUserDao接口文件中的findAdminUserRoleListByAdminId方法-->
  2. <select id="findAdminUserRoleListByAdminId" parameterType="int"
  3. resultType="string" >
  4. SELECT tr.roleName
  5. FROM t_role tr
  6. LEFT JOIN t_admin_role tar
  7. ON tar.roleId = tr.id
  8. LEFT JOIN t_admin ta
  9. ON tar.adminId = ta.id
  10. WHERE ta.id = #{adminId}
  11. </select>
  1. <!--对应RoleDao接口文件中的updateRoleAdminRelationByRoleIds方法-->
  2. <update id="updateRoleAdminRelationByRoleIds">
  3. UPDATE t_admin_role
  4. SET roleId =
  5. WHERE roleId = #{roleId} AND adminId = #{id}
  6. </update>
  7.  
  8. <!--对应RoleDao接口文件中的deleteRoleAdminRelationByRoleIds方法-->
  9. <delete id="deleteRoleAdminRelationByRoleIds">
  10. DELETE FROM t_admin_role
  11. WHERE roleId = #{roleId} AND adminId = #{id}
  12. </delete>

编辑角色:

  1. <%--
  2. Created by IntelliJ IDEA.
  3. User: shaojiang
  4. Date: //
  5. Time: 下午4:
  6. To change this template use File | Settings | File Templates.
  7. --%>
  8. <%--
  9. Created by IntelliJ IDEA.
  10. User: shaojiang
  11. Date: //
  12. Time: 下午2:
  13. To change this template use File | Settings | File Templates.
  14. --%>
  15. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
  16. <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
  17. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
  18. <!--_meta 作为公共模版分离出去-->
  19. <!DOCTYPE HTML>
  20. <html>
  21. <head>
  22. <meta charset="utf-8">
  23. <meta name="renderer" content="webkit|ie-comp|ie-stand">
  24. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  25. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  26. <meta http-equiv="Cache-Control" content="no-siteapp" />
  27. <link rel="Bookmark" href="/favicon.ico" >
  28. <link rel="Shortcut Icon" href="/favicon.ico" />
  29. <!--[if lt IE ]>
  30. <script type="text/javascript" src="/statics/lib/html5shiv.js"></script>
  31. <script type="text/javascript" src="/statics/lib/respond.min.js"></script>
  32. <![endif]-->
  33. <link rel="stylesheet" type="text/css" href="/statics/h-ui/css/H-ui.min.css" />
  34. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/css/H-ui.admin.css" />
  35. <link rel="stylesheet" type="text/css" href="/statics/lib/Hui-iconfont/1.0.8/iconfont.css" />
  36. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/skin/default/skin.css" id="skin" />
  37. <link rel="stylesheet" type="text/css" href="/statics/h-ui.admin/css/style.css" />
  38. <%--zTree样式表--%>
  39. <link rel="stylesheet" type="text/css" href="/statics/lib/zTree/v3/css/zTreeStyle/zTreeStyle.css" />
  40. <!--[if IE ]>
  41. <script type="text/javascript" src="/statics/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
  42. <script>DD_belatedPNG.fix('*');</script>
  43. <![endif]-->
  44. <!--/meta 作为公共模版分离出去-->
  45. <title>H-ui.admin v3.</title>
  46. <style>
  47. <%--修改ztree显示样式--%>
  48. ul.ztree li span.button.switch{margin-right:5px}
  49. ul.ztree ul ul li{display:inline-block;white-space:normal}
  50. ul.ztree>li>ul>li{padding:5px}
  51. ul.ztree>li{background: #dae6f0}
  52. ul.ztree>li:nth-child(even)>ul>li:nth-child(even){background: #eef5fa}
  53. ul.ztree>li:nth-child(even)>ul>li:nth-child(odd){background: #f6fbff}
  54. ul.ztree>li:nth-child(odd)>ul>li:nth-child(even){background: #eef5fa}
  55. ul.ztree>li:nth-child(odd)>ul>li:nth-child(odd){background: #f6fbff}
  56. ul.ztree>li>ul{margin-top:12px}
  57. ul.ztree>li{padding:15px;padding-right:25px}
  58. ul.ztree li{white-space:normal!important}
  59. ul.ztree>li>a>span{font-size:15px;font-weight:}
  60. </style>
  61. </head>
  62. <body>
  63. <article class="page-container">
  64. <form:form modelAttribute="role" action="##" onsubmit="return false" class="form form-horizontal" id="form-role-add">
  65. <div class="row cl">
  66. <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>角色名称:</label>
  67. <div class="formControls col-xs-8 col-sm-9">
  68. <%--<input type="text" class="input-text" value="${requestScope.role.roleName}" placeholder="" id="roleName" name="roleName">--%>
  69. <form:hidden path="id" />
  70. <form:input path="roleName" cssClass="input-text"/>
  71. </div>
  72. </div>
  73. <div class="row cl">
  74. <label class="form-label col-xs-4 col-sm-3">角色备注:</label>
  75. <div class="formControls col-xs-8 col-sm-9">
  76. <%--<input type="text" class="input-text" value="${requestScope.role.remark}" placeholder="" id="" name="">--%>
  77. <form:input path="roleRemark" cssClass="input-text"/>
  78. </div>
  79. </div>
  80. <div class="row cl">
  81. <label class="form-label col-xs-4 col-sm-3">资源权限:</label>
  82. <ul class=" formControls col-xs-8 col-sm-9">
  83.  
  84. <div>
  85. <ul class="ztree" id="perZtree" >
  86. </ul>
  87. </div>
  88. </ul>
  89.  
  90. </div>
  91. </div>
  92. <div class="row cl">
  93. <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
  94. <button type="button" class="btn btn-success radius" id="role-save" name="admin-role-save"><i class="icon-ok"></i> 确定</button>
  95. </div>
  96. </div>
  97. </form:form>
  98. </article>
  99.  
  100. <!--请在下方写此页面业务相关的脚本-->
  101. <script type="text/javascript" src="/statics/lib/jquery/1.9.1/jquery.min.js"></script>
  102. <script type="text/javascript" src="/statics/lib/plug-ins/pagination/pagination.js"></script>
  103. <script type="text/javascript" src="/statics/lib/layer/2.4/layer.js"></script>
  104. <script type="text/javascript" src="/statics/lib/zTree/v3/js/jquery.ztree.core-3.5.min.js"></script>
  105. <script type="text/javascript" src="/statics/lib/zTree/v3/js/jquery.ztree.excheck-3.5.min.js"></script>
  106. <script type="text/javascript">
  107.  
  108. var values;
  109.  
  110. $(function(){
  111. //从数据库获取所有权限数据加载到配置属性zNodes中
  112. loadPerData();
  113.  
  114. $("#role-save").click(function()
  115. {
  116. var values="";
  117. var treeObj=$.fn.zTree.getZTreeObj("perZtree");
  118. var nodes=treeObj.getCheckedNodes(true);
  119. for(var i=;i<nodes.length;i++){
  120. values+=nodes[i].id + ",";
  121. }
  122.  
  123. values=values.substr(,values.length-);
  124.  
  125. var roleId = $("#id").val();
  126. var roleName = $("#roleName").val();
  127. var roleRemark = $("#roleRemark").val();
  128. if(!roleId){
  129. layer.msg("缺少角色主键");
  130. return false;
  131. }
  132. if(!roleName){
  133. layer.msg("请输入角色名称");
  134. $("#roleName").select();
  135. return false;
  136. }else if(roleName.length>)
  137. {
  138. layer.msg("不能超过12个字符");
  139. $("#roleName").select();
  140. return false;
  141. }else if(!roleRemark){
  142. layer.msg("请输入角色备注");
  143. $("#roleRemark").select();
  144. return false;
  145. }else if(roleRemark.length>)
  146. {
  147. layer.msg("不能超过30个字符");
  148. $("#roleRemark").select();
  149. return false;
  150. }else if(values.length<=)
  151. {
  152. layer.msg("请给角色至少分配一个权限");
  153. return false;
  154. }else
  155. {
  156.  
  157. var formStr = "roleId="+roleId+"&";
  158. formStr += "roleName="+roleName+"&";
  159. formStr += "roleRemark="+roleRemark+"&";
  160. formStr += "pers="+values;
  161. //提交表单
  162. // var yesForm = $("#form-role-add").serialize();
  163. alert(formStr);
  164.  
  165. parent.layer.confirm('确定提交保存?',function(index) {
  166.  
  167. $.ajax({
  168. //几个参数需要注意一下
  169. type: "POST",//方法类型
  170. dataType: "json",//预期服务器返回的数据类型
  171. url: "/admin/role/zTree-role-edit.action" ,//url
  172. data:formStr,
  173. success: function (data) {
  174. console.log(data.result);//打印服务端返回的数据(调试用)
  175. if (data.result == 'SUCCESS'||data.result == ) {
  176. parent.layer.close(index);//关闭弹窗
  177. layer.msg("保存成功",{icon:,time:});
  178. }else
  179. {
  180. layer.msg("保存失败:"+data.result.toString(),{icon:,time:});
  181. }
  182. },
  183. error : function() {
  184. layer.msg(data.result.toString());
  185. }
  186. });
  187. });
  188.  
  189. }
  190.  
  191. });
  192. });
  193.  
  194. function loadPerData() {
  195.  
  196. var roleId = $("#id").val();
  197. //alert(roleId);
  198. var treeNodes;
  199. if(roleId){
  200. //请求获取角色下的权限列表
  201. $.ajax({
  202. async:false,//是否异步
  203. cache:false,//是否使用缓存
  204. type:'POST',//请求方式:post
  205. dataType:'json',//数据传输格式:json
  206. url:'/admin/role/loadRolePermissionZTree.action/'+roleId.toString(),//请求的action路径
  207. error:function(){
  208. //请求失败处理函数
  209. layer.msg("请求角色权限失败",{icon:,time:});
  210. },
  211. success:function(data){
  212. //console.log(data);
  213. //alert(data.toString());
  214. //请求成功后处理函数
  215. treeNodes = data;//把后台封装好的简单Json格式赋给treeNodes
  216. }
  217. });
  218. }
  219.  
  220. //alert(treeNodes.toString());
  221.  
  222. // var treeNodes = [
  223. // {"id":1, "pId":0, "name":"test1"},
  224. // {"id":11, "pId":1, "name":"test11"},
  225. // {"id":12, "pId":1, "name":"test12"},
  226. // {"id":111, "pId":11, "name":"test111"}
  227. // ];
  228.  
  229. var setting = {
  230. view: {
  231. dblClickExpand: false,//双击节点时,是否自动展开父节点的标识
  232. showLine: true,//是否显示节点之间的连线
  233. fontCss:{'color':'black','font-weight':'bold'},//字体样式函数
  234. selectedMulti: false //设置是否允许同时选中多个节点
  235. },
  236. check:{
  237. //chkboxType: { "Y": "ps", "N": "ps" },
  238. chkStyle: "checkbox",//复选框类型
  239. enable: true //每个节点上是否显示 CheckBox
  240. },
  241. data: {
  242. key:{
  243. url:"xUrl"//后台数据使用了url,如果不想点击节点后跳转,设置不存在的URL即可
  244. },
  245. simpleData: {//简单数据模式
  246. enable:true,
  247. idKey: "id",
  248. pIdKey: "parentId",
  249. rootPId: ""
  250. }
  251. }
  252. };
  253.  
  254. $.ajax({
  255. async:false,//是否异步
  256. cache:false,//是否使用缓存
  257. type:'POST',//请求方式:post
  258. dataType:'json',//数据传输格式:json
  259. url:'/admin/per/loadPermissionZTree.action',//请求的action路径
  260. error:function(){
  261. //请求失败处理函数
  262. layer.msg("请求失败",{icon:,time:});
  263. },
  264. success:function(data){
  265. //console.log(data);
  266. //alert(data.toString());
  267. //请求成功后处理函数
  268. //初始化zTree,展开所有节点
  269. $.fn.zTree.init($("#perZtree"), setting, data).expandAll(true);
  270. }
  271. });
  272.  
  273. //获取ztree对象
  274. var treeObj=$.fn.zTree.getZTreeObj("perZtree");
  275. //alert(treeNodes.toString());
  276. //遍历需要选中的角色节点,然后利用该节点ID获得与他相同的tree中的节点,设置为选中
  277. if(treeNodes!=null&&treeNodes.length>){
  278. for(var i = ;i<treeNodes.length;i++){
  279. var nodes = treeObj.getNodesByParam("id",treeNodes[i].id.toString(),null);
  280. //勾选当前选中的节点
  281. treeObj.checkNode(nodes[], true, false);
  282. }
  283. }
  284.  
  285. }
  286.  
  287. </script>
  288. <!--/请在上方写此页面业务相关的脚本-->
  289. </body>
  290. </html>
  1. /**
  2. * ztree样式编辑角色信息
  3. * @param request
  4. * @param model
  5. * @return
  6. */
  7. @AccessPermissionsInfo("role:edit")
  8. @RequestMapping(value = "/zTree-role-edit.action",method = RequestMethod.POST)
  9. @ResponseBody
  10. public Map<String,Object> zTreeEditRole(HttpServletRequest request,Model model){
  11.  
  12. Map<String,Object> resultMap = new HashMap<String ,Object>();
  13.  
  14. String ids = request.getParameter("pers");
  15. //转换成数组
  16. String[] pers = ids.split(",");
  17.  
  18. if(request.getParameter("roleId")==null||
  19. request.getParameter("roleName")==null||
  20. request.getParameter("roleRemark")==null){
  21. resultMap.put("result","参数不合法");
  22. }else if(pers==null ||pers.length<=){
  23. resultMap.put("result","请给角色至少分配一个权限");
  24. }else
  25. {
  26. String roleId = request.getParameter("roleId").toString();
  27. String roleName = request.getParameter("roleName").toString();
  28. String roleRemark = request.getParameter("roleRemark").toString();
  29. Role role = new Role();
  30. role.setId(Integer.parseInt(roleId));
  31. role.setRoleName(roleName);
  32. role.setRoleRemark(roleRemark);
  33. //验证Session是否过期,其实不验证也可以,拦截器中已经进行了拦截
  34. AdminUser adminUser = (AdminUser)request.getSession().getAttribute("adminUser");
  35. if(adminUser!=null){
  36. //查询角色是否存在
  37. Role role2 = roleService.findRoleByRoleName(roleName);
  38. if(role2!=null){
  39. //编辑角色信息
  40. int count = roleService.editRole(role,pers);
  41. if(count>){
  42. resultMap.put("result","SUCCESS");
  43. }else
  44. {
  45. resultMap.put("result","操作失败");
  46. }
  47. }else
  48. {
  49. resultMap.put("result","角色不存在");
  50. }
  51.  
  52. }else
  53. {
  54. resultMap.put("result","登录超时,请重新登录");
  55. }
  56.  
  57. }
  58.  
  59. return resultMap;
  60. }

RoleServiceImpl部分

  1. /**
  2. * 编辑角色信息
  3. *
  4. * @param role 角色信息
  5. * @param pers 权限编号数组
  6. * @return
  7. */
  8. @Override
  9. public int editRole(Role role, String[] pers) {
  10.  
  11. int successCount = ;
  12. //第一步:更新角色
  13. successCount+=roleDao.editRole(role);
  14.  
  15. //第二步:根据角色编号查询角色已经持有的权限集合
  16. List<Permission> permissions =
  17. roleDao.getRolePermissions(role.getId());
  18. //取出权限ID放入字符串集合中
  19. List<String> oldPers = new ArrayList<String>();
  20. for(Permission p:permissions)
  21. {
  22. oldPers.add(p.getId().toString());
  23. }
  24.  
  25. //第三步:遍历旧的权限组
  26. for (String pId:oldPers)
  27. {
  28. //将数组装换成集合
  29. //如果新的权限组中未包含旧的权限ID
  30. if(!Arrays.asList(pers).contains(pId)){
  31. //执行删除角色权限的关联,参数1:角色ID,参数2:旧权限ID
  32. successCount+=roleDao.deleteRolePermissionRelationById(role.getId(),pId);
  33. }
  34. }
  35.  
  36. //第四步:遍历新的权限组
  37. for(String pId:pers)
  38. { //如果旧的权限中未包含新的权限ID
  39. if(!oldPers.contains(pId)){
  40. //执行插入角色权限操作,参数1:角色ID,参数2:新权限ID
  41. successCount+=roleDao.addRolePermissionRelation(role.getId().toString(),pId);
  42. }
  43. }
  44.  
  45. return successCount;
  46. }

RoleMapper.xml 持久层:

  1. <!--对应RoleDao接口文件中的editRole方法,参数类型role-->
  2. <update id="editRole">
  3. <!--注意这里使用了动态sql-->
  4. UPDATE t_role
  5. <set>
  6. <if test="roleName != null">
  7. roleName = #{roleName,jdbcType=VARCHAR},
  8. </if>
  9. <if test="roleRemark != null">
  10. roleRemark = #{roleRemark,jdbcType=VARCHAR}
  11. </if>
  12. </set>
  13. WHERE id = #{id}
  14. </update>
  1. <!--对应RoleDao接口文件中的getRolePermissions方法,参数:int 角色编号-->
  2. <select id="getRolePermissions" parameterType="int" resultType="com.supin51.domain.Permission" >
  3. SELECT tp.*
  4. FROM t_permission tp
  5. LEFT JOIN t_role_permission trp
  6. ON trp.permissionId = tp.id
  7. LEFT JOIN t_role tr
  8. ON trp.roleId = tr.id
  9. WHERE tr.id = #{roleId}
  10. </select>
  11.  
  12. <!--对应RoleDao接口文件中的deleteRolePermissionRelationById方法-->
  13. <delete id="deleteRolePermissionRelationById">
  14. DELETE FROM t_role_permission
  15. WHERE roleId = #{roleId} AND permissionId = #{pId}
  16. </delete>
  17.  
  18. <!--对应RoleDao接口文件中的deleteRolePermissionRelationByRoleIds方法-->
  19. <delete id="deleteRolePermissionRelationByRoleIds">
  20. DELETE FROM t_role_permission
  21. WHERE roleId in
  22. <foreach item="item" index="index" collection="array"
  23. open="(" separator="," close=")" >
  24. #{item}
  25. </foreach>
  26. </delete>

JavaEE权限管理系统的搭建(八)--------角色的增删改的更多相关文章

  1. JavaEE权限管理系统的搭建(四)--------使用拦截器实现登录认证和apache shiro密码加密

    RBAC 基于角色的权限访问控制(Role-Based Access Control)在RBAC中,权限与角色相关联,用户通过成为适当角色的成员而得到这些角色的权限.这就极大地简化了权限的管理.在一个 ...

  2. JavaEE权限管理系统的搭建(一)--------项目中用到的知识点概括

    转战Java有一段时间了,.net 已不再开发的新的工程,基本上在维护,最近大半年时间在学习Java,今天抽空将学习的到的知识,应用到了一个权限管理系统的小项目中,特此记录一下.代码如有不对之处,希望 ...

  3. JavaEE权限管理系统的搭建(六)--------使用拦截器实现菜单URL的跳转权限验证和页面的三级菜单权限按钮显示

    本小结讲解,点击菜单进行页面跳转,看下图,点击管理员列表后会被认证拦截器首先拦截,验证用户是否登录,如果登录就放行,紧接着会被权限验证拦截器再次拦截,拦截的时候,会根据URL地址上找到对应的方法,然后 ...

  4. JavaEE权限管理系统的搭建(七)--------管理用户的增删改

    本小结讲解管理用户的增删改查实现, 首先是添加用户,如下图所示,可以看到添加用户的同时也要给用户分配角色,至少给用户分配一个或者是多个角色 页面js部分: $.ajax({ //几个参数需要注意一下 ...

  5. JavaEE权限管理系统的搭建(五)--------RBAC权限管理中的权限菜单的显示

    上一小节实现了登录的实现,本小节实现登录后根据用户名查询当前用户的角色所关联的所有权限,然后进行菜单的显示.登录成功后,如下图所示,管理设置是一级菜单,管理员列表,角色管理,权限管理是二级菜单. 先来 ...

  6. JavaEE权限管理系统的搭建(三)--------springmvc和mabatis整合环境搭建

    本节介绍如何环境的搭建和配置: 首先要在父工程引入jar包依赖: <!-- 通过属性定义指定jar的版本 --> <properties> <spring.version ...

  7. JavaEE权限管理系统的搭建(二)--------聚合工程项目的创建和依赖关系

    本项目是一个聚合工程,所以要先搭建一个聚合工程的框架 搭建完成的项目结构图如下: 首先创建父项目:pom类型 子模块:web层的搭建,war类型 把这个两个目录标记为对应的类型 其他子模块:和serv ...

  8. 构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(27)-权限管理系统-分配用户给角色

    原文:构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(27)-权限管理系统-分配用户给角色 分配用户给角色,跟分配角色给用户操作是基本一致的. 打开模块维护,展 ...

  9. abp(net core)+easyui+efcore实现仓储管理系统——ABP WebAPI与EasyUI结合增删改查之一(二十七)

    abp(net core)+easyui+efcore实现仓储管理系统目录 abp(net core)+easyui+efcore实现仓储管理系统——ABP总体介绍(一) abp(net core)+ ...

随机推荐

  1. 解决VMWARE 虚拟机安装64位系统“此主机支持 Intel VT-x,但 Intel VT-x 处于禁用状态

    VMWARE WORKSTATION 在安装64为操作系统报错,报错内容如图: 错误提示已经很清楚了,需要在BIOS 中打开intel VT-x g功能,开启此功能的前提是: 1.首先要确定的就是你的 ...

  2. Oracle服务器重命名

    转载自:http://www.codesec.net/view/120387.html 因工作需要准备了一台服务器专门按照oracle数据库,并且服务器上安装了windows 2008R2操作系统,在 ...

  3. IE67不兼容display:inline-block,CSS hack解决

    追加以下代码:*display:inline.*zoom:1 ;} 块元素变为内联块, IE67不兼容:内联元素变为内联块,所有浏览器都支持 发现问题:当然,变为内联块后,有一个特性就是如果元素换行, ...

  4. js event事件绑定的方法

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  5. 11、幻灯片:Slides

    /* ---ts----*/ import { Page,Slides } from 'ionic-angular'; import { ViewChild } from '@angular/core ...

  6. c#-foreach的秘密

    foreach的秘密 class Program { static void Main(string[] args) { //创建Person的对象 Person p1=new Person(); / ...

  7. c# 使用队列保存图片

    Invoke(new EventHandler(delegate { Bitmap bitmap2 = (Bitmap)eventArgs.Frame.Clone(); ThreadPool.Queu ...

  8. 2017年10月9日 冒泡&去重复习

    今天看了一下,就是数组跟js还是不太熟悉 冒泡排序    var arr = [4, 2, 1, 3, 6, 5];        for(var i = 1; i < arr.length; ...

  9. glyphicons-halflings-regular.woff2 文件 404

    搜索了下,果然是因为mine没有配置的原因. http://stackoverflow.com/questions/32300578/how-to-remove-error-about-glyphic ...

  10. Thrift笔记(二)--Thrift框架分层设计

    thrift架构设计使用了分层设计,类似TCP/IP分层,上次使用下层提供的服务.分层设计在计算机中是一个常用的设计,上层和下层定义好接口或者说协议,下层实现可以随意更换,只要实现好定义的接口和协议就 ...