通用后台管理系统(3)-编写权限接口、实现、控制器、界面类

最新推荐文章于 2020-06-04 19:20:00 发布

weixin_33923148

最新推荐文章于 2020-06-04 19:20:00 发布

阅读量123

点赞数

CC 4.0 BY-SA版权

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/sundaboke/p/8652659.html

本文介绍了一个通用后台管理系统中权限管理模块的设计与实现过程，包括权限接口定义、接口实现、控制器编写及界面展示等方面的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通用后台管理系统(3)-编写权限接口、实现、控制器、界面类

1、权限接口类

package com.sundablog.service.backend.system.upms.permissions;

import com.sundablog.pojo.AdminPermission;
import com.sundablog.result.LayUiResult;

/**
 * 权限接口类
 * @ClassName:  PermissionsService   
 * @Description:权限接口类   
 * @author: 哒哒 
 * @date:   2018年3月14日 下午6:54:53   
 *     
 * @Copyright: 2018 www.sundablog.com Inc. All rights reserved.
 */
public interface PermissionsService {
    
    /**
     * 添加一条权限
     * @Title: addPermissions   
     * @Description: 添加一条权限   
     * @param: @param adminPermission 
     * @param: @return      
     * @return: 
     * @throws
     */
    int addPermissions(AdminPermission adminPermission);
    
    /**
     * 修改一条权限数据
     * @Title: updataPermissions   
     * @Description: 修改一条权限数据   
     * @param: @param adminPermission
     * @param: @return      
     * @return: int      
     * @throws
     */
    int updataPermissions(AdminPermission adminPermission);
    
    /**
     * 禁用一条权限(注意:如果当前状态是禁用,如调用此方法会变成启用)
     * @Title: updataDisablePermissionId   
     * @Description: 禁用一条权限(注意:如果当前状态是禁用,如调用此方法会变成启用)  
     * @param: @param permissionId
     * @param: @return      
     * @return: int      
     * @throws
     */
    int updataDisablePermissionId(int permissionId);
    
    /**
     * 根据permissionId查询一条数据
     * @Title: updataPermissionsByPermissionId   
     * @Description: 根据permissionId查询一条数据 
     * @param: @param permissionId
     * @param: @return      
     * @return: int      
     * @throws
     */
    AdminPermission selectPermissionsByPermissionId(int permissionId);
    
    /**
     * 删除一条权限
     * @Title: deletePermission   
     * @Description: 删除一条权限   
     * @param: @param permissionId
     * @param: @return      
     * @return: int      
     * @throws
     */
    int deletePermission(int permissionId);
    
    
    /**
     * 获取全部权限
     * @Title: findPagingQuery   
     * @Description: TODO(这里用一句话描述这个方法的作用)   
     * @param: @return      
     * @return: LayUiResult      
     * @throws
     */
    LayUiResult findPagingQuery();
}

2、权限接口实现类

package com.sundablog.service.impl.backend.system.upms.permissions;

import java.util.ArrayList;
import java.util.Collections;
import java.util.Comparator;
import java.util.Date;
import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import com.github.pagehelper.PageHelper;
import com.github.pagehelper.PageInfo;
import com.sundablog.mapper.AdminPermissionMapper;
import com.sundablog.pojo.AdminPermission;
import com.sundablog.pojo.AdminPermissionExample;
import com.sundablog.pojo.AdminPermissionExample.Criteria;
import com.sundablog.result.LayUiResult;
import com.sundablog.service.backend.system.upms.permissions.PermissionsService;

/**
 * 权限接口实现类
 * 
 * @ClassName: PermissionsServiceImpl
 * @Description:权限接口实现类
 * @author: 哒哒
 * @date: 2018年3月14日 下午7:01:46
 * 
 * @Copyright: 2018 www.sundablog.com Inc. All rights reserved.
 */
@Service
public class PermissionsServiceImpl implements PermissionsService {

    @Autowired
    private AdminPermissionMapper adminPermissionMapper;
    
    /**
     * 添加一条权限
     * Title: addPermissions   
     * Description:添加一条权限    
     * @param adminPermission
     * @return   
     * @see com.sundablog.service.backend.system.upms.permissions.PermissionsService#addPermissions(com.sundablog.pojo.AdminPermission)
     */
    @Override
    public int addPermissions(AdminPermission adminPermission) {
        //添加根目录默认pid为0
        if (null == adminPermission.getPid()) {
            adminPermission.setPid(0);
        }
        //状态默认正常
        adminPermission.setStatus((byte) 1);
        //设置时间为现在时间
        adminPermission.setCtime(new Date());
        int i = adminPermissionMapper.insertSelective(adminPermission);
        return i;
    }
    
