標籤: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>
}
代碼如下:
- <!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>
二、建立視圖,使用主版頁面
代碼如下:
- @{
- ViewBag.Title = "Index";
- Layout = "~/Views/Shared/_Layout.cshtml";
- }
- <h2>Index</h2>
- @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="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