1. 程式人生 > >layui擴充套件之 authtree 無限級許可權控制樹 authtree

layui擴充套件之 authtree 無限級許可權控制樹 authtree

感謝layui社群,及無限極權限控制樹的作者。

首先下載authtree.js,為了你能正確使用該模組,建議放在extends資料夾下(沒有就建立一個),該資料夾與layui同級,為了方便你的使用,第三方元件都可放在裡面

配置該元件

layui.config({
    base: '域名/extends/',
}).extend({
    authtree: 'authtree',
});

前端的就不多說了,無限極權限控制樹寫的很清楚

主要講介面的規則

code和msg就不說了,主要說data。data裡面主要的兩個屬性(後臺的鍵值)“list”和“checkedId”,list是樹狀陣列,後臺可以通過遞迴生成,checkedId可以通過修改的角色名得到,新增角色時,checkedId為空

要注意的是:

這裡的規則,主要有name,value,checked,list。list實際就是子級,先查詢出的許可權表二維陣列,在

遍歷許可權陣列,如果id在checkedId中,則新增checked鍵值=>true,否則為false,另外value鍵值查詢的時候自己看著辦吧

在將得到的陣列用遞迴轉換成樹狀陣列

預設返回json