    /**
     * 修改一条权限
     * Title: updataPermissions   
     * Description:修改一条权限
     * @param adminPermission
     * @return   
     * @see com.sundablog.service.backend.system.upms.permissions.PermissionsService#updataPermissions(com.sundablog.pojo.AdminPermission)
     */
    @Override
    public int updataPermissions(AdminPermission adminPermission) {
        int i = adminPermissionMapper.updateByPrimaryKeySelective(adminPermission);
        return i;
    }
    
    /**
     * 禁用一条权限
     * Title: updataDisablePermissionId   
     * Description:禁用一条权限  
     * @param permissionId
     * @return   
     * @see com.sundablog.service.backend.system.upms.permissions.PermissionsService#updataDisablePermissionId(int)
     */
    @Override
    public int updataDisablePermissionId(int permissionId) {
        AdminPermission adminPermission = adminPermissionMapper.selectByPrimaryKey(permissionId);
        if (0 == adminPermission.getStatus().intValue()) {
            adminPermission.setStatus((byte) 1);
        } else {
            adminPermission.setStatus((byte) 0);
        }
        int i = adminPermissionMapper.updateByPrimaryKeySelective(adminPermission);
        return i;
    }

    /**
     * 根据permissionId查询一条数据
     * Title: updataPermissionsByPermissionId   
     * Description:    
     * @param permissionId
     * @return   
     * @see com.sundablog.service.backend.system.upms.permissions.PermissionsService#updataPermissionsByPermissionId(int)
     */
    @Override
    public AdminPermission selectPermissionsByPermissionId(int permissionId) {
        AdminPermission permission = adminPermissionMapper.selectByPrimaryKey(permissionId);
        return permission;
    }
    
    /**
     * 获取全部权限
     * Title: findPagingQuery   
     * Description:    
     * @return   
     * @see com.sundablog.service.backend.system.upms.permissions.PermissionsService#findPagingQuery()
     */
    @Override
    public LayUiResult findPagingQuery() {
        AdminPermissionExample example = new AdminPermissionExample();
        List<AdminPermission> list = adminPermissionMapper.selectByExample(example);
        LayUiResult layUiResult = new LayUiResult();
        layUiResult.setCode(0);
        layUiResult.setMsg("");
        layUiResult.setCount(0);
        layUiResult.setData(list);
        return layUiResult;
    }

    /**
     * 删除一条权限
     * Title: deletePermission   
     * Description:    
     * @param permissionId
     * @return   
     * @see com.sundablog.service.backend.system.upms.permissions.PermissionsService#deletePermission(int)
     */
    @Override
    public int deletePermission(int permissionId) {
        AdminPermissionExample example = new AdminPermissionExample();
        Criteria criteria = example.createCriteria();
        criteria.andPidEqualTo(permissionId);
        List<AdminPermission> list = adminPermissionMapper.selectByExample(example);
        if (list.size() > 0) {
            AdminPermissionExample permissionExample = new AdminPermissionExample();
            Criteria createCriteria = permissionExample.createCriteria();
            createCriteria.andPidEqualTo(permissionId);
            int i = adminPermissionMapper.deleteByExample(permissionExample);
            return i;
        } else {
            int i = adminPermissionMapper.deleteByPrimaryKey(permissionId);
            return i;
        }
        
        
        
    }

}

3、权限控制器类

package com.sundablog.controller.backend.system.upms.permissions;

import java.util.List;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import com.sundablog.pojo.AdminPermission;
import com.sundablog.pojo.AdminRoleExample;
import com.sundablog.result.BaseResult;
import com.sundablog.result.LayUiResult;
import com.sundablog.service.backend.system.upms.permissions.PermissionsService;

/**
 * 权限管理控制器
 * @ClassName:  PermissionsController   
 * @Description:权限管理控制器   
 * @author: 哒哒 
 * @date:   2018年3月14日 下午7:10:13   
 *     
 * @Copyright: 2018 www.sundablog.com Inc. All rights reserved.
 */
@Controller
@RequestMapping("/backend/system/upms/permissions")
public class PermissionsController {

    @Autowired
    private PermissionsService permissionsService;
    
