src |--views |--layout.html src目录下views目录中的layout.html里的内容为入口文件里ID为LAY_APP的DIV的填充内容，如下图所示，童靴只需要知道layuiadmin是如何渲染的，至于改动不建议 ~~~ index.html <div id="LAY_APP"> layout.html里的内容 </div> ~~~ 通常情况下我们不需要对layout.html做改动因为它属于拿来即用的成本，对于需要理解结构的童靴可以继续往下解读看图示及代码  ~~~ <div class="layui-layout layui-layout-admin"> <!-- 头部区域 --> <div class="layui-header"> <ul class="layui-nav layui-layout-left"> <li><!-- 头部区域左边的图标（缩进之类）--></li> ... </ul> <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right"> <li><!-- 头部区域右边的图标（站内信、个人中心之类）--></li> ... </ul> </div> <!-- 侧边菜单 --> <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"> <div class="layui-logo" lay-href=""> <span> <!--这里显示的是LOGO --> </span> </div> <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu"> <!--菜单生成脚本，支持3级菜单，大多数情况下足够使用了，无需改动--> ... </ul> </script> </div> </div> <!-- 页面标签 ，单页版本的可以直接无视了--> <script type="text/html" template lay-done="layui.element.render('nav', 'layadmin-pagetabs-nav')"> {{# if(layui.setter.pageTabs){ }} <div class="layadmin-pagetabs" id="LAY_app_tabs"> <!--因为单页版本的默认配置config.js中pageTabs为False这里无视或者删除都可以--> ... </div> {{# } }} </script> <!-- 主体内容 --> <div class="layui-body" id="LAY_app_body"> <div class="layadmin-tabsbody-item layui-show"></div> <!---layuiadmin依据路由自动调用视图目录下对应的html进行装载，这里无需改动-> <!--例如这个时候的的URL是http://www.czping.com/#/home/homepage1 会自动将src/view/home/homepage1.html装载到这个里面 > </div> <!-- 辅助元素，一般用于移动设备下遮罩 --> <div class="layadmin-body-shade" layadmin-event="shade"></div> </div> ~~~