MVC Razor模板引擎 @RenderBody、@RenderPage、@RenderSection及Html.RenderPartial、Html.RenderAction


一、Views文件夾 -> Shared文件夾下的 _Layout.cshtml 母版頁

@RenderBody 

當創建基於_Layout.cshtml布局頁面的視圖時,視圖的內容會和布局頁面合並,而新創建視圖的內容會通過_Layout.cshtml布局頁面的@RenderBody()方法呈現在標簽之間。

 

@RenderPage
從名稱可以猜出來這個方法是要呈現一個頁面。比如網頁中固定的頭部可以單獨放在一個共享的視圖文件中,然后在布局頁面中通過這個方法調用,用法如下:
@RenderPage(“~/Views/Shared/_Header.cshtml”) 
帶參數
@RenderPage(“~/Views/Shared/_Header.cshtml”,new{parm="my",parm2="you") 
調用頁面獲取參數:
//獲取 RenderPage() 傳遞過來的參數
@PageData["param"]

 

@RenderSection

布局頁面還有節(Section)的概念,也就是說,如果某個視圖模板中定義了一個節,那么可以把它單獨呈現出來
為了防止因缺少節而出現異常,可以給RenderSection()提供第2個參數:
@RenderSection("head", false)

@if (IsSectionDefined("head"))
        {
            @RenderSection("head", false)
        }
        else
        {
            <p>SubMenu Section is not defined!</p>
        }

 

代碼如下:

[html]   view plain copy
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>@ViewBag.Title</title>  
  5.     <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />  
  6.     <script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>  
  7.     @RenderSection("head", required: true)@*View頁面自定義特定js/css使用*@  
  8. </head>  
  9.   
  10. <body>  
  11.     @RenderPage("~/Views/Shared/_Header.cshtml")  
  12.     @RenderBody()  
  13. </body>  
  14. </html>  


 

 

二、創建視圖,使用母版頁

代碼如下:

[html]   view plain copy
  1. @{  
  2.     ViewBag.Title = "Index";  
  3.     Layout = "~/Views/Shared/_Layout.cshtml";  
  4. }  
  5. <h2>Index</h2>  
  6. @section Head{  
  7.     <script type="text/javascript">  
  8.         $(function () {  
  9.             alert("hello jquery");  
  10.         });  
  11.     </script>  
  12. }  
  13. <p>執行C#普通語法</p><br />  
  14. @DateTime.Now.Date.ToShortDateString()  
  15.   
  16. <p>執行C#語句段</p>  
  17. @{  
  18.     List<string> list = new List<string> { "Mvc3", "Razor" };  
  19.     list.Add(".Net4");      
  20. }  
  21. <ul>  
  22. @foreach(string s in list)  
  23. {  
  24.     if (string.IsNullOrEmpty(s))  
  25.     {  
  26.        <li></li>  
  27.     }  
  28.     else  
  29.     {   
  30.        <li>@s</li>  
  31.     }  
  32. }  
  33. </ul>  


 

三、生成頁面的源代碼

<!DOCTYPE html>
<html>
<head>
    <title>Index</title>
    <link href="/Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">
        $(function () {
            alert("hello jquery");
        });
    </script>

</head>

<body>
    <h2>Index</h2>

<p>執行C#普通語法</p><br />
2013/3/11

<p>執行C#語句段</p>
<ul>
       <li>Mvc3</li>
       <li>Razor</li>
       <li>.Net4</li>
</ul>

 

</body>
</html>

 

 

四、@Html.Partial

Partial 每次都會創建自己的 TextWriter 實例並且把內容緩存在內存中. 最后把所有 writer輸出的內容發送到一個 MvcString對象中
更多時候我們會使用  @{ Html.RenderPartial("Details"); }  而不是@Html.Partial

Html.RenderPartial()與@Html.Partial的區別

Html.RenderPartial  直接輸出至當前 HttpContext(因為是直接輸出,所以性能好)。

Html.Partial            將視圖內容直接生成一個字符串並返回(相當於有個轉義的過程)。

 

RenderPage()和RenderPartial()的區別

RenderPage()調用的頁面只能使用其傳遞過去的數據。
而RenderPartial()是可以使用viewdata,model等數據的。

如:@{Html.RenderPartial("BasicChart",model);}
  用這個重載可以在部分視圖里使用強類型,然后在主視圖中使用第二個參數傳model過去

      

      @{Html.RenderPartial("BasicChart",ViewData["myData"]);}

 

Html.RenderPartial和Html.RenderAction的區別

Html.RenderPartial適合用在重覆使用的UserControl,並且只需要透過Model來呈現內容,或是對於廣告的UserControl也適合使用。


Html.RenderAction則會先去呼叫Controller的Action方法,如果此UserControl是需要透過資料庫取得資料來呈現(透過Action來讀取資料庫),此時會比較適合使用此方式。

 

 

補充:

1、帶有Render的方法返回值是void,在方法內部進行輸出;不帶的返回值類型為MvcHtmlString,所以只能這樣使用:
@Html.Partial 對應 @{Html.RenderPartial(....);}
@Html.Action 對應 @{Html.RenderAction(....);}
2、Html.Partial可以直接提供用戶控件名作為參數,而Html.Action需要有對應的Action,在Action內部返回PartailResult(即retun PartialView())。
3、對於簡單的沒有任何邏輯的用戶控件,推薦使用Html.Partial;對於需要設置一些Model的用戶控件,推薦使用Html.Action。當然,有Model數據也是可以使用Html.Partial方法的,可以看方法的重載。
4、使用Html.Action有個好處,就是可以根據不同的場景選擇不同的用戶控件。
比如:
@Html.Action("UserInfoControl")
在對應的UserInfoControl這個Action中,在用戶未登錄的時候,可以retun PartialView("LogOnUserControl");登錄后,可以retun PartialView("UserInfoControl");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM