#### **在首页中，首先要做的就是引用文件，在之后所有需要显示的页面中所需的文件，尽量都在首页中引用** ![](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) #### **当然，现在还不会有效果，因为咱们还没有制作单位管理的页面。**