怎样快速上手php,快速上手

## layuiadmin iframe 2020版 引入 authtree 组件

&＃43; 第一步&＃xff1a;为权限树提供容器

&＃43; 第二步&＃xff1a;下载源码并引入插件

&＃43; 第三步&＃xff1a;异步获取权限数据并渲染

>[danger] 第一步&＃xff1a;为权限树提供容器

&＃43; 权限树容器&＃xff1a;&＃96;id&＃61;"LAY-auth-tree-index"&＃96;

&＃43; 容器需要包含在 &＃96;form.layui-form > div.layui-form-item > div.layui-input-block&＃96;&＃xff0c;否则无法渲染多选框

&＃96;&＃96;&＃96;html

&＃96;&＃96;&＃96;

>[danger] 第二步&＃xff1a;下载源码并引入插件

&＃43; 配置扩展目录的模板输出替换 &＃96;__LAYUIADMIN_EXTEND__&＃96;

&＃96;&＃96;&＃96;

// 模板输出字符串替换

&＃39;tpl_replace_string&＃39; &＃61;> [

// layuiadmin 静态资源

&＃39;__LAYUIADMIN__&＃39; &＃61;> &＃39;/static/layuiadmin&＃39;,

// authtree 权限树扩展组件

&＃39;__AUTHTREE__&＃39; &＃61;> &＃39;/static/layuiadmin/lib/extend/authtree&＃39;,

],

&＃96;&＃96;&＃96;

&＃43; 将 &＃96;layui_exts&＃96; 目录拷贝到 extend 目录下并重命名为 &＃96;authtree&＃96;


&＃43; 加载 &＃96;authtree&＃96; 组件


>[danger] 第三步&＃xff1a;异步获取权限数据并渲染

&＃96;&＃96;&＃96;

$.ajax({

url: &＃39;tree.json&＃39;,

dataType: &＃39;json&＃39;,

success: function(data){

var trees &＃61; data.data.trees;

// #LAY-auth-tree-index 权限树容器

authtree.render(&＃39;#LAY-auth-tree-index&＃39;, trees, {

inputname: &＃39;authids[]&＃39;,

layfilter: &＃39;lay-check-auth&＃39;,

autowidth: true,

});

}

});

&＃96;&＃96;&＃96;

>[danger] 效果示例