layout.html会自动依据url传递过来的json来渲染菜单，看代码 ~~~ <!-- 侧边菜单 --> <div class="layui-side layui-side-menu"> <div class="layui-side-scroll"> <script type="text/html" template lay-url="菜单的JSON的URL" lay-done="layui.element.render('nav', 'layadmin-system-side-menu');" id="TPL_layout"> ... </script> </div> </div> ~~~ lay-url="菜单的JSON的URL" 需要和后台配置，得到后台传递过来的json，前台负责渲染，最多支持3级格式如下: ~~~ { "code": 0 //状态码，key 名可以通过 config.js 去重新配置 ,"msg": "" //提示信息 ,"data": [{ //菜单数据，key名可以通过 config.js 去重新配置 "name": "component" //一级菜单名称（与视图的文件夹名称和路由路径对应） ,"title": "组件" //一级菜单标题 ,"icon": "layui-icon-component" //一级菜单图标样式 ,"jump": 'home/homepage1' //自定义一级菜单2 ,"spread": true //是否默认展子菜单 ,"list": [{ //二级菜单 "name": "grid" //二级菜单名称（与视图的文件夹名称和路由路径对应） ,"title": "栅格" //二级菜单标题 ,"jump": 'home/homepage2' //自定义二级菜单路由地址 ,"spread": true //是否默认展子菜单 ,"list": [{ //三级菜单 "name": "list" //三级菜单名 如：component/grid/list ,"title": "等比例列表排列" //三级菜单标题 ,"jump": 'home/homepage3' //自定义三级菜单路由地址 },{ "name": "mobile" ,"title": "按移动端排列" } }] } ~~~