溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下ASP.Net MVC中布局頁、模板頁怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
一、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>
}
代碼如下：
<!DOCTYPE html>
<html>
<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content(" rel="external nofollow" ~/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>二、創建視圖，使用母版頁
代碼如下：
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h3>Index</h3>
@section Head{
<script type="text/javascript">
$(function () {
alert("hello jquery");
});
</script>
}
<p>執行C#普通語法</p><br />
@DateTime.Now.Date.ToShortDateString()
<p>執行C#語句段</p>
@{
List<string> list = new List<string> { "Mvc3", "Razor" };
list.Add(".Net4");
}
<ul>
@foreach(string s in list)
{
if (string.IsNullOrEmpty(s))
{
<li>空</li>
}
else
{
<li>@s</li>
}
}
</ul>三、生成頁面的源代碼
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<link href="/Content/Site.css" rel="external nofollow" 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>
<h3>Index</h3>
<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");
以上是“ASP.Net MVC中布局頁、模板頁怎么用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
