这篇文章主要为大家详细介绍了MVC+EasyUI+三层新闻网站建立的第五篇，教大家如何进行主页布局，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
MVC新闻网站建立，实现主页布局。
首先建立Home控制器，然后再建立Index视图。
和前面登录页面一样也需要引入几个文件。
接着就是找到你下载的easyui文件来源gao*daima.com搞@代#码网夹里面的demo里面的layout里面的full 浏览器运行后右键查看代码把里面的body里面的代码复制到Index视图的body里面去。没找到的可以直接复制下面的代码。
<div style="height:60px;background:#B3DFDA;padding:10px">north region</div><div style="width:150px;padding:10px">west content</div><div style="width:100px;padding:10px">east region</div><div style="height:50px;background:#A9FACD;padding:10px">south region</div><div></div>
运行代码就可以得到效果了
一般是不要最右边的div的所以可以在删掉最右边的div。
页面的上部布局就是根据你所做的放入一张背景图片就可以了。这里我没有找到合适的图片就不放图片了。
页面的右边导航菜单区使用手风琴布局格式。用下面的代码替换掉
<div style="width:150px;padding:0px"> <div class="easyui-accordion" style="width:auto;height:auto"> <div title="新闻管理" style="overflow:auto;padding:10px"> 新闻管理</div><div title="评论管理" style="overflow:auto;padding:10px"> 评论管理</div></div></div>
页面的底部就是一些版权设置。所以这里就不需要多写了。
下一节讲 tab
以上就是MVC+EasyUI+三层新闻网站建立 主页布局的方法（五）的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：MVC+EasyUI+三层新闻网站建立 主页布局的方法（五）
转载请注明原文链接：MVC+EasyUI+三层新闻网站建立 主页布局的方法（五）
