![EasyUI+JavaWeb奖助学金管理系统[7]-EasyUI经典后台管理系统布局实现](http://www.mshxw.com/aiimages/31/236873.png "EasyUI+JavaWeb奖助学金管理系统[7]-EasyUI经典后台管理系统布局实现")
之前已实现登录后进入main.html页面功能，本篇来实现后台管理页面布局。
主要包括：上方标题栏，下方版权栏，左侧菜单栏，右侧点击菜单后对应的内容区域。
2. 引入EasyUI新建main.html然后引入EasyUI。
布局和标签页
注意body使用了easyui-layout样式，所以该页面遵循easyui的布局规范。
3. 顶部标题栏新增顶部标题栏
汉东大学奖助学金管理系统
注意region:'north'将标题栏固定到了顶部，汉东大学是虚构的，此处使用了《人民的名义》中的大学名称，仅仅是为了有趣。
4. 左侧导航栏新增左侧导航栏
注意region:'west'将导航栏固定到了左侧。然后此处添加了两个菜单用于演示，后续真实环境下应该从数据库中加载角色对应菜单显示。
注意点击标签后，target="main-frame"表明指向的网页显示到main-frame中。
5. 右侧内容栏代码如下：
注意内容栏使用了iframe，且名称为main-frame，所以点击左侧导航栏菜单后，对应页面的内容就显示到该区域内。
6. 底部版权栏这个比较简单
版权所有 熊猫大哥大宇宙股份无限公司
效果很好，大功告成哈。
