MVC中RenderBody的工作原理

时间:2024-07-24 20:07:14

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