首頁HTML代碼 · thinkphp5.0.3與easyui結合實例

#### **在首頁中，首先要做的就是引用文件，在之后所有需要顯示的頁面中所需的文件，盡量都在首頁中引用** ![](https://box.kancloud.cn/6f4eb3a1981f004d6b9f8c2006d5f4c3_892x147.png) #### **最下面uploadify就是無刷新上傳的JS，以后我們還需要用到highcharts的js，在這里也要加上** <body class="easyui-layout"> <div border="false" data-options="region:'north'" style="height:100px;"> </div> <div border="false" data-options="region:'west',split:true" title="應用分類" style="width:10%;padding:0px;overflow:hidden;"> <div border="false" class="easyui-accordion" style="width:100%;height:100%;overflow:hidden;"> <div title="單位管理" data-options="iconCls:'icon-ok'" style="text-align:center;overflow:auto;padding:10px;"> <a style="width: 90%;height: 30px;" data-options="iconCls:'icon-search'" class="easyui-linkbutton c3" onclick="addTab('單位管理','dwgl','admin/dwgl/index')">單位管理</a><br><br> </div> <div title="各單位參保統計" data-options="iconCls:'icon-help'" style="padding:10px;"> </div> </div> </div> <div border="false" data-options="region:'center',title:'Main Title',iconCls:'icon-ok'"> <div border="false" id="tabs" class="easyui-tabs" style="width:100%;height:100%;"> <div title="首頁" style="padding:10px;"> 首頁內容 </div> </div> </div> #### **以上的代碼，就是首頁面使用easyui做的頁面布局，有上左右三個區域，north是上面的展示區域，west是左邊的應用按鈕部分，center是右邊的就是咱們主要的顯示子頁面的部分，分別設定好自己需要的尺寸就可以了** #### **其中addTab是在右邊的主顯示區添加選項卡，里面的三個參數，分別是選項卡的文字描述，選項卡的ID，選項卡中需要顯示頁面的URL地址，比如點擊左邊的單位管理，那應該出現下面的效果：** ![](https://box.kancloud.cn/e079a92b126f5d77ae6f586823f449b3_231x64.png) #### **當然，現在還不會有效果，因為咱們還沒有制作單位管理的頁面。**