MVC+EasyUI+三层新闻网站建立 主页布局的方法（五）
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了MVC+EasyUI+三层新闻网站建立 主页布局的方法（五），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1830字，纯文字阅读大概需要3分钟。
内容图文
MVC新闻网站建立，实现主页布局。
首先建立Home控制器，然后再建立Index视图。
和前面登录页面一样也需要引入几个文件。
接着就是找到你下载的easyui文件夹里面的demo里面的layout里面的full 浏览器运行后右键查看代码把里面的body里面的代码复制到Index视图的body里面去。没找到的可以直接复制下面的代码。
<body class="easyui-layout"> <div data-options="region:'north',border:false" style="height:60px;background:#B3DFDA;padding:10px">north region</div> <div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:10px;">west content</div> <div data-options="region:'east',split:true,collapsed:true,title:'East'" style="width:100px;padding:10px;">east region</div> <div data-options="region:'south',border:false" style="height:50px;background:#A9FACD;padding:10px;">south region</div> <div data-options="region:'center',title:'Center'"></div> </body>
运行代码就可以得到效果了
一般是不要最右边的div的所以可以在删掉最右边的div。
页面的上部布局就是根据你所做的放入一张背景图片就可以了。这里我没有找到合适的图片就不放图片了。
页面的右边导航菜单区使用手风琴布局格式。用下面的代码替换掉
<div data-options="region:'west',split:true,title:'West'" style="width:150px;padding:0px;">
<div class="easyui-accordion" style="width:auto;height:auto;">
<div title="新闻管理" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="detailLink123" url="/AdminNewInfo/Index">新闻管理</a>
</div>
<div title="评论管理" data-options="iconCls:'icon-ok'" style="overflow:auto;padding:10px;">
<a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="detailLink123" url="/CommentInfo/Index">评论管理</a>
</div>
</div>
</div>
页面的底部就是一些版权设置。所以这里就不需要多写了。
下一节讲 tab
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的MVC+EasyUI+三层新闻网站建立 主页布局的方法（五）全部内容，希望文章能够帮你解决MVC+EasyUI+三层新闻网站建立 主页布局的方法（五）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。