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 的文件即可。