mvc3中的RenderBody方法使用

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


 原文鏈接:
http://www.codeproject.com/Articles/383145/RenderBody-RenderPage-and-RenderSection-methods-in.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章