MVC:@RenderBody、@RenderPage、@RenderSection用法


本文導讀:在Razor引擎中沒有了“母版頁”,取而代之的是叫做“布局”的頁面(_Layout。cshtml)放在了共享視圖文件夾中。模板頁:@RenderBody()占位符;局部頁面:@RenderPage();模板頁預設區域:@RenderSection("")

 

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

 

 

 四、_Layout。cshtml 代碼如下

 
 
HTML 代碼    復制

<!DOCTYPE html>

<html>

<head>

    <title>@ViewBag.Title</title>

    <link href="@Url.Content("~/Content/Site。css")" rel="stylesheet" type="text/css" />

    <script src="@Url.Content("~/Scripts/jquery-1.4.4.min。js")" type="text/javascript"></script>

    @RenderSection("head", required: true)@*View頁面自定義特定js/css使用*@

</head>

<body>

    @RenderPage("~/Views/Shared/_Header。cshtml")

    @RenderBody()

</body>

</html>


免責聲明!

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



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