index.html结构说明 · EasyWeb开发文档3

# index.html结构说明 ## 1.3.index.html结构说明 ~~~ <html> <head> <link rel="stylesheet" href="assets/libs/layui/css/layui.css"/> <link rel="stylesheet" href="assets/module/admin.css"/> </head> <body class="layui-layout-body"> <div class="layui-layout layui-layout-admin">  <div class="layui-header">...</div>  <div class="layui-side">...</div>  <div class="layui-body">...</div>  <div class="layui-footer">...</div> </div> <script type="text/javascript" src="assets/libs/layui/layui.js"></script> <script type="text/javascript" src="assets/js/common.js"></script> <script> layui.use(['index'], function () { var index = layui.index; // 加载默认主页 index.loadHome({ menuPath: 'page/console/console.html', menuName: '<i class="layui-icon layui-icon-home"></i>' }); }); </script> </body> </html> ~~~ index.html就是这样固定的结构，一般不需要修改，只用写子页面配置在侧边栏中即可。 > 在整合到后端时，你可以把头部、侧边栏抽离出来，再include进去，便于维护。