    /**
     * 界面显示
     * @Title: index   
     * @Description: 界面显示 
     * @param: @return      
     * @return: String      
     * @throws
     */
    @RequestMapping("/index")
    public String index() { 
        return "backend/system/upms/permissions/index";
    }
    /**
     * 添加根界面显示
     * @Title: add   
     * @Description: 添加界面显示   
     * @param: @return      
     * @return: String      
     * @throws
     */
    @RequestMapping("/add")
    public String add() {
        return "backend/system/upms/permissions/add";
    }
    
    /**
     * 添加子菜单界面显示
     * @Title: addPermissions   
     * @Description: 添加子菜单界面显示  
     * @param: @return      
     * @return: String      
     * @throws
     */
    @RequestMapping("/addPermissionsIndex")
    public String addPermissionsIndex() {
        return "backend/system/upms/permissions/addPermissions";
    }
    /**
     * 图标显示
     * @Title: larryfont   
     * @Description: 图标显示   
     * @param: @return      
     * @return: String      
     * @throws
     */
    @RequestMapping("/larryfont")
    public String larryfont() {
        return "backend/system/upms/permissions/larryfont";
    }
    
    /**
     * 编辑界面显示
     * @Title: edit   
     * @Description: TODO(这里用一句话描述这个方法的作用)   
     * @param: @return      
     * @return: String      
     * @throws
     */
    @RequestMapping("/edit")
    public String edit() {
        return "backend/system/upms/permissions/edit";
    }
    /**
     * 查询权限
     * @Title: findPagingQuery   
     * @Description: 查询权限   
     * @param: @return      
     * @return: LayUiResult      
     * @throws
     */
    @RequestMapping("/findPagingQuery")
    @ResponseBody
    public LayUiResult findPagingQuery() {
        LayUiResult result = permissionsService.findPagingQuery();
        return result;
    }
    
    /**
     * 添加权限
     * @Title: addPermissions   
     * @Description: 添加权限   
     * @param: @param adminPermission
     * @param: @return      
     * @return: BaseResult      
     * @throws
     */
    @RequestMapping("/addPermissions")
    @ResponseBody
    public BaseResult addPermissions(AdminPermission adminPermission) {
        int i = permissionsService.addPermissions(adminPermission);
        if (i > 0) {
            return BaseResult.build(200, BaseResult.addSuccess);
        } else {
            return BaseResult.build(209, BaseResult.addFail);
        }
    }
    
    /**
     * 删除一条权限
     * @Title: deletePermission   
     * @Description: 删除一条权限   
     * @param: @param permissionId
     * @param: @return      
     * @return: BaseResult      
     * @throws
     */
    @RequestMapping("/deletePermission")
    @ResponseBody
    public BaseResult deletePermission(int permissionId) {
        int i = permissionsService.deletePermission(permissionId);
        if (i > 0) {
            return BaseResult.build(200, BaseResult.delectSuccess);
        } else {
            return BaseResult.build(209, BaseResult.delectFail);
        }
    }
    
    /**
     * 禁用一条权限(注意:如果当前状态是禁用,如调用此方法会变成启用)
     * @Title: updataDisablePermissionId   
     * @Description: 禁用一条权限(注意:如果当前状态是禁用,如调用此方法会变成启用)
     * @param: @param permissionId
     * @param: @return      
     * @return: BaseResult      
     * @throws
     */
    @RequestMapping("/updataDisablePermissionId")
    @ResponseBody
    public BaseResult updataDisablePermissionId(int permissionId) {
        int i = permissionsService.updataDisablePermissionId(permissionId);
        if (i > 0) {
            return BaseResult.build(200, BaseResult.updataSuccess);
        } else {
            return BaseResult.build(209, BaseResult.updataFail);
        }
    }
    
    /**
     * 根据id查询一条权限数据
     * @Title: selectPermissionsByPermissionId   
     * @Description: 根据id查询一条权限数据 
     * @param: @param permissionId
     * @param: @return      
     * @return: BaseResult      
     * @throws
     */
    @RequestMapping("/selectPermissionsByPermissionId")
    @ResponseBody
    public BaseResult selectPermissionsByPermissionId(int permissionId) {
        AdminPermission adminPermission = permissionsService.selectPermissionsByPermissionId(permissionId);
        return BaseResult.build(200, "", adminPermission);
    }
    
    /**
     * 修改权限
     * @Title: updataPermissions   
     * @Description: 修改权限  
     * @param: @param permissionId
     * @param: @return      
     * @return: BaseResult      
     * @throws
     */
    @RequestMapping("/updataPermissions")
    @ResponseBody
    public BaseResult updataPermissions(AdminPermission adminPermission) {
        int i = permissionsService.updataPermissions(adminPermission);
        if (i > 0) {
            return BaseResult.build(200, BaseResult.updataSuccess);
        } else {
            return BaseResult.build(200, BaseResult.updataFail);
        }
    }
}

