建立MVC新闻网站实现主页布局。

首先建立主控制器，然后建立索引视图。

就像前面的登录页面一样，需要引入几个文件。

然后在下载的easyui文件夹中的demo中找到布局中的完整浏览器，运行它，右键查看代码，在Index视图中将代码从body复制到body。如果找不到，可以直接复制下面的代码。

body class=' easui-layout ' div data-options=' region : ' north '，border : false ' style=' height :60 px；背景# B3DFDApadd :10 px ' north region/div div data-options=' region : ' West '，split:true，title : ' West ' style=' width :150 px；padding:10px西部内容/div div数据-选项=' region: ' east '，split:true，collapsed:true，title : ' East ' ' style=' width :100 px；padding:10px东区/div div数据-选项='region:'south '，border : false ' style=' height :50 px；background: # A9FACDpadding:10px在south region/div数据中运行代码-选项=' region :' center '，title :' center''/div/body以获得效果

一般不要最右边的div，可以删除最右边的div。

页面的上部布局是根据你所做的事情放一张背景图片。在找到合适的图片之前，我不会把图片放在这里。

页面右侧的导航菜单区域使用折叠布局格式。替换为以下代码

div数据-选项='region:'west '，split:true，title : ' West ' ' style=' width :150 px；padding:0px'div class=' easui-accordion ' style=' width : auto；' height:auto'div title=' news management ' data-options=' icon cls 3360 ' icon-ok ' ' style=' overflow : auto；padding:10px'a href=' JavaScript : void(0)' rel=' external nofollow ' rel=' external nofollow ' class=' detaillink 123 ' URL='/adminnewinfo/index ' news management/a/Div title=' comment management ' data-options=' icon cls : ' icon-ok ' ' style=' overflow 3360 auto；padding:10px'a href=' JavaScript : void(0)' rel=' external nofollow ' rel=' external nofollow ' class=' detaillink 123 ' URL='/comment info/index '注释管理/a /div /div /div。页面底部有一些版权设置。所以这里没必要多写了。

下一节是关于选项卡

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。