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

來源:互聯網
上載者:User

標籤:ring   登入   model   shared   發送   文法   sha   als   名稱   

一、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>
        }

 

代碼如下:

  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>  


 

 

二、建立視圖,使用主版頁面

代碼如下:

  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");

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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.