laravel 使用layui 后台框架 设计 无限级权限控制树

laravel 使用layui 后台框架 设计 无限级权限控制树

First:无限级权限控制树-文档地址

---

首先再次说明 这个插件真的是很好用啊 接口数据完全不需要再设计 无限分类递归的数据处理了

只需要get() 查询出来列表  使用 “巨人” 封装好的listConvert()方法就行了 省掉了百分之N的烧脑想法

再把处理的数据render 一下  一个清晰可见的图就出来了，这里 我做一个初稿，以后再来完善本篇文章

---

 

重要：当然是layui 环境搭建好拉！

 

一、下载authtree 源码并且安装

官方说法如下图： 

但是 实际上 我并没有使用layuiadmin 后台 而是自己搭建的 所以我要自己把这个组建放到配置文件中 ，很简单 

01.找到layui的js源码存放地点粘贴进去 路径是 public\layui\lay\modules 下

02. 再layui的js文件中layui.js 中查找（ctrl+f） tree ，会找到

tree:"modules/tree",

然后自己加上引用的源码就行了

tree:"modules/tree",​​​​​​​authtree:"modules/authtree",

虽然layui 有tree 组建但是真的不满足我们的需求啊

 

二、将数据传递给页面 我这个是混编 并不是异步加载  所有只有把数据json字符串话传进来的 还有进行处理

这里直接源码一份

            var trees = JSON.parse('{!! $menustree !!}');

            var setTree = {
                primaryKey:'id'
                ,startPid: 0
                ,parentKey: 'pid'
                ,nameKey: 'name'
                ,valueKey: 'id'
                ,checkedKey: []
            };

            var treeList = tree.listConvert(trees,setTree)

            tree.render('#menus_tree', treeList, {
                inputname: 'ids[]',
                layfilter: 'lay-check-auth',
                autowidth: true,
                openall: true,
                openchecked: true,
                autochecked:true,
                // autoclose:false
            });

 

三、时间关系 ，更新到这里，赶紧工作，下次接着更新