src/main/webapp/WEB-INF/jsp/system/role/index.jsp

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
    <%@include file="/WEB-INF/jsp/common.jsp"%>
    <link rel="stylesheet" href="${path}/css/metroStyle/metroStyle.css">
    <script src="${path}/js/jquery.ztree.all.min.js"></script>
    <style>
        .layui-fluid{
            padding:0px;
        }
        .ztree *{
            font-size: inherit;
        }

    </style>

</head>
<body>
<%--<h2>角色列表</h2>--%>
<%--<hr>--%>
<div class="layui-fluid">
    <div class="layui-row">
        <div class="layui-col-md8">
            <table id="roleTable" lay-filter="roleTable"></table>
        </div>
        <div class="layui-col-md4" >
            <h3>角色权限</h3>
            <hr>
            <ul id="treeDemo" class="ztree"></ul>
            <hr>
            <button onclick="assignPers();" style="width:100%;" class="layui-btn layui-btn-success">授权</button>

        </div>
    </div>
</div>

<script>
    var roleId;
    function assignPers(){
        //先获取所有选中的节点，其实就是要一个编号
        var nodes = zTreeObj.getCheckedNodes(true);
        var str = "";
        $.each(nodes,function () {
            str += this.id + ",";
        });
        str = str.substring(0,str.length - 1);
        //发送异步请求，参数：角色编号、一组权限编号
        $.post("${path}/easRole/assignPers",{
            roleId : roleId,
            persIds : str
        },function () {
            layer.msg('授权成功！',{icon:1});
        });
    }

    var zTreeObj;