index.html結構說明 · EasyWeb開發文檔

## 1.3.index.html結構說明 ```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進去，便于維護。