4、权限界面

添加根节点

html

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../../../../public/common.jsp"%>
<body>
    <form class="layui-form">
        <div class="layui-form-item">
            <label class="layui-form-label">菜单名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="title"
                    autocomplete="off" placeholder="请输入菜单名称" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">类型</label>
            <div class="layui-input-block">
                <select name="type" lay-filter="aihao">
                    <option value="" selected="">请选择类型</option>
                    <option value="1">目录</option>
                    <option value="2">菜单</option>
                    <option value="3">按钮</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">权限值</label>
            <div class="layui-input-block">
                <input type="text" name="permissionValue" lay-verify="title"
                    autocomplete="off" placeholder="请输入权限值" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">路径</label>
            <div class="layui-input-block">
                <input type="text" name="uri" lay-verify="title"
                    autocomplete="off" placeholder="路径" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">图标</label>
                <div class="layui-input-inline">
                    <input type="text" name="icon" lay-verify="title"
                        autocomplete="off" placeholder="请输入图片" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <button  type="button"  id="icon" class="layui-btn">查找图标</button>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="text" name="orders" lay-verify="title"
                    autocomplete="off" placeholder="排序" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="permissionsAdd">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</body>
<!-- 加载js文件-->
<script type="text/javascript" src="/LarryMS/common/layui/layui.js"></script>
<script type="text/javascript">
    layui.cache.page = 'system/upms/permissions/add';
    layui.config({
        version : "1.0.0",
        base : '/LarryMS/common/'
    }).extend({
        larry : 'js/base'
    }).use('larry');
</script>

</html>

js

/**
 * @name 权限
 */
layui.define(['larry', 'form', 'table'], function(exports) {
    "use strict";
    var $ = layui.$,
        larry = layui.larry,
        form = layui.form,
        table = layui.table;
    //图标选择
    $('#icon').on('click', function() {
        layer.open({
            type: 2,
            title: '图标选择',
            shadeClose: true,
            shade: 0.8,
            area: ['100%', '100%'],
            content: '/backend/system/upms/permissions/larryfont' //iframe的url
        });
    });
    //监听提交
    form.on('submit(permissionsAdd)', function(data) {
            $.post("/backend/system/upms/permissions/addPermissions",data.field,function(result){
                if(result.status != 200){
                    layer.msg(result.msg);
                } else {
                    parent.layer.closeAll();
            }
            });
        return false;
    });
    exports('mypanel', {});
});

添加子节点

HTML

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../../../../public/common.jsp"%>
<body>
    <form class="layui-form">
        <input type="hidden" name="pid" id="pid">
        <div class="layui-form-item">
            <label class="layui-form-label">父菜单名称</label>
            <div class="layui-input-block">
                <input type="text" id="pidName" name="pidName" lay-verify="title"
                    autocomplete="off" readonly="readonly" placeholder="请输入父菜单名称" class="layui-input layui-unselect layui-disabled">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">菜单名称</label>
            <div class="layui-input-block">
                <input type="text" name="name" lay-verify="title"
                    autocomplete="off" placeholder="请输入菜单名称" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">类型</label>
            <div class="layui-input-block">
                <select name="type" lay-filter="aihao">
                    <option value="" selected="">请选择类型</option>
                    <option value="1">目录</option>
                    <option value="2">菜单</option>
                    <option value="3">按钮</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">权限值</label>
            <div class="layui-input-block">
                <input type="text" name="permissionValue" lay-verify="title"
                    autocomplete="off" placeholder="请输入权限值" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">路径</label>
            <div class="layui-input-block">
                <input type="text" name="uri" lay-verify="title"
                    autocomplete="off" placeholder="路径" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">图标</label>
                <div class="layui-input-inline">
                    <input type="text" name="icon" lay-verify="title"
                        autocomplete="off" placeholder="请输入图片" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <button  type="button"  id="icon" class="layui-btn">查找图标</button>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="text" name="orders" lay-verify="title"
                    autocomplete="off" placeholder="排序" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="permissionsAdd">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</body>
<!-- 加载js文件-->
<script type="text/javascript" src="/LarryMS/common/layui/layui.js"></script>
<script type="text/javascript">
    layui.cache.page = 'system/upms/permissions/addPermissions';
    layui.config({
        version : "1.0.0",
        base : '/LarryMS/common/'
    }).extend({
        larry : 'js/base'
    }).use('larry');
