权限系统
Controller
package com.atguigu.atcrowdfunding.controller;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import com.atguigu.atcrowdfunding.bean.TPermission;
import com.atguigu.atcrowdfunding.service.TPermissionService;
@Controller
@RequestMapping("/permission")
public class PermissionController {
@Autowired
TPermissionService permisionService;
@GetMapping("/index")
public String index() {
return "permission/index";
}
@ResponseBody
@GetMapping("/listAllPermissionTree")
public List<TPermission> getAllPermissions() {
return permisionService.getAllPermissions();
}
@ResponseBody
@PostMapping("/add")
public String addPermission(TPermission permission) {
permisionService.savePermission(permission);
return "ok";
}
@ResponseBody
@DeleteMapping("/delete")
public String deletePermission(Integer id) {
permisionService.deletePermission(id);
return "ok";
}
@ResponseBody
@PostMapping("/edit")
public String editPermission(TPermission permission) {
permisionService.editPermission(permission);
return "ok";
}
@ResponseBody
@GetMapping("/get")
public TPermission getPermission(Integer id) {
return permisionService.getPermissionById(id);
}
}
package com.atguigu.atcrowdfunding.controller;
import java.util.ArrayList;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;
import com.atguigu.atcrowdfunding.bean.TMenu;
import com.atguigu.atcrowdfunding.bean.TPermission;
import com.atguigu.atcrowdfunding.service.TMenuService;
import com.atguigu.atcrowdfunding.service.TPermissionService;
@Controller
public class TMenuController {
@Autowired
TMenuService menuService ;
@Autowired
TPermissionService permissionService;
@ResponseBody
@GetMapping("/menu/menu_permission")
public List<TPermission> getPermissionByMenuid(@RequestParam("menuid") Integer mid) {
// 查询出当前菜单能被哪些权限（自定义标识）操作
return permissionService.getPermissionByMenuid(mid);
}
/**
* 为菜单分配权限 {mid: "3", perIds: "1,2,4,5,6"}
*/
@ResponseBody
@PostMapping("/menu/assignPermissionToMenu")
public String assignPermissionToMenu(@RequestParam("mid") Integer mid, @RequestParam("perIds") String perIds) {
// 权限id的集合
List<Integer> perIdArray = new ArrayList<>();
String[] split = perIds.split(",");
for (String str : split) {
int id;
try {
id = Integer.parseInt(str);
perIdArray.add(id);
} catch (NumberFormatException e) {
}
}
// 1、将菜单和权限id集合的关系保存起来
permissionService.assignPermissionToMenu(mid, perIdArray);
return "ok";
}
@ResponseBody
@RequestMapping("/menu/doDelete")
public String doDelete(Integer id) {
menuService.deleteTMenu(id);
return "ok";
}
@ResponseBody
@RequestMapping("/menu/doUpdate")
public String doUpdate(TMenu menu) {
menuService.updateTMenu(menu);
return "ok";
}
@ResponseBody
@RequestMapping("/menu/getMenuById")
public TMenu getMenuById(Integer id) {
TMenu menu = menuService.getMenuById(id);
return menu;
}
@ResponseBody
@RequestMapping("/menu/doAdd")
public String doAdd(TMenu menu) {
menuService.saveTMenu(menu);
return "ok";
}
@RequestMapping("/menu/index")
public String index() {
return "menu/index";
}
@ResponseBody
@RequestMapping("/menu/loadTree")
public List<TMenu> loadTree() {
return menuService.listMenuAllTree();
}
}
Service
package com.atguigu.atcrowdfunding.service.impl;
import java.util.List;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import com.atguigu.atcrowdfunding.bean.TPermission;
import com.atguigu.atcrowdfunding.bean.TPermissionMenuExample;
import com.atguigu.atcrowdfunding.mapper.TPermissionMapper;
import com.atguigu.atcrowdfunding.mapper.TPermissionMenuMapper;
import com.atguigu.atcrowdfunding.mapper.TRolePermissionMapper;
import com.atguigu.atcrowdfunding.service.TPermissionService;
@Service
public class TPermissionServiceImpl implements TPermissionService {
@Autowired
TPermissionMapper permissionMapper;
@Autowired
TRolePermissionMapper rolePermissionMapper;
@Autowired
TPermissionMenuMapper permissionMenuMapper;
@Override
public List<TPermission> getAllPermissions() {
return permissionMapper.selectByExample(null);
}
@Override
public void savePermission(TPermission permission) {
permissionMapper.insertSelective(permission);
}
@Override
public void deletePermission(Integer id) {
permissionMapper.deleteByPrimaryKey(id);
}
@Override
public void editPermission(TPermission permission) {
permissionMapper.updateByPrimaryKeySelective(permission);
}
@Override
public TPermission getPermissionById(Integer id) {
return permissionMapper.selectByPrimaryKey(id);
}
@Override
public void assignPermissionToMenu(Integer mid, List<Integer> perIdArray) {
// 1、删除之前菜单对应的权限
TPermissionMenuExample example = new TPermissionMenuExample();
example.createCriteria().andMenuidEqualTo(mid);
permissionMenuMapper.deleteByExample(example);
// 2、插入提交过来的新的权限集合
permissionMenuMapper.insertBatch(mid, perIdArray);
}
@Override
public List<TPermission> getPermissionByMenuid(Integer mid) {
return permissionMapper.getPermissionByMenuid(mid);
}
}
Mapper
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper
3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper
namespace="com.atguigu.atcrowdfunding.mapper.TPermissionMapper">
<resultMap id="BaseResultMap"
type="com.atguigu.atcrowdfunding.bean.TPermission">
<id column="id" jdbcType="INTEGER" property="id" />
<result column="name" jdbcType="VARCHAR"
property="name" />
<result column="title" jdbcType="VARCHAR"
property="title" />
<result column="icon" jdbcType="VARCHAR"
property="icon" />
<result column="pid" jdbcType="INTEGER" property="pid"
/>
</resultMap>
<!-- List<TPermission> listPermissionByAdminId(Integer
adminId); -->
<select id="listPermissionByAdminId"
resultMap="BaseResultMap">
SELECT DISTINCT t_permission.* from t_permission
join t_role_permission
on t_permission.id =
t_role_permission.permissionid
join t_role
on t_role_permission.roleid = t_role.id
join t_admin_role
on t_role.id = t_admin_role.roleid
join t_admin
on t_admin_role.adminid = t_admin.id
where t_admin.id = #{adminId}
</select>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper
3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper
namespace="com.atguigu.atcrowdfunding.mapper.TPermissionMenuMapper">
<resultMap id="BaseResultMap"
type="com.atguigu.atcrowdfunding.bean.TPermissionMenu">
<id column="id" jdbcType="INTEGER" property="id" />
<result column="menuid" jdbcType="INTEGER"
property="menuid" />
<result column="permissionid" jdbcType="INTEGER"
property="permissionid" />
</resultMap>
<!-- void assignPermissionToMenu(@Param("mid") Integer
mid,@Param("perIdArray") List<Integer> perIdArray); -->
<insert id="assignPermissionToMenu">
insert into t_permission_menu(menuid,permissionid)
values
<foreach collection="perIdArray" item="permissionid"
separator=",">
(#{mid},#{permissionid})
</foreach>
</insert>
<!-- String getPermissionByMenuid(Integer mid); -->
<select id="getPermissionByMenuid"
resultType="java.lang.Integer">
select permissionid from t_permission_menu where
menuid=#{mid}
</select>
index
<%@ page language="java" contentType="text/html;
charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c"
uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh_CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,
initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<%@ include file="/WEB-INF/jsp/common/css.jsp" %>
<style>
.tree li {
list-style-type: none;
cursor:pointer;
}
table tbody tr:nth-child(odd){background:#F4F4F4;}
table tbody td:nth-child(even){color:#C00;}
</style>
</head>
<body>
<jsp:include
page="/WEB-INF/jsp/common/top.jsp"></jsp:include>
<div class="container-fluid">
<div class="row">
<jsp:include
page="/WEB-INF/jsp/common/sidebar.jsp"></jsp:include>
<div class="col-sm-9 col-sm-offset-3 col-md-10
col-md-offset-2 main">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i
class="glyphicon glyphicon-th"></i> 菜单树</h3>
</div>
<div class="panel-body">
<ul id="treeDemo"
class="ztree"></ul>
</div>
</div>
</div>
</div>
</div>
<!-- 添加数据 模态框 -->
<div class="modal fade" id="addModal" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">添加菜单</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="name">菜单名称</label>
<input type="hidden" name="pid">
<input type="text" class="form-control"
id="name" name="name" placeholder="请输入菜单名称">
</div>
<div class="form-group">
<label for="url">菜单URL</label>
<input type="text" class="form-control"
id="url" name="url" placeholder="请输入菜单URL">
</div>
<div class="form-group">
<label for="icon">菜单图标</label>
<input type="text" class="form-control"
id="icon" name="icon" placeholder="请输入菜单图标">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭</button>
<button id="saveBtn" type="button" class="btn
btn-primary">保存</button>
</div>
</div>
</div>
</div>
<!-- 添加数据 模态框 -->
<div class="modal fade" id="updateModal" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">修改菜单</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="name">菜单名称</label>
<input type="hidden" name="id">
<input type="text" class="form-control"
id="name" name="name" placeholder="请输入菜单名称">
</div>
<div class="form-group">
<label for="url">菜单URL</label>
<input type="text" class="form-control"
id="url" name="url" placeholder="请输入菜单URL">
</div>
<div class="form-group">
<label for="icon">菜单图标</label>
<input type="text" class="form-control"
id="icon" name="icon" placeholder="请输入菜单图标">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭</button>
<button id="updateBtn" type="button" class="btn
btn-primary">修改</button>
</div>
</div>
</div>
</div>
<!-- 分配权限 模态框 -->
<div class="modal fade" id="permissionModal"
tabindex="-1" role="dialog" aria-labelledby="Modal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">给菜单分配权限</h4>
</div>
<div class="modal-body">
<ul id="assignPermissionTree"
class="ztree"></ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭</button>
<button id="assignPermission" type="button"
class="btn btn-primary">分配</button>
</div>
</div>
</div>
</div>
<%@ include file="/WEB-INF/jsp/common/js.jsp" %>
<script type="text/javascript">
$(function () {
$(".list-group-item").click(function(){
if ( $(this).find("ul") ) {
$(this).toggleClass("tree-closed");
if (
$(this).hasClass("tree-closed") ) {
$("ul",
this).hide("fast");
} else {
$("ul",
this).show("fast");
}
}
});
initTree();
});
function initTree(){
var setting = {
data: {
simpleData: {
enable: true,
pIdKey: "pid"
}
},
view:{
addDiyDom: function(treeId,
treeNode){
$("#"+treeNode.tId+"_ico").removeClass();//.addClass();
$("#"+treeNode.tId+"_span").before("<span
class='"+treeNode.icon+"'></span>")
},
addHoverDom:
function(treeId, treeNode){ //treeNode节点 -> TMenu对象
var aObj = $("#" +
treeNode.tId + "_a");
aObj.attr("href",
"javascript:;");
if
(treeNode.editNameFlag ||
$("#btnGroup"+treeNode.tId).length>0) return;
var s = '<span
id="btnGroup'+treeNode.tId+'">';
if ( treeNode.level == 0
) { //根节点
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="addBtn('+treeNode.id+')"> <i
class="fa fa-fw fa-plus rbg "></i></a>';
} else if (
treeNode.level == 1 ) { //分支节点
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="updateBtn('+treeNode.id+')" title="修改权限信息"> <i class="fa fa-fw fa-edit rbg "></i></a>';
if
(treeNode.children.length == 0) {
s += '<a
class="btn btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="deleteBtn('+treeNode.id+')" > <i
class="fa fa-fw fa-times rbg "></i></a>';
}
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="addBtn('+treeNode.id+')"> <i
class="fa fa-fw fa-plus rbg "></i></a>';
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="assignBtn('+treeNode.id+')"> <i
class="fa fa-fw fa-anchor rbg "></i></a>';
} else if (
treeNode.level == 2 ) { //叶子节点
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="updateBtn('+treeNode.id+')" title="修改权限信息"> <i class="fa fa-fw fa-edit rbg "></i></a>';
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="deleteBtn('+treeNode.id+')" > <i
class="fa fa-fw fa-times rbg "></i></a>';
s += '<a class="btn
btn-info dropdown-toggle btn-xs"
style="margin-left:10px;padding-top:0px;"
onclick="assignBtn('+treeNode.id+')"> <i
class="fa fa-fw fa-anchor rbg "></i></a>';
}
s += '</span>';
aObj.after(s);
},
removeHoverDom:
function(treeId, treeNode){
$("#btnGroup"+treeNode.tId).remove();
}
}
};
var url = "${PATH}/menu/loadTree";
var json = {} ;
$.get(url,json,function(result){ //
List<TMenu> -> JSON -> 简单格式json数据
var zNodes = result;
zNodes.push({id:0,name:"系统菜单",icon:"glyphicon glyphicon-th-list"});
$.fn.zTree.init($("#treeDemo"),
setting, zNodes);
var treeObj =
$.fn.zTree.getZTreeObj("treeDemo");
treeObj.expandAll(true);
});
}
//=======添加 开始=====================================================
function addBtn(id){
$("#addModal").modal({
show:true,
backdrop:'static',
keyboard:false
});
$("#addModal input[name='pid']").val(id);
}
$("#saveBtn").click(function(){
var pid = $("#addModal
input[name='pid']").val();
var name = $("#addModal
input[name='name']").val();
var url = $("#addModal
input[name='url']").val();
var icon = $("#addModal
input[name='icon']").val();
$.ajax({
type:"post",
url:"${PATH}/menu/doAdd",
data:{
pid:pid,
name:name,
url:url,
icon:icon
},
beforeSend:function(){
return true ;
},
success:function(result){
if("ok"==result){
layer.msg("保存成功",{time:1000},function(){
$("#addModal").modal('hide');
$("#addModal
input[name='pid']").val("");
$("#addModal
input[name='name']").val("");
$("#addModal
input[name='url']").val("");
$("#addModal
input[name='icon']").val("");
initTree();
});
}else{
layer.msg("保存失败");
}
}
});
});
//=======添加 结束=====================================================
//=======修改 开始=====================================================
function updateBtn(id){
$.get("${PATH}/menu/getMenuById",{id:id},function(result){
console.log(result);
$("#updateModal").modal({
show:true,
backdrop:'static',
keyboard:false
});
$("#updateModal
input[name='id']").val(result.id);
$("#updateModal
input[name='name']").val(result.name);
$("#updateModal
input[name='url']").val(result.url);
$("#updateModal
input[name='icon']").val(result.icon);
});
}
$("#updateBtn").click(function(){
var id = $("#updateModal
input[name='id']").val();
var name = $("#updateModal
input[name='name']").val();
var url = $("#updateModal
input[name='url']").val();
var icon = $("#updateModal
input[name='icon']").val();
$.ajax({
type:"post",
url:"${PATH}/menu/doUpdate",
data:{
id:id,
name:name,
url:url,
icon:icon
},
beforeSend:function(){
return true ;
},
success:function(result){
if("ok"==result){
layer.msg("修改成功",{time:1000},function(){
$("#updateModal").modal('hide');
initTree();
});
}else{
layer.msg("修改失败");
}
}
});
});
//=======修改 结束=====================================================
//=======删除 开始=====================================================
function deleteBtn(id){
layer.confirm("您确定要删除吗？",{btn:['确定','取消']},function(index){
$.post("${PATH}/menu/doDelete",{id:id},function(result){
if("ok"==result){
layer.msg("删除成功",{time:1000},function(){
initTree();
});
}else{
layer.msg("删除失败");
}
});
layer.close(index);
},function(index){
layer.close(index);
});
}
//=======删除 结束=====================================================
//------给菜单分配许可----------------------------------------------------------------------------------
var tempMenuid = '';
function assignBtn(menuid) {
tempMenuid = menuid;
//1.初始化权限树，带复选框
initPermissioinToMenuTree();
//2.显示模态框，展示权限树
$("#permissionModal").modal({
show : true,
backdrop : "static"
});
//3.回显权限树（之前分配过的权限应该被勾选）
//showMenuPermissions(menuid);
}
function initPermissioinToMenuTree() {
var setting = {
data : {
simpleData : {
enable : true,
pIdKey : "pid"
},
key : {
url : "xUrl",
name : "title"
}
},
check : {
enable : true
},
view : {
addDiyDom : addDiyDom
}
};
//1.加载数据
$.get("${PATH}/permission/listAllPermissionTree",function(data) {
//data.push({"id":0,"title":"系统权限","icon":"glyphicon
glyphicon-asterisk"});
var tree =
$.fn.zTree.init($("#assignPermissionTree"),setting,data);
var treeObj =
$.fn.zTree.getZTreeObj("assignPermissionTree");
treeObj.expandAll(true);
showMenuPermissions(tempMenuid);
});
}
//有一点点不明白
function addDiyDom(treeId, treeNode) {
$("#" + treeNode.tId +
"_ico").removeClass();
$("#" + treeNode.tId +
"_span").before('<span
class="'+treeNode.icon+'"></span>');
}
//分配权限功能
$("#assignPermission").click(function(){
//1、获取到已经选中的所有权限的id
var treeObj =
$.fn.zTree.getZTreeObj("assignPermissionTree");
var ids = new Array();
$.each(treeObj.getCheckedNodes(true),function(){
ids.push(this.id);
});
var idsStr = ids.join();
//2、组装给后台提交的数据
var data =
{mid:tempMenuid,perIds:idsStr};
console.log(data);
//3、发请求，完成权限分配功能
$.post("${PATH}/menu/assignPermissionToMenu",data,function(){
layer.msg("权限分配完成...")
$("#permissionModal").modal('hide');
})
});
//回显权限树
function showMenuPermissions(menuid){
$.get("${PATH}/menu/menu_permission?menuid="+menuid,function(data){
//1、遍历每一个权限，在ztree中选中对应的节点
$.each(data,function(){
console.log(this);
var treeObj =
$.fn.zTree.getZTreeObj("assignPermissionTree");
var node =
treeObj.getNodeByParam("id", this.id, null); //根据指定的节点id搜索节点，null表示搜索整个树
treeObj.checkNode(node,true,false);//需要回显的节点，是否勾选复选框，父子节点勾选是否联动（例如：勾选父节点，要不要把它的所有子节点都勾上，取消父节点勾选，要不要把它的所有子节点也都取消勾选）
});
});
}
</script>
</body>
</html>