mvc4布局方法
2014-05-19 13:49
113 查看
概述
布局用来创建统一的外观(泛一点来说,就是html中的head等无关页面通用的部分),用vs2012创建默认的mvc4项目之后,布局文件为:Views \Shared\_Layout.cshml,而Views下的_ViewStart.cshml则是用来指定布局文件,只有下面一行代码:@{ Layout = "~/Views/Shared/_Layout.cshtml"; }
它会将此布局应用到当前Views中所有的页面中,如果不用此布局,则要在视图中自行指定布局,语法同上面代码一样,所以重要的是这个_ViewStart.cshml,它就像一个入口一样 ,如果用oo来理解,则可以说它是其他视图的基类(当在视图中指定了布局,则会替代_ViewStart.cshml中的设定)。
(如果使用了区域,则每个区域下的都会有一个_ViewStart.cshml文件,其配置同上面的概念一样)。
布局文件的一般样式
下面的代码来自w3School,它是一个布局文件:<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>@ViewBag.Title</title> <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" /> <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"></script> <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")"></script> </head> <body> <ul id="menu"> <li>@Html.ActionLink("Home", "Index", "Home")</li> <li>@Html.ActionLink("Movies", "Index", "Movies")</li> <li>@Html.ActionLink("About", "About", "Home")</li> </ul> <section id="main"> @RenderBody() <p>Copyright W3schools 2012. All Rights Reserved.</p> </section> </body> </html>
如果一个视图A应用了这个布局,A中的内容将填充@RenderBody()的位置,如果要用A中的section来填充布局文件的任何部分,则只需在布局文件中指定位置加上下面一段代码:
@RenderSection("target", required: false)
视图中用如下代码段,则在应用布局时,此代码会自动替代@RenderSection(……)这一段。
@Section target{……代码……}
相关文章推荐
- Equal Height Columns --DIV+CSS布局中自适应高度的解决方法
- XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院 - Green Institute
- CSS布局常用的方法
- css布局网页水平居中常用方法
- css+div布局常用的方法㈠
- css布局网页水平居中常用方法
- div+css布局漫谈 之 CSS布局常用的方法
- 用CSS的float和clear创建三栏液态布局的方法(好)
- 左中右3栏布局中最先显示中栏内容的方法
- CSS布局自适应高度解决方法
- 垂直三栏布局拥有相同高度的方法
- DIV+CSS页面布局中注意的问题以及常用的CSS使用方法
- 使用js实现基于可视布局信息的网页噪音去除的测试方法
- DIV+CSS网页布局常用的方法与技巧
- XHTML 的一个实例, 其实这个实例的方法已经可以实现所有要实现的布局. by Emerald 绿色学院 - Green Institute
- CSS布局自适应高度解决方法
- php+dojo 的数据库保存拖动布局的一个方法dojo 这里下载
- 用CSS的float和clear创建三栏液态布局的方法
- 关于Asp.net2.0下Div+Css布局页面样式实效的解决方法
- CSS布局自适应高度解决方法