</script>

</html>

js

/**
 * @name 权限
 */
layui.define(['larry', 'form', 'table'], function(exports) {
    "use strict";
    var $ = layui.$,
        larry = layui.larry,
        form = layui.form,
        table = layui.table;
    var pid = GetQueryString("permissionId")
    var pidName = GetQueryString("pidName")
    $("#pid").val(pid);
        $("#pidName").val(pidName);
   
    
    //图标选择
    $('#icon').on('click', function() {
        layer.open({
            type: 2,
            title: '图标选择',
            shadeClose: true,
            shade: 0.8,
            area: ['100%', '100%'],
            content: '/backend/system/upms/permissions/larryfont' //iframe的url
        });
    });
    
  //监听提交
    form.on('submit(permissionsAdd)', function(data) {
            $.post("/backend/system/upms/permissions/addPermissions",data.field,function(result){
                if(result.status != 200){
                    layer.msg(result.msg);
                } else {
                    parent.layer.closeAll();
            }
            });
        return false;
    });
    
    exports('mypanel', {});
});

编辑节点

HTML

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../../../../public/common.jsp"%>
<body>
    <form class="layui-form">
        <input type="hidden" name="permissionId" id="permissionId">
        <div class="layui-form-item">
            <label class="layui-form-label">菜单名称</label>
            <div class="layui-input-block">
                <input type="text" id="name" name="name" lay-verify="title"
                    autocomplete="off" placeholder="请输入菜单名称" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">类型</label>
            <div class="layui-input-block">
                <select  id="type" name="type" lay-filter="aihao">
                    <option value="" selected="">请选择类型</option>
                    <option value="1">目录</option>
                    <option value="2">菜单</option>
                    <option value="3">按钮</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">权限值</label>
            <div class="layui-input-block">
                <input type="text" id="permissionValue" name="permissionValue" lay-verify="title"
                    autocomplete="off" placeholder="请输入权限值" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">路径</label>
            <div class="layui-input-block">
                <input type="text" id="uri" name="uri" lay-verify="title"
                    autocomplete="off" placeholder="路径" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">图标</label>
                <div class="layui-input-inline">
                    <input type="text" id="icon" name="icon" lay-verify="title"
                        autocomplete="off" placeholder="请输入图片" class="layui-input">
                </div>
            </div>
            <div class="layui-inline">
                <button  type="button"  id="icon" class="layui-btn">查找图标</button>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">排序</label>
            <div class="layui-input-block">
                <input type="text" id="orders" name="orders" lay-verify="title"
                    autocomplete="off" placeholder="排序" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="editAdd">立即提交</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
</body>
<!-- 加载js文件-->
<script type="text/javascript" src="/LarryMS/common/layui/layui.js"></script>
<script type="text/javascript">
    layui.cache.page = 'system/upms/permissions/edit';
    layui.config({
        version : "1.0.0",
        base : '/LarryMS/common/'
    }).extend({
        larry : 'js/base'
    }).use('larry');
</script>

</html>

js

/**
 * @name 权限
 */
layui.define(['larry', 'form', 'table'], function(exports) {
    "use strict";
    var $ = layui.$,
        larry = layui.larry,
        form = layui.form,
        table = layui.table;
   
   
    
    $.post("/backend/system/upms/permissions/selectPermissionsByPermissionId",{"permissionId":GetQueryString("permissionId")},function(result){
                $("#name").val(result.data["name"]);
                $("#type").val(result.data["type"]);
                $("#permissionValue").val(result.data["permissionValue"]);
                $("#uri").val(result.data["uri"]);
                $("#icon").val(result.data["icon"]);
                $("#orders").val(result.data["orders"]);
                $("#permissionId").val(result.data["permissionId"]);
                    
                form.render('select');
    });
   
    
    //图标选择
    $('#icon').on('click', function() {
        layer.open({
            type: 2,
            title: '图标选择',
            shadeClose: true,
            shade: 0.8,
            area: ['100%', '100%'],
            content: '/backend/system/upms/permissions/larryfont' //iframe的url
        });
    });
    
  //监听提交
    form.on('submit(editAdd)', function(data) {
            $.post("/backend/system/upms/permissions/updataPermissions",data.field,function(result){
                if(result.status != 200){
                    layer.msg(result.msg);
                } else {
                    parent.layer.closeAll();
            }
            });
        return false;
    });
    
    exports('mypanel', {});
});

