layuiAdmin单页版根据后台
使用模板方式加载菜单
lay-url=“菜单接口”
lay-headers=“将token带入请求头”,如果没有,去掉就行
在模板中使用console.log 示例: { {# console.log(1) }}
layui.data(‘layuiAdmin’).token 调用本地存储的token,token名需要和本地存储对应
json字段名不需要和这里的一样,json字段名改变,模板里面也要相应的修改
{ {#
var path = layui.router().path
,dataName = layui.setter.response.dataName;
layui.each(d[dataName], function(index, item){
var hasChildren = typeof item.list === 'object' && item.list.length > 0
,classSelected = function(){
if(index == 0){
return hasChildren ? 'layui-nav-itemed' : 'layui-this';
}
return '';
}
,url = typeof item.href === 'string' ? item.href : item.name;
}}
{ { item.title }}
{ {# if(hasChildren){ }}
{ {# layui.each(item.list, function(index2, item2){
var hasChildren2 = typeof item2.list == 'object' && item2.list.length > 0
,classSelected2 = function(){
if(index==0){
return hasChildren2 ? 'layui-nav-itemed' : 'layui-this';
}
return '';
}
,url2 = typeof item2.href === 'string'
? item2.href
: [item.name, item2.name, ''].join('/');
}}
{ { item2.title }}
{ {# if(hasChildren2){ }}
{ {# layui.each(item2.list, function(index3, item3){
var match = path[0] == item.name && path[1] == item2.name && path[2] == item3.name
,url3 = typeof item3.href === 'string'
? item3.href
: [item.name, item2.name, item3.name].join('/')
}}
{ { item3.title }}
{ {# }); }}
{ {# } }}
{ {# }); }}
{ {# } }}
{ {# }); }}
后台返回的json格式(示例)
{
"code": 0
,"msg": ""
,"data": [{
"title": "主页"
,"icon": "layui-icon-home"
,"list": [{
"title": "控制台"
,"jump": "/"
}, {
"name": "homepage1"
,"title": "主页一"
,"jump": "home/homepage1"
}, {
"name": "homepage2"
,"title": "主页二"
,"jump": "home/homepage2"
}]
}, {
"name": "component"
,"title": "组件"
,"icon": "layui-icon-component"
,"list": [{
"name": "grid"
,"title": "栅格"
,"list": [{
"name": "list"