手机上做整蛊网站,大型电商平台有哪些,网站建设能挣钱吗,什么软件推广比较好角色菜单 相关组件方法效果图MySQL代码实现资源菜单树组件实现权限树方法js这里我先主要实现权限树的整体实现方法#xff0c;如果是直接查看使用的话可以只看这里#xff01; 后端代码Controlle层代码Service代码及实现类代码Service代码ServiceImpl代码 resourceMapper 代码… 角色菜单 相关组件方法效果图MySQL代码实现资源菜单树组件实现权限树方法js这里我先主要实现权限树的整体实现方法如果是直接查看使用的话可以只看这里 后端代码Controlle层代码Service代码及实现类代码Service代码ServiceImpl代码 resourceMapper 代码roleResourceMapper代码Mybatis代码RoleResourceMapper.xmlResourceMapper.xml TreeNode.java类DataGridView.java类 角色信息添加及编辑页面实现添加页面和编辑页面代码HTML单选框对应的js代码treeSelectData方法表格头部监听栏按钮的操作添加修改删除的方法 添加修改删除的后端方法Controller代码Service代码ServiceImpl代码RoleResourceMapperRoleMapperRoleMapper.xmlRoleResourceMapper.xml 前端页面完整代码 相关组件方法
消息通知组件notify 树组件dtree 前端框架layuimini layui文档地址layui
效果图 MySQL 代码实现
资源菜单树组件实现
权限树方法js
这里我先主要实现权限树的整体实现方法如果是直接查看使用的话可以只看这里 //初始化树function initTree(roleId) {console.log(roleId);var DTree dtree.render({elem: #treeSelect,dataStyle: layuiStyle, //使用layui风格的数据格式response: {message: msg, statusCode: 0}, //修改response中返回数据的定义dataFormat: list, //配置data的风格为listcheckbar: true,//复选框checkbarType: all, // 默认就是allcheckbarData: choose,menubar: true,//菜单栏menubarTips: {group: [moveDown, moveUp, refresh, checkAll, unCheckAll, searchNode], //按钮组},skin: zdy, // 自定义风格line: true, // 显示树线initLevel: 1,//默认展开层级为1ficon: [1, -1], // 显示非最后一级节点图标隐藏最后一级节点图标icon: 2,//修改二级图标样式url: /role/getAllSelectResourceDate?roleId roleId});/** 搜索框方法* */$(#search_btn).unbind(click);$(#search_btn).click(function () {var value $(#searchInput).val();if (value) {var flag DTree.searchNode(value); // 内置方法查找节点if (!flag) {layer.msg(该名称节点不存在刷新后重试);}} else {DTree.menubarMethod().refreshTree(); // 内置方法刷新树}});}后端代码
Controlle层代码 /** 权限配置菜单查询* getAllSelectRoleDate* */PostMapping(/getAllSelectResourceDate)public DataGridView listResource(Integer roleId) {// System.out.println(前端接受的权限idroleId);return roleService.listResource(roleId);}Service代码及实现类代码
Service代码 /** 查询所有菜单* */DataGridView listResource(Integer roleId);ServiceImpl代码 /** 查询所有菜单信息* */Overridepublic DataGridView listResource(Integer roleId) {// 从数据库中获取所有的资源ListResourceEntity resourceList resourceMapper.selectAllResource();//根据权限id查询资源修改更新权限的时候使用ListRoleResourceEntity roleResourceEntities roleResourceMapper.selectRoleResourceByRoleId(roleId);// 遍历所有资源ListTreeNode data new ArrayList();// 判断是否是提提添加还是修改操作if (roleId 0 || roleResourceEntities.isEmpty()) {for (ResourceEntity resource : resourceList) {// 资源IDInteger id resource.getResourceId();// 资源IDInteger pid resource.getParentId();// 资源名称String title resource.getTitle();// 默认展开状态为falseBoolean spread false;// 默认选中状态为falseString checkArr0;// 封装数据data.add(new TreeNode(id, pid, title, spread,checkArr));}} else {for (ResourceEntity resource : resourceList) {// 遍历角色对应的资源列表// 默认选中状态为false 这里实现的是dtree的选中状态 0未选中 1选中String checkArr 0;for (RoleResourceEntity roleResource : roleResourceEntities) {// 如果资源ID相同if (roleResource.getResourceId().equals(resource.getResourceId())) {// 将资源的选中状态设置为truecheckArr 1;}}// 封装数据// 资源IDInteger id resource.getResourceId();// 父级IDInteger pid resource.getParentId();// 资源名称String title resource.getTitle();// 默认不展开,如果数据不为空则展开Boolean spread true;// 将数据封装到TreeNode中data.add(new TreeNode(id, pid, title, spread, checkArr));}}// 返回数据return new DataGridView(data);}resourceMapper 代码 /** 查询所有资源* */ListResourceEntity selectAllResource();roleResourceMapper代码 /** 根据角色ID查询角色资源* */ListRoleResourceEntity selectRoleResourceByRoleId(Integer roleId);Mybatis代码
RoleResourceMapper.xml select idselectRoleResourceByRoleId resultTypecom.example.erp_project.entity.RoleResourceEntityselect *from sys_role_resourcewhere roleId #{roleId}/selectResourceMapper.xml !--查询所有资源--select idselectAllResource resultTypecom.example.erp_project.entity.ResourceEntityselect *from sys_resourceorder by sort asc/selectTreeNode.java类
package com.example.erp_project.util;import com.fasterxml.jackson.annotation.JsonProperty;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;import java.util.ArrayList;
import java.util.List;
Data
AllArgsConstructor
NoArgsConstructor
public class TreeNode {//自己的资源idprivate Integer id;JsonProperty(parentId) //返回的json的名称 parentId ,为了确定层级关系//父级idprivate Integer pid;//名称private String title;//是否展开private Boolean spread;//子节点private ListTreeNode children new ArrayListTreeNode();/*** 0为不选中 1为选中*/private String checkArr0;/** 前端数据接收的数据项* */public TreeNode(Integer id, Integer pid, String title, Boolean spread, String checkArr) {this.id id;this.pid pid;this.title title;this.spread spread;this.checkArr checkArr;}}
DataGridView.java类
package com.example.erp_project.util;import lombok.Data;/*** author Lolo don‘t feel*/
Data
public class DataGridView {//状态码private Integer code 0;//总数private String msg ;//分页数据private Long count 0L;//这里是dtree中部门的数据private Object data;public DataGridView(Long count, Object data) {this.count count;this.data data;}public DataGridView(Object data) {this.data data;}}
角色信息添加及编辑页面实现
添加页面和编辑页面代码HTML
这里主要查看的是分配权限中的 lay-filterrole-status属性
!-- 添加和修改的弹出层开始 --div styledisplay: none;padding: 20px idsaveOrUpdateDivform classlayui-form lay-filterrole-form idrole-form!--隐藏数据id值用于数据更新使用--input typehidden nameroleId idroleIddiv classlayui-form-itemlabel classlayui-form-label角色名称:/labeldiv classlayui-input-blockinput typetext nameroleName idroleName lay-verifyrequiredplaceholder请填写角色名称autocompleteoffclasslayui-input lay-affixclear/div/divdiv classlayui-form-itemlabel classlayui-form-label角色描述:/labeldiv classlayui-input-blocktextarea nameremark placeholder请输入内容 classlayui-textarealay-affixclear/textarea/div/divdiv classlayui-form-itemlabel classlayui-form-label角色状态:/labeldiv classlayui-input-blockinput typeradio namestate value1 title正常 checkedinput typeradio namestate value0 title停用/div/divinput typehidden namer idrdiv classlayui-form-itemlabel classlayui-form-label分配权限:/labeldiv classlayui-input-blockinput typeradio nameroleState value1 title分配 lay-filterrole-statusinput typeradio nameroleState value0 title暂不分配lay-filterrole-status /div/div/form/div!-- 添加和修改的弹出层结束 --单选框对应的js代码 /** 权限分配菜单* */form.on(radio(role-status), function (data) {var elem data.elem; // 获得 radio 原始 DOM 对象var checked elem.checked; // 获得 radio 选中状态var value elem.value; // 获得 radio 值var othis data.othis; // 获得 radio 元素被替换后的 jQuery 对象//获取页面输入框的值,如果为空则赋值为0否则赋值为输入框的值//将value赋值给隐藏域$(#r).val(value);//将value赋值给隐藏域这里注意用于角色信息编辑页面否则会报错报的错误就是Cannot read property checked of nullvar roleId $(#roleId).val();if (!roleId) {roleId 0;}//如果选中的是分配权限然后调用 treeSelectData(roleId,1);方法加载菜单资源if (value1){treeSelectData(roleId,1);//这里传递的roleId是0 查询的就是全部资源未选择而编辑页面传递的就是选中数据的roleId}});treeSelectData方法
效果图
HTML代码 !--分配权限的弹出层开始--div styledisplay: none;padding: 20px idroleDivdiv stylepadding: 15pxdiv classlayui-btn-containerbutton typebutton classlayui-btn layui-btn-xs data-orange-btndtree-idtreeSelect dtree-menucheckAlli classfa fa-check-square-o/i 全选/buttonbutton typebutton classlayui-btn layui-btn-xs data-black-btndtree-idtreeSelect dtree-menuunCheckAlli classfa fa-remove/i 取消全选/buttonbutton classlayui-btn data-light-btn layui-btn-xs dtree-idtreeSelect dtree-menumoveDowniclassfa fa-expand/i 展开/buttonbutton classlayui-btn data-grey-btn layui-btn-xs dtree-idtreeSelect dtree-menumoveUpiclassfa fa-compress/i 折叠/button/divdiv classlayui-input-inline stylewidth: 130pxinput typetext classlayui-input idsearchInput placeholder输入查询节点内容...lay-affixclearstyleheight: 28px;font-size: 13px/divbutton classlayui-btn data-other-btn layui-btn-xs idsearch_btni classfa fa-search/i 搜索/buttonbutton classlayui-btn data-other-btn layui-btn-xs dtree-idtreeSelect dtree-menurefreshiclassfa fa-refresh/i 刷新/buttondiv classlayui-form-item stylepadding: 15pxul idtreeSelect classdtree data-id0/ul/div/div/div!--分配权限的弹出层结束--添加和编辑页面下图中的代码课一不用查看 /** 权限树弹出层方法* 这里传递两个参数一个是根据roleId用于获取数据将权限进行分配* 一个是根据status用于判断是添加和修改页面还是权限直接分配页面。* */function treeSelectData(roleId,status) {layer.open({type: 1,title: 权限分配,content: $(#roleDiv),area: [360px, 520px],closeBtn: false,btnAlign: c,//样式skin: class-layer-orange,btn: [i classfa fa-check/i 确认分配, i classfa fa-times /i 关闭],success: function () {initTree(roleId);//弹出树组件根据角色id去查询对应的资源菜单},yes: function (index) {var params dtree.getCheckbarNodesParam(treeSelect); // 获取选中值if (params.length 0) {//判断是否选中节点notify.info(至少选择一个节点 ,vcenter, shadow, false,1000);return false;}//判断是添加和修改页面还是权限直接分配页面,如果为1则表示是在角色信息添加修改页面的操作。if (status 1){notify.loading(正在分配权限..., vcenter, shadow, false);setTimeout(function () {notify.destroyAll();//关闭loading加载notify.success(分配成功, vcenter, shadow, false,1000);//设置提示框提示信息,位置, 样式, 是否显示关闭按钮, 显示时间//关闭当前页面layer.closeLast(page);},1000)}else {/** 页面分配权限及角色信息页面的权限分配* */// 将选中的节点转换为字符串var mStr params.map(node node.nodeId).join(,);notify.loading(正在分配权限..., vcenter, shadow, false);setTimeout(function () {notify.destroyAll();//关闭loading加载//传递数据到后端$.ajax({url: /role/updateRoleResource,type: POST,data: {roleId: roleId, resourceIds: mStr},success: function (data) {if (data.code 0) {notify.success(data.msg, vcenter, shadow, false,1000);} else if (data.code 1){notify.warning(data.msg, vcenter, shadow, false,1000);} else {notify.error(data.msg, vcenter, shadow, false,1000);}}}) .done(function () {setTimeout(function () {notify.destroyAll();layer.closeAll();table.reload(roleTableId);//重载表格}, 1000);});},2000)}}, btn2: function () {if (status 1){//清空 radio 值form.val(role-form, {roleState: });notify.info(已取消操作, vcenter, shadow, false,1000);layer.close();}else {notify.info(已取消操作, vcenter, shadow, false,1000);layer.closeAll();}}});}表格头部监听栏按钮的操作 /** 头部操作栏监听* */table.on(toolbar(roleTableFilter), function (obj) {switch (obj.event) {case add:layer.open({type: 1,title: 新增角色,content: $(#saveOrUpdateDiv),area: [660px, 450px],closeBtn: false,//样式skin: class-layer-sea,btn: [i classfa fa-check/i 新增, i classfa fa-mail-reply-all /i 取消],success: function (layero, index) {//清空表单数据$(#role-form)[0].reset();},yes: function (index) {var str $(#r).val();submitForm(/role/insertRoleInfo, GET, index,正在新增角色信息...,str)}, btn2: function () {layer.close();}});break;case edit:var id roleTableId; //获取表格idvar checkStatus table.checkStatus(id) //获取选中行数据var data checkStatus.data[0]; //获取选中行数据if (checkStatus.data.length 0) { //判断notify.info(请选择要修改的角色信息, vcenter, shadow, false,1500);return false;}if (checkStatus.data.length 1) {//判断notify.warning(只能选择一条数据进行修改, vcenter, shadow, false,1500);return false;}if (data.roleName超级管理员){notify.warning(超级管理员不能进行修改, vcenter, shadow, false,1500);return false;}//调用数据修改方法updateFormInfo(data);break;case delete:var id roleTableId;//获取表格idvar checkStatus table.checkStatus(id)//获取选中行数据var data checkStatus.data; // 获取选中的数据console.log(data);if (data.length 0) {notify.info(请选择要删除的角色信息, vcenter, shadow, false,1500);return false;}if (data[0].roleName超级管理员){notify.warning(超级管理员不能进行删除, vcenter, shadow, false,1500);return false;}deleteFormInfo(data);break;};});添加修改删除的方法 /** 方法整合调用* *//** 表单提交这里设置五个参数url, type, index,mes,str* */function submitForm(url, type, index,mes,str) {//获取表单数据var roleName $(input[nameroleName]).val();var remark $(textarea[nameremark]).val();var status $(input[namestate]:checked).val();var roleState $(input[nameroleState]:checked).val();console.log(status);console.log(roleState);//验证表单数据if (roleName ) {notify.info(请填写角色名称, vcenter, shadow, false,1000);return false;}if (remark ) {notify.info(请填写角色描述, vcenter, shadow, false,1000);return false;}if (status null) {notify.info(请选择角色状态, vcenter, shadow, false,1000);return false;}if (roleState null) {notify.info(请选择是否分配权限, vcenter, shadow, false,1000);return false;}// 判断是否分配权限如果等于1才获取选中的节点否则不获取if (str1){//根据是否分配权限判断如果等于1才获取选中的节点否则不获取if (roleState 1){// 获取选中的节点var param dtree.getCheckbarNodesParam(treeSelect);// 将选中的节点转换为字符串var mStr param.map(node node.nodeId).join(,);}}// 提交表单数据notify.loading(mes, vcenter, shadow, false);// 延迟执行避免loading层显示过快setTimeout(function () {notify.destroyAll();$.ajax({url: url,type: type,data: {roleName: roleName, // 角色名称remark: remark, // 角色描述status: status, // 角色状态1启用0禁用roleState: roleState, //角色状态1启用0禁用resource: mStr // 将选中的节点转换为字符串},success: function (data) {if (data.code 0) {notify.success(data.msg, vcenter, shadow, false);} else if (data.code 1) {notify.warning(data.msg, vcenter, shadow, false);} else {notify.error(data.msg, vcenter, shadow, false);}}}).done(function () {setTimeout(function () {notify.destroyAll();layer.closeAll(index);parent.location.reload();}, 500);});}, 2000);}/** 修改数据方法* */function updateFormInfo(data) {layer.open({type: 1,title: 修改角色信息,content: $(#saveOrUpdateDiv),area: [660px, 450px],closeBtn: false,//样式skin: class-layer-yellow,btn: [i classfa fa-check/i 保存, i classfa fa-mail-reply-all /i 取消],success: function (layero, index) {//清空表单数据form.val(role-form, data);}, yes: function (index) {var str $(input[namer]).val();console.log(str);//调用方法提交表单submitForm(/role/updateRoleInfo?roleId data.roleId, POST, index,正在更新角色信息...,str)}, btn2: function () {layer.close();}})}/** 删除数据方法* */function deleteFormInfo(data) {layer.confirm(确定删除该数据么, function (index) {//执行删除操作notify.loading(正在删除数据信息..., vcenter, shadow, false);setTimeout(function () {//关闭loading加载notify.destroyAll();$.ajax({url: /role/deleteRoleInfo,type: DELETE,data: JSON.stringify({ids: data}),contentType: application/json,success: function (data) {if (data.code 0) {notify.success(data.msg, vcenter, shadow, false);} else {notify.error(data.msg, vcenter, shadow, false);}}}).done(function () {setTimeout(function () {notify.destroyAll();layer.closeAll(index);parent.location.reload();//重载页面}, 500);});}, 2000)});}添加修改删除的后端方法
Controller代码
/** 数据添加* insertRoleInfo* */GetMapping(/insertRoleInfo)// 定义一个方法用于插入角色信息public ResultUtil insertRoleInfo(String roleName, String remark, Integer status,Integer roleState, String resource) {// 从请求参数中获取要删除的ID列表System.out.println(resource);try {// 判断传入的参数是否为空if (roleName ! null remark ! null status ! null roleState ! null) {// 调用roleService的getRoleInfo方法根据角色名查询角色信息RoleEntity roleEntity roleService.getRoleInfo(roleName);// 如果查询到的角色信息不为空说明角色名已存在if (roleEntity null) {// 创建一个新的RoleEntity对象并设置相关属性RoleEntity role new RoleEntity();role.setRoleName(roleName);role.setRemark(remark);role.setStatus(status);role.setRoleState(roleState);role.setCreateTime(new Date());// 调用roleService的saveAndUpdateRoleInfo方法添加角色信息并返回添加结果roleService.saveAndUpdateRoleInfo(role, resource);return ResultUtil.ok(0, 角色信息新增成功);}return ResultUtil.warning(1, 角色名称重复请更换);}return ResultUtil.warning(1, 表单提交信息错误);} catch (Exception e) {e.fillInStackTrace();return ResultUtil.error(角色信息新增失败);}}/** 数据更新* updateRoleInfo* */PostMapping(/updateRoleInfo)public ResultUtil updateRoleInfo(Integer roleId, String roleName, String remark,Integer status, Integer roleState, String resource) {//System.out.println(权限id roleId 是否分配 roleState);//System.out.println(菜单 resource);//System.out.println(statusroleState);try {// 调用roleService的getRoleInfo方法根据角色名查询角色信息RoleEntity roleEntity roleService.getRoleInfo(roleName);// 如果查询到的角色信息不为空说明角色名已存在if (roleEntity ! null !roleEntity.getRoleId().equals(roleId)) {return ResultUtil.warning(1, 角色名称重复请更换);}// 创建一个新的RoleEntity对象并设置相关属性RoleEntity role new RoleEntity();// 设置角色名称role.setRoleName(roleName);// 设置角色备注role.setRemark(remark);// 设置角色状态role.setStatus(status);// 设置权限状态role.setRoleState(roleState);// 设置更新时间role.setUpdateTime(new Date());// 设置角色IDrole.setRoleId(roleId);// 调用roleService的saveAndUpdateRoleInfo方法更新角色信息并返回更新结果roleService.saveAndUpdateRoleInfo(role, resource);//返回成功信息return ResultUtil.ok(0, 角色信息更新成功);} catch (Exception e) {e.fillInStackTrace();return ResultUtil.error(角色信息更新失败);}}/** 数据删除操作* deleteRoleInfo* */DeleteMapping(/deleteRoleInfo)public ResultUtil deleteRoleInfo(RequestBody MapString, Object params) {try {// 从请求参数中获取要删除的ID列表ListInteger ids (ListInteger) params.get(ids);System.out.println(删除的数据id值 ids);//批量查询角色信息ListRoleEntity roleEntities roleService.selectRoleInfo(ids);// 判断角色信息列表是否为空if (roleEntities.size() 0) {// 遍历角色信息列表删除角色与资源的关联关系for (RoleEntity roleEntity : roleEntities) {// 删除角色与资源的关联关系roleResourceService.deleteRoleResource(roleEntity.getRoleId());}}// 根据标识符列表查询要删除的数据roleService.deleteRoleInfo(ids);// 返回成功消息return ResultUtil.ok(0, 数据删除成功);} catch (Exception e) {e.printStackTrace();// 返回失败消息return ResultUtil.error(数据删除失败);}}Service代码
/** 数据插入* return* */void saveAndUpdateRoleInfo(RoleEntity role, String resource);/** 数据删除* */void deleteRoleInfo(ListInteger ids);/** 查询所有菜单* */DataGridView listResource(Integer roleId);/** 根据名称查询角色* */RoleEntity getRoleInfo(String roleName);
ServiceImpl代码 /** 数据添加和修改操作* */Overridepublic void saveAndUpdateRoleInfo(RoleEntity role, String resource) {//System.out.println(role resource);// 判断是否为添加操作if (role.getRoleId() null){// 添加操作roleMapper.insertRoleInfo(role);// 获取添加的角色信息,根据当前角色名称获取角色信息RoleEntity roleEntity roleMapper.getRoleInfo(role.getRoleName());//System.out.println(roleEntity roleEntity);// 判断是否添加成功if (roleEntity ! null) {// 如果资源字符串不为空且长度不为0if (resource ! null resource.length() ! 0){// 将资源字符串按逗号分割String[] split resource.split(,);for (String s : split) {// 创建角色资源实体对象RoleResourceEntity roleResourceEntity new RoleResourceEntity();// 设置角色IDroleResourceEntity.setRoleId(roleEntity.getRoleId());// 设置资源IDroleResourceEntity.setResourceId(Integer.parseInt(s));// 插入角色资源信息roleResourceMapper.insertRoleResource(roleResourceEntity);}}}}else if (role.getRoleId() ! null){// 修改操作roleMapper.updateRoleInfo(role);// 删除角色资源信息roleResourceMapper.deleteRoleResource(role.getRoleId());// 判断是否为空if (resource ! null resource.length() ! 0){// 将资源字符串按逗号分割String[] split resource.split(,);for (String s : split) {// 创建角色资源实体对象RoleResourceEntity roleResourceEntity new RoleResourceEntity();// 设置角色IDroleResourceEntity.setRoleId(role.getRoleId());// 设置资源IDroleResourceEntity.setResourceId(Integer.parseInt(s));// 插入角色资源信息roleResourceMapper.insertRoleResource(roleResourceEntity);}}}}/** 数据删除操作* */Overridepublic void deleteRoleInfo(ListInteger ids) {roleMapper.deleteRoleInfo(ids);}/** 根据角色名称查询角色信息* */Overridepublic RoleEntity getRoleInfo(String roleName) {return roleMapper.getRoleInfo(roleName);}RoleResourceMapper
/** 添加角色资源* */void insertRoleResource(RoleResourceEntity roleResourceEntity);/** 根据角色ID删除角色资源* */void deleteRoleResource(Integer roleId);RoleMapper /** 数据插入操作* return* */void insertRoleInfo(RoleEntity role);/** 数据更新操作* return* */void updateRoleInfo(RoleEntity role);/** 数据删除操作* return* */void deleteRoleInfo(ListInteger ids);/** 根据角色名查询角色信息* */RoleEntity getRoleInfo(String roleName);RoleMapper.xml !--数据添加操作insertRoleInfo--insert idinsertRoleInfoinsert into sys_role(role_name,remark,status,create_time,role_state)values(#{roleName},#{remark},#{status},#{createTime},#{roleState})/insert!--数据更新操作--update idupdateRoleInfo parameterTypeRoleEntityupdate sys_rolesetif testroleName ! null and roleName ! role_name #{roleName},/ifif testremark ! null and remark ! remark #{remark},/ifif teststatus ! nullstatus #{status},/ifif testupdateTime ! nullupdate_time #{updateTime},/ifif testroleState ! nullrole_state #{roleState},/if/setwhere roleId #{roleId}/update!--数据批量删除操作--delete iddeleteRoleInfo parameterTypejava.util.Listdelete from sys_role where roleId inforeach collectionlist itemr separator, open( close)#{r.roleId}/foreach/deleteRoleResourceMapper.xml !--添加角色资源--insert idinsertRoleResource parameterTypecom.example.erp_project.entity.RoleResourceEntityinsert into sys_role_resource(roleId,resourceId)values(#{roleId},#{resourceId})/insert!--根据id删除角色资源--delete iddeleteRoleResource parameterTypeintdelete from sys_role_resourcewhere roleId #{roleId}/delete!--根据roleId查询数据--select idselectByRoleId resultTypecom.example.erp_project.entity.RoleResourceEntityselect *from sys_role_resourcewhere roleId #{roleId}/select前端页面完整代码
!DOCTYPE html
html langen xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8title角色信息管理/titlemeta namerenderer contentwebkitlink relshortcut icon href../resources/favicon.ico th:href{../static/favicon.ico}/meta http-equivX-UA-Compatible contentIEedge,chrome1meta nameviewport contentwidthdevice-width, initial-scale1, maximum-scale1link relstylesheet th:href{../layui/css/layui.css} mediaalllink relstylesheet th:href{../css/public.css} mediaall!-- 图标样式文件--link relstylesheet th:href{../lib/font-awesome-4.7.0/css/font-awesome.min.css} mediaall!--引入自定义的样式文件--link relstylesheet th:href{../css/custom/custom.css} mediaall!--第三方树组件--link relstylesheet th:href{../dist/dtree/font/dtreefont.css} mediaalllink relstylesheet th:href{../dist/dtree/dtree.css} mediaall
/head
body
div classlayuimini-containerdiv classlayuimini-main!-- 搜索表单信息--fieldset classtable-search-fieldsetlegend搜索信息/legenddiv stylemargin: 10px 10px 10px 10pxform classlayui-form layui-form-panediv classlayui-form-itemdiv classlayui-inlinelabel classlayui-form-label角色名称/labeldiv classlayui-input-inlineinput typetext namename autocompleteoff classlayui-inputlay-affixclear/div/divdiv classlayui-inlinelabel classlayui-form-label角色状态/labeldiv classlayui-input-inline stylewidth: 100pxselect namestatus lay-filteraihaooption value所有/optionoption value1正常/optionoption value0停用/option/select/div/divdiv classlayui-inlinelabel classlayui-form-label权限状态/labeldiv classlayui-input-inline stylewidth: 100pxselect nameroleState lay-filteraihaooption value所有/optionoption value1已分配/optionoption value0未分配/option/select/div/divdiv classlayui-inlinelabel classlayui-form-label创建日期/labeldiv classlayui-inline idlaydate-rangeLinkeddiv classlayui-input-inline stylewidth: 100pxinput typetext autocompleteoff idstart-date namestartclasslayui-input placeholder创建日期 readonly/divdiv classlayui-form-mid-/divdiv classlayui-input-inline stylewidth: 100pxinput typetext autocompleteoff idend-date nameend classlayui-inputplaceholder结束日期 readonly/div/div/divdiv classlayui-inlinebutton typesubmit classlayui-btn layui-bg-green layui-btn-radius layui-btn-smlay-submitlay-filtersearch-btni classfa fa-search/i 搜 索/buttonbutton typebutton classlayui-btn layui-bg-orange layui-btn-radius layui-btn-smlay-onreset-btni classfa fa-refresh/i 重置/button/div/div/form/div/fieldset!-- 表头表单--script typetext/html idtoolbardiv classlayui-btn-containerbutton classlayui-btn data-add-btn layui-btn-sm lay-eventaddiclassfa fa-plus/i 新增/buttonbutton classlayui-btn data-edit-btn layui-btn-sm lay-eventediticlassfa fa-pencil-square-o/i 编辑/buttonbutton classlayui-btn layui-btn-sm data-del-btn lay-eventdeleteiclassfa fa-times/i 删除/button/div/script!-- 表格--table classlayui-hide idroleTableId lay-filterroleTableFilter/table!-- 表格后的操作栏--script typetext/html idTableBar!--如果权限状态为1、则显示编辑权限编辑删除按钮如果为0则显示分配权限编辑删除按钮--{{#if(d.roleState1d.roleName!超级管理员){}}a classlayui-btn layui-btn-xs data-other-btn lay-evented-roleiclassfa fa-pencil-square-o/i 权限/aa classlayui-btn layui-btn-xs data-edit-btn lay-eventediticlassfa fa-pencil-square-o/i 信息/aa classlayui-btn layui-btn-xs data-del-btn lay-eventdeleteiclassfa fa-times/i 删除/a{{#}else if(d.roleState0d.roleName!超级管理员){}}a classlayui-btn layui-btn-xs data-orange-btn lay-eventadd-roleiclassfa fa-sitemap/i 分配权限/aa classlayui-btn layui-btn-xs data-edit-btn lay-eventediticlassfa fa-pencil-square-o/i 信息/aa classlayui-btn layui-btn-xs data-del-btn lay-eventdeleteiclassfa fa-times/i 删除/a{{#}}}/script!-- 添加和修改的弹出层开始 --div styledisplay: none;padding: 20px idsaveOrUpdateDivform classlayui-form lay-filterrole-form idrole-form!--隐藏数据id值用于数据更新使用--input typehidden nameroleId idroleIddiv classlayui-form-itemlabel classlayui-form-label角色名称:/labeldiv classlayui-input-blockinput typetext nameroleName idroleName lay-verifyrequiredplaceholder请填写角色名称autocompleteoffclasslayui-input lay-affixclear/div/divdiv classlayui-form-itemlabel classlayui-form-label角色描述:/labeldiv classlayui-input-blocktextarea nameremark placeholder请输入内容 classlayui-textarealay-affixclear/textarea/div/divdiv classlayui-form-itemlabel classlayui-form-label角色状态:/labeldiv classlayui-input-blockinput typeradio namestate value1 title正常 checkedinput typeradio namestate value0 title停用/div/divinput typehidden namer idrdiv classlayui-form-itemlabel classlayui-form-label分配权限:/labeldiv classlayui-input-blockinput typeradio nameroleState value1 title分配 lay-filterrole-statusinput typeradio nameroleState value0 title暂不分配lay-filterrole-status /div/div/form/div!-- 添加和修改的弹出层结束 --!--分配权限的弹出层开始--div styledisplay: none;padding: 20px idroleDivdiv stylepadding: 15pxdiv classlayui-btn-containerbutton typebutton classlayui-btn layui-btn-xs data-orange-btndtree-idtreeSelect dtree-menucheckAlli classfa fa-check-square-o/i 全选/buttonbutton typebutton classlayui-btn layui-btn-xs data-black-btndtree-idtreeSelect dtree-menuunCheckAlli classfa fa-remove/i 取消全选/buttonbutton classlayui-btn data-light-btn layui-btn-xs dtree-idtreeSelect dtree-menumoveDowniclassfa fa-expand/i 展开/buttonbutton classlayui-btn data-grey-btn layui-btn-xs dtree-idtreeSelect dtree-menumoveUpiclassfa fa-compress/i 折叠/button/divdiv classlayui-input-inline stylewidth: 130pxinput typetext classlayui-input idsearchInput placeholder输入查询节点内容...lay-affixclearstyleheight: 28px;font-size: 13px/divbutton classlayui-btn data-other-btn layui-btn-xs idsearch_btni classfa fa-search/i 搜索/buttonbutton classlayui-btn data-other-btn layui-btn-xs dtree-idtreeSelect dtree-menurefreshiclassfa fa-refresh/i 刷新/buttondiv classlayui-form-item stylepadding: 15pxul idtreeSelect classdtree data-id0/ul/div/div/div!--分配权限的弹出层结束--/div
/div
script th:src{../layui/layui.js} charsetutf-8/script
!--引用第三方插件消息通知插件--
script th:src{../dist/notify/notify.js}/script
!--第三方树组件--
script th:src{../dist/dtree/dtree.js}/script
script typetext/html idtemplet-switch!-- 这里的 checked 的状态值判断仅作为演示 --{{# if(d.roleName ! 超级管理员) {}}input typecheckbox namestatus value{{ d.roleId }} title启用|停用 lay-skinswitchstylebackground-color: #c2bddclay-filtertemplet-status {{d.status 1 ? checked : }}{{# }}}
/scriptscript th:inlinenonelayui.use([form, table, notify,dtree], function () {var $ layui.jquery,form layui.form,table layui.table;var notify layui.notify;var util layui.util;var laydate layui.laydate;var tree layui.tree;var dtree layui.dtree;/** 权限分配菜单* */form.on(radio(role-status), function (data) {var elem data.elem; // 获得 radio 原始 DOM 对象var checked elem.checked; // 获得 radio 选中状态var value elem.value; // 获得 radio 值var othis data.othis; // 获得 radio 元素被替换后的 jQuery 对象//获取页面输入框的值,如果为空则赋值为0否则赋值为输入框的值//将value赋值给隐藏域$(#r).val(value);//将value赋值给隐藏域这里注意用于角色信息编辑页面否则会报错报的错误就是Cannot read property checked of nullvar roleId $(#roleId).val();//获取隐藏域的值如果为空则赋值为0否则赋值为隐藏域的值if (!roleId) {roleId 0;}//如果选中的是分配权限然后调用 treeSelectData(roleId,1);方法加载菜单资源if (value1){treeSelectData(roleId,1);//这里传递的roleId是0 查询的就是全部资源未选择而编辑页面传递的就是选中数据的roleId}});/** 搜索栏日期选择* 日期范围 - 左右面板联动选择模式* */laydate.render({elem: #laydate-rangeLinked,range: [#start-date, #end-date],rangeLinked: true, // 开启日期范围选择时的区间联动标注模式 --- 2.8 新增theme: #e5e5f6});/** 点击重置按钮重新加载当前页面* */util.on(lay-on, {reset-btn: function () {//搜索页面重载表格数据//重载当前页面window.location.reload();},});/** 数据表渲染* */table.render({elem: #roleTableId,url: /role/getAllSelectRoleDate,toolbar: #toolbar,defaultToolbar: false,cols: [[{type: checkbox, width: 50},{field: roleName, title: 角色名称, align: center},{field: roleState, title: 权限状态, align: center, templet: function (d) {if (d.roleName超级管理员){return span classlayui-btn layui-btn-xs layui-btn-radius stylecolor: #e64e81不允许修改/span;}else {if (d.roleState 1) {return span classlayui-btn layui-btn-xs layui-btn-radius stylebackground-color: #0a84b2; lay-eventeroa已分配/span;} else {return span classlayui-btn layui-btn-xs layui-btn-radius stylebackground-color: #e5dbd7; lay-eventarea未分配/span;}}}},{field: remark, title: 角色描述, align: center},{field: status, title: 角色状态, align: center, templet: #templet-switch},{field: createTime, title: 创建时间, align: center},{title: 操作, Width: 180, toolbar: #TableBar, align: center}]],limits: [10, 15, 20, 25, 50, 100],limit: 10,page: true,text: {none: 抱歉暂无相关数据},loading: true,skin: grid});/** 监听搜索操作* */form.on(submit(search-btn), function (data) {//获取搜索栏中的数据var result data.field;//执行搜索重载table.reload(roleTableId, {page: {curr: 1}, where: {roleName: result.name,status: result.status,startDate: result.start,endDate: result.end,roleState: result.roleState}}, data);return false;});/** 头部操作栏监听* */table.on(toolbar(roleTableFilter), function (obj) {switch (obj.event) {case add:layer.open({type: 1,title: 新增角色,content: $(#saveOrUpdateDiv),area: [660px, 450px],closeBtn: false,//样式skin: class-layer-sea,btn: [i classfa fa-check/i 新增, i classfa fa-mail-reply-all /i 取消],success: function (layero, index) {//清空表单数据$(#role-form)[0].reset();},yes: function (index) {var str $(#r).val();submitForm(/role/insertRoleInfo, GET, index,正在新增角色信息...,str)}, btn2: function () {layer.close();}});break;case edit:var id roleTableId; //获取表格idvar checkStatus table.checkStatus(id) //获取选中行数据var data checkStatus.data[0]; //获取选中行数据if (checkStatus.data.length 0) { //判断notify.info(请选择要修改的角色信息, vcenter, shadow, false,1500);return false;}if (checkStatus.data.length 1) {//判断notify.warning(只能选择一条数据进行修改, vcenter, shadow, false,1500);return false;}if (data.roleName超级管理员){notify.warning(超级管理员不能进行修改, vcenter, shadow, false,1500);return false;}//调用数据修改方法updateFormInfo(data);break;case delete:var id roleTableId;//获取表格idvar checkStatus table.checkStatus(id)//获取选中行数据var data checkStatus.data; // 获取选中的数据console.log(data);if (data.length 0) {notify.info(请选择要删除的角色信息, vcenter, shadow, false,1500);return false;}if (data[0].roleName超级管理员){notify.warning(超级管理员不能进行删除, vcenter, shadow, false,1500);return false;}deleteFormInfo(data);break;};});/** 表格状态监听栏** */table.on(tool(roleTableFilter), function (obj) {//编辑需要将数据赋值到页面var data obj.data;//定义数组来存放obj.data,进行删除操作var dataArr [];//数组赋值dataArr.push(obj.data);//数据编辑操作if (obj.event edit) {updateFormInfo(data);return false;} else if (obj.event delete) {deleteFormInfo(dataArr);} else if (obj.event eroa) {layer.confirm(该角色已经分配权限是否编辑权限, function (index) {treeSelectData(data.roleId,0);})} else if (obj.event area) {layer.confirm(该角色还未分配权限立即分配权限, function (index) {treeSelectData(data.roleId,0);})} else if (obj.event add-role) {treeSelectData(data.roleId,0);} else if (obj.event ed-role) {treeSelectData(data.roleId,0);}});/** 开关状态* */form.on(switch(templet-status), function (obj) {var id this.value;var name this.name;var status obj.elem.checked ? 1 : 0;$.ajax({url: /role/updateRoleStatus,type: POST,data: {roleId: id,status: status},success: function (result) {if (result.code 0) {// notify.success(result.msg, vcenter, shadow, false, 1500); // 成功提示layer.tips(result.msg, obj.othis);// 成功提示} else {// notify.warning(result.msg, vcenter, shadow, false, 1500);// 警告提示layer.tips(result.msg, obj.othis);// 警告提示}}});});/** 方法整合调用* *//** 表单提交这里设置五个参数url, type, index,mes,str* */function submitForm(url, type, index,mes,str) {//获取表单数据var roleName $(input[nameroleName]).val();var remark $(textarea[nameremark]).val();var status $(input[namestate]:checked).val();var roleState $(input[nameroleState]:checked).val();console.log(status);console.log(roleState);//验证表单数据if (roleName ) {notify.info(请填写角色名称, vcenter, shadow, false,1000);return false;}if (remark ) {notify.info(请填写角色描述, vcenter, shadow, false,1000);return false;}if (status null) {notify.info(请选择角色状态, vcenter, shadow, false,1000);return false;}if (roleState null) {notify.info(请选择是否分配权限, vcenter, shadow, false,1000);return false;}// 判断是否分配权限如果等于1才获取选中的节点否则不获取if (str1){//根据是否分配权限判断如果等于1才获取选中的节点否则不获取if (roleState 1){// 获取选中的节点var param dtree.getCheckbarNodesParam(treeSelect);// 将选中的节点转换为字符串var mStr param.map(node node.nodeId).join(,);}}// 提交表单数据notify.loading(mes, vcenter, shadow, false);// 延迟执行避免loading层显示过快setTimeout(function () {notify.destroyAll();$.ajax({url: url,type: type,data: {roleName: roleName, // 角色名称remark: remark, // 角色描述status: status, // 角色状态1启用0禁用roleState: roleState, //角色状态1启用0禁用resource: mStr // 将选中的节点转换为字符串},success: function (data) {if (data.code 0) {notify.success(data.msg, vcenter, shadow, false);} else if (data.code 1) {notify.warning(data.msg, vcenter, shadow, false);} else {notify.error(data.msg, vcenter, shadow, false);}}}).done(function () {setTimeout(function () {notify.destroyAll();layer.closeAll(index);parent.location.reload();}, 500);});}, 2000);}/** 修改数据方法* */function updateFormInfo(data) {layer.open({type: 1,title: 修改角色信息,content: $(#saveOrUpdateDiv),area: [660px, 450px],closeBtn: false,//样式skin: class-layer-yellow,btn: [i classfa fa-check/i 保存, i classfa fa-mail-reply-all /i 取消],success: function (layero, index) {//清空表单数据form.val(role-form, data);}, yes: function (index) {var str $(input[namer]).val();console.log(str);//调用方法提交表单submitForm(/role/updateRoleInfo?roleId data.roleId, POST, index,正在更新角色信息...,str)}, btn2: function () {layer.close();}})}/** 删除数据方法* */function deleteFormInfo(data) {layer.confirm(确定删除该数据么, function (index) {//执行删除操作notify.loading(正在删除数据信息..., vcenter, shadow, false);setTimeout(function () {//关闭loading加载notify.destroyAll();$.ajax({url: /role/deleteRoleInfo,type: DELETE,data: JSON.stringify({ids: data}),contentType: application/json,success: function (data) {if (data.code 0) {notify.success(data.msg, vcenter, shadow, false);} else {notify.error(data.msg, vcenter, shadow, false);}}}).done(function () {setTimeout(function () {notify.destroyAll();layer.closeAll(index);parent.location.reload();//重载页面}, 500);});}, 2000)});}/** 权限树生成* *///初始化树function initTree(roleId) {console.log(roleId);var DTree dtree.render({elem: #treeSelect,dataStyle: layuiStyle, //使用layui风格的数据格式response: {message: msg, statusCode: 0}, //修改response中返回数据的定义dataFormat: list, //配置data的风格为listcheckbar: true,//复选框checkbarType: all, // 默认就是allcheckbarData: choose,menubar: true,//菜单栏menubarTips: {group: [moveDown, moveUp, refresh, checkAll, unCheckAll, searchNode], //按钮组},skin: zdy, // 自定义风格line: true, // 显示树线initLevel: 1,//默认展开层级为1ficon: [1, -1], // 显示非最后一级节点图标隐藏最后一级节点图标icon: 2,//修改二级图标样式url: /role/getAllSelectResourceDate?roleId roleId});/** 搜索框方法* */$(#search_btn).unbind(click);$(#search_btn).click(function () {var value $(#searchInput).val();if (value) {var flag DTree.searchNode(value); // 内置方法查找节点if (!flag) {layer.msg(该名称节点不存在刷新后重试);}} else {DTree.menubarMethod().refreshTree(); // 内置方法刷新树}});}/** 权限树弹出层方法* 这里传递两个参数一个是根据roleId用于获取数据将权限进行分配* 一个是根据status用于判断是添加和修改页面还是权限直接分配页面。* */function treeSelectData(roleId,status) {layer.open({type: 1,title: 权限分配,content: $(#roleDiv),area: [360px, 520px],closeBtn: false,btnAlign: c,//样式skin: class-layer-orange,btn: [i classfa fa-check/i 确认分配, i classfa fa-times /i 关闭],success: function () {initTree(roleId);},yes: function (index) {var params dtree.getCheckbarNodesParam(treeSelect); // 获取选中值if (params.length 0) {//判断是否选中节点notify.info(至少选择一个节点 ,vcenter, shadow, false,1000);return false;}//判断是添加和修改页面还是权限直接分配页面,如果为1则表示是在角色信息添加修改页面的操作。if (status 1){notify.loading(正在分配权限..., vcenter, shadow, false);setTimeout(function () {notify.destroyAll();//关闭loading加载notify.success(分配成功, vcenter, shadow, false,1000);//设置提示框提示信息,位置, 样式, 是否显示关闭按钮, 显示时间//关闭当前页面layer.closeLast(page);},1000)}else {/** 页面分配权限及角色信息页面的权限分配* */// 将选中的节点转换为字符串var mStr params.map(node node.nodeId).join(,);notify.loading(正在分配权限..., vcenter, shadow, false);setTimeout(function () {notify.destroyAll();//关闭loading加载//传递数据到后端$.ajax({url: /role/updateRoleResource,type: POST,data: {roleId: roleId, resourceIds: mStr},success: function (data) {if (data.code 0) {notify.success(data.msg, vcenter, shadow, false,1000);} else if (data.code 1){notify.warning(data.msg, vcenter, shadow, false,1000);} else {notify.error(data.msg, vcenter, shadow, false,1000);}}}) .done(function () {setTimeout(function () {notify.destroyAll();layer.closeAll();table.reload(roleTableId);//重载表格}, 1000);});},2000)}}, btn2: function () {if (status 1){//清空 radio 值form.val(role-form, {roleState: });notify.info(已取消操作, vcenter, shadow, false,1000);layer.close();}else {notify.info(已取消操作, vcenter, shadow, false,1000);layer.closeAll();}}});}})
/script/body
/html
文章转载自： http://www.morning.qwwcf.cn.gov.cn.qwwcf.cn http://www.morning.knqzd.cn.gov.cn.knqzd.cn http://www.morning.mpxbl.cn.gov.cn.mpxbl.cn http://www.morning.fpczq.cn.gov.cn.fpczq.cn http://www.morning.clkjn.cn.gov.cn.clkjn.cn http://www.morning.ymfzd.cn.gov.cn.ymfzd.cn http://www.morning.frsbf.cn.gov.cn.frsbf.cn http://www.morning.hmnhp.cn.gov.cn.hmnhp.cn http://www.morning.jwbfj.cn.gov.cn.jwbfj.cn http://www.morning.kyflr.cn.gov.cn.kyflr.cn http://www.morning.wdwfm.cn.gov.cn.wdwfm.cn http://www.morning.lmzpk.cn.gov.cn.lmzpk.cn http://www.morning.cbczs.cn.gov.cn.cbczs.cn http://www.morning.yxkyl.cn.gov.cn.yxkyl.cn http://www.morning.wlqll.cn.gov.cn.wlqll.cn http://www.morning.pqhgn.cn.gov.cn.pqhgn.cn http://www.morning.fycjx.cn.gov.cn.fycjx.cn http://www.morning.gyylt.cn.gov.cn.gyylt.cn http://www.morning.jrksk.cn.gov.cn.jrksk.cn http://www.morning.xnymt.cn.gov.cn.xnymt.cn http://www.morning.nqlkb.cn.gov.cn.nqlkb.cn http://www.morning.nqlkb.cn.gov.cn.nqlkb.cn http://www.morning.yunease.com.gov.cn.yunease.com http://www.morning.qgbfx.cn.gov.cn.qgbfx.cn http://www.morning.jpgfx.cn.gov.cn.jpgfx.cn http://www.morning.gyfwy.cn.gov.cn.gyfwy.cn http://www.morning.tkzrh.cn.gov.cn.tkzrh.cn http://www.morning.tdcql.cn.gov.cn.tdcql.cn http://www.morning.pwppk.cn.gov.cn.pwppk.cn http://www.morning.jzykq.cn.gov.cn.jzykq.cn http://www.morning.jphxt.cn.gov.cn.jphxt.cn http://www.morning.zlxkp.cn.gov.cn.zlxkp.cn http://www.morning.pgjyc.cn.gov.cn.pgjyc.cn http://www.morning.bndkf.cn.gov.cn.bndkf.cn http://www.morning.gidmag.com.gov.cn.gidmag.com http://www.morning.tntqr.cn.gov.cn.tntqr.cn http://www.morning.lfsmf.cn.gov.cn.lfsmf.cn http://www.morning.gglhj.cn.gov.cn.gglhj.cn http://www.morning.ywrt.cn.gov.cn.ywrt.cn http://www.morning.lhhkp.cn.gov.cn.lhhkp.cn http://www.morning.tslfz.cn.gov.cn.tslfz.cn http://www.morning.pngph.cn.gov.cn.pngph.cn http://www.morning.kpcxj.cn.gov.cn.kpcxj.cn http://www.morning.pcgjj.cn.gov.cn.pcgjj.cn http://www.morning.blqmn.cn.gov.cn.blqmn.cn http://www.morning.tkjh.cn.gov.cn.tkjh.cn http://www.morning.xllrf.cn.gov.cn.xllrf.cn http://www.morning.ranglue.com.gov.cn.ranglue.com http://www.morning.lkpzx.cn.gov.cn.lkpzx.cn http://www.morning.bwqcx.cn.gov.cn.bwqcx.cn http://www.morning.qgjxy.cn.gov.cn.qgjxy.cn http://www.morning.mfmrg.cn.gov.cn.mfmrg.cn http://www.morning.mywnk.cn.gov.cn.mywnk.cn http://www.morning.nclps.cn.gov.cn.nclps.cn http://www.morning.fhrt.cn.gov.cn.fhrt.cn http://www.morning.mlcwl.cn.gov.cn.mlcwl.cn http://www.morning.kjcll.cn.gov.cn.kjcll.cn http://www.morning.qkdcb.cn.gov.cn.qkdcb.cn http://www.morning.sfzwm.cn.gov.cn.sfzwm.cn http://www.morning.hblkq.cn.gov.cn.hblkq.cn http://www.morning.snrhg.cn.gov.cn.snrhg.cn http://www.morning.zrrgx.cn.gov.cn.zrrgx.cn http://www.morning.fcxt.cn.gov.cn.fcxt.cn http://www.morning.wklrz.cn.gov.cn.wklrz.cn http://www.morning.pdxqk.cn.gov.cn.pdxqk.cn http://www.morning.zlfxp.cn.gov.cn.zlfxp.cn http://www.morning.cmrfl.cn.gov.cn.cmrfl.cn http://www.morning.kpzbf.cn.gov.cn.kpzbf.cn http://www.morning.dgmjm.cn.gov.cn.dgmjm.cn http://www.morning.yfnhg.cn.gov.cn.yfnhg.cn http://www.morning.qtfss.cn.gov.cn.qtfss.cn http://www.morning.zcrjq.cn.gov.cn.zcrjq.cn http://www.morning.cffwm.cn.gov.cn.cffwm.cn http://www.morning.kwjyt.cn.gov.cn.kwjyt.cn http://www.morning.jwqqd.cn.gov.cn.jwqqd.cn http://www.morning.tkzrh.cn.gov.cn.tkzrh.cn http://www.morning.jqkrt.cn.gov.cn.jqkrt.cn http://www.morning.qhmhz.cn.gov.cn.qhmhz.cn http://www.morning.xjnjb.cn.gov.cn.xjnjb.cn http://www.morning.jltmb.cn.gov.cn.jltmb.cn
