A)什么是RenderBody
根据MSDN的解释(http://msdn.microsoft.com/query/dev10.query?appId=Dev10IDEF1&l=EN-US&k=k(SYSTEM.WEB.WEBPAGES.WEBPAGEBASE.RENDERBODY);k(TargetFrameworkMoniker-%22.NETFRAMEWORK%2cVERSION%3dV4.0%22);k(DevLang-CSHARP)&rd=true)
在模板页的占位符,用来渲染那些没有特地命名的段落。
(In layout pages, renders the portion of a content page that is not within a named section.
翻译的心里没底,所以给出原文)
B)RenderBody的工作原理
C) 例子
本例很简单,就是通过visual studio 2010 创建一个典型的 ASP.NET MVC 3 web application 。创建完毕后,会看到
系统自动创建的一些文件和目录。
现在我们打开views/Shared 目录下的:_layout.cshtml 文件。一般情况下,该文件可以作为整个项目的标准布局文件。
当然,我们也可以创建多个布局文件,并在适当的时候选择使用。打开_layout.cshtml 文件后,我们看到以下code:
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<linkhref="@Url.Content("~/Content/Site.css")"rel="stylesheet"type="text/css"/>
<scriptsrc="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"type="text/javascript"></script>
</head>
<body>
<div class="page">
<div id="header">
<div id="title">
<h1>My MVC Application</h1>
</div>
<div id="logindisplay">
@Html.Partial("_LogOnPartial")
</div>
<div id="menucontainer">
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul>
</div>
</div>
<div id="main">
@RenderBody()
</div>
<div id="footer">
</div>
</div>
</body>
</html>
现在,我们打开views/home下的index.cshtml 文件,大致包含以下内容:
@{
ViewBag.Title = "Home Page";
}
<h2>@ViewBag.Message</h2>
<p>
To learn more about ASP.NET MVC visit <ahref="http://asp.net/mvc"title="ASP.NET MVC Website">http://asp.net/mvc</a>.
</p>
可是,从这个文件,看不到是否引用了layout布局文件,这只是mvc3的一个小花招,我们打开views目录下的_ViewStart.cshtml ,
就可以看到:
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
如果把_layout.cshtml and index.cshtml 文件合在一起,我们得到如下文件:
<!DOCTYPE html>
<html>
<head>
<title>Home Page</title>
<linkhref="@Url.Content("~/Content/Site.css")"rel="stylesheet"type="text/css"/>
<scriptsrc="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"type="text/javascript"></script>
</head>
<body>
<div class="page">
<div id="header">
<div id="title">
<h1>My MVC Application</h1>
</div>
<div id="logindisplay">
@Html.Partial("_LogOnPartial")
</div>
<div id="menucontainer">
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul>
</div>
</div>
<div id="main">
//引用母版页,新页面的内容会自动代替母版页的@RenderBody()占位符
<h2>@ViewBag.Message</h2>
<p>
To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET MVC Website">http://asp.net/mvc</a>.</p>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
仔细看看的话,发现变化并不复杂,只是把RenderBody() 给替换掉了。
当然,如果想创建其他不同的页面布局,并使用。只要创建类似 _Layout.cshtml 的文件即可。