所有权限和删除

HTML

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../../../../public/common.jsp"%>
<body>
    <div style="margin-top: 10px;  margin-left: 10px">
            <button id="addPermissions" class="layui-btn ">添加根菜单</button>
    </div>
    <table class="layui-hidden" id="permissionsList" lay-filter="permissionsList"></table>
    
    <script type="text/html" id="permissionsBar">
        <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">添加子菜单</a>
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑菜单</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>
    <script type="text/html" id="statusTpl">
         <input type="checkbox" name="lock" value="{{d.permissionId}}" title="锁定" lay-filter="status" {{ d.status == 0 ? 'checked' : '' }}>
    </script>
    <script type="text/html" id="iconTpl">
         <i class="larry-icon {{d.icon}}"></i>
    </script>
</body>
<!-- 加载js文件-->
<script type="text/javascript" src="/LarryMS/common/layui/layui.js"></script>
<script type="text/javascript">
    layui.cache.page = 'system/upms/permissions/index';
    layui.config({
        version : "1.0.0",
        base : '/LarryMS/common/'
    }).extend({
        larry : 'js/base'
    }).use('larry');
</script>

</html>

js

/**
 * @name 权限
 */
layui.define(['larry', 'form', 'table', 'treeGrid'], function(exports) {
    "use strict";
    var $ = layui.$,
        larry = layui.larry,
        form = layui.form,
        table = layui.table,
        treeGrid = layui.treeGrid;
    var tableIns = treeGrid.render({
        elem: '#permissionsList', //指定原始表格元素选择器（推荐id选择器）
        cols: [
            [{
                field: 'name',
                title: '名称',
            }, {
                field: 'permissionValue',
                align: 'center',
                title: '权限值',
                align: 'center',
            }, {
                field: 'uri',
                align: 'center',
                title: '路径',
            }, {
                field: 'icon',
                align: 'center',
                title: '图标',
                templet: '#iconTpl',
            }, {
                field: 'status',
                align: 'center',
                title: '状态',
                templet: '#statusTpl',
            }, {
                align: 'center',
                title: '操作',
                toolbar: '#permissionsBar'
            }]
        ], //设置表头
        url: '/backend/system/upms/permissions/findPagingQuery',
        treeId: 'permissionId', //树形id字段名称
        treeUpId: 'pid', //树形父id字段名称
        treeShowName: 'name', //以树形式显示的字段
        page: false
    });
    //监听锁定操作
    form.on('checkbox(status)', function(obj) {
        $.post("/backend/system/upms/permissions/updataDisablePermissionId", {
            "permissionId": this.value
        }, function(result) {
            if (result.status != 200) {
                layer.tips(result.mgs);
                tableIns.reload();
            }
        });
    });
    //图标选择
    $('#addPermissions').on('click', function() {
        layer.open({
            type: 2,
            title: '图标选择',
            shadeClose: true,
            shade: 0.8,
            area: ['100%', '100%'],
            content: '/backend/system/upms/permissions/add', //iframe的url
            end: function() {
                tableIns.reload();
            }
        });
    });
    //监听工具条
    treeGrid.on('tool(permissionsList)', function(obj) {
        var data = obj.data;
        if (obj.event === 'detail') {
            //添加子菜单
            layer.open({
                type: 2,
                title: '图标选择',
                shadeClose: true,
                shade: 0.8,
                area: ['100%', '100%'],
                content: '/backend/system/upms/permissions/addPermissionsIndex?permissionId=' + data.permissionId + '&pidName=' + data.name,
                end: function() {
                    tableIns.reload();
                }
            });
        } else if (obj.event === 'del') {
            //删除        
            layer.confirm('真的删除行么', function(index) {
                $.post("/backend/system/upms/permissions/deletePermission", {
                    "permissionId": data.permissionId
                }, function(result) {
                    if (result.status == 200) {
                        tableIns.reload();
                    } else {
                        layer.msg(result.msg);
                        tableIns.reload();
                    }
                    layer.close(index);
                });
            });
        } else if (obj.event === 'edit') {
                //编辑
            layer.open({
                type: 2,
                title: '图标选择',
                shadeClose: true,
                shade: 0.8,
                area: ['100%', '100%'],
                content: '/backend/system/upms/permissions/edit?permissionId=' + data.permissionId,
                end: function() {
                    tableIns.reload();
                }
            });
        }
    });
    exports('mypanel', {});
});