麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > .NET > 正文

ASP.NET MVC中的視圖生成實例分析

2024-07-10 13:28:40
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了ASP.NET MVC中的視圖生成的過程,以實例形式詳細分析了控制器、布局與視圖的操作方法與技巧,非常具有實用價值,需要的朋友可以參考下
 
 

本文實例分析了ASP.NET MVC中的視圖生成過程。分享給大家供大家參考。具體如下:

在 ASP.NET MVC 中,我們將前端的呈現劃分為三個獨立的部分來實現,Controller 用來控制用戶的操作,View 用來控制呈現的內容,Model 用來表示處理的數據。

從控制器到視圖

通常,在 Controller 中,我們定義多個 Action ,每個 Action 的返回類型一般是 ActionResult,在 Action 處理的最后,我們返回對于視圖的調用。

復制代碼代碼如下:
public ActionResult Index()
{
    return this.View();
}

默認情況下,將會調用與 Action 同名的視圖,比如,在上面的 Action 中,將會使用名為 Index 的視圖。
 
如果我們傳遞了一個字符串參數,那么,這個字符串就回被視為視圖的名稱,例如,我們希望使用名為 IndexView 的視圖進行呈現,那么,可以如下完成。
復制代碼代碼如下:
public ActionResult Index()
{
    return this.View("IndexView");
}

布局與視圖

 

MVC 會直接去找我們的視圖嗎?不會!
 
從 Action 返回之后,首先,MVC 會在 Views 文件夾下查看是否存在一個名為 _ViewStart.cshtml 的特殊文件,如果存在的話,就回執行這個文件。
 
默認情況下,這個文件的內容如下所示:

復制代碼代碼如下:
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

也就是說,它設置了我們的默認布局使用那一個文件文件。
 
布局等價于我們在 WebForm 中所使用的母版頁。
 
如果沒有這個文件,默認沒有使用布局。
 
如果有了這個文件,而我們在頁面中不想使用這個布局怎么辦呢?很簡單,在頁面中設置 Layout = null 來覆蓋掉它。
復制代碼代碼如下:
@{
    Layout = null;
}

布局中的分區

 

在布局頁面中,默認就回存在一個特殊的指令 @RenderBody(),這是說,你在內容頁面中呈現的內容,將會在這里進行輸出。這就是在使用布局之后,你會發現你的視圖中已經沒有了 <html> 標記的原因。

復制代碼代碼如下:
<body>
    @RenderBody()
</body>

假如說,我們希望在布局中的多個位置進行輸出,比如,樣式表通常在 <head> 標記中,而現代的腳本則會出現在頁面的最后,頁面的內容當然出現在頁面的主體中了。這樣的話,我們在內容頁面的實際內容,將會需要在布局的不同部分進行呈現,而不是在同一個位置進行呈現了。
 
解決的辦法就是分區,實際上,類似于 WebForm 中的 ContentPlaceHolder ,定義一個命名的區域。
 
比如,下面我們定義了一個名為 scripts 的命名區域,第二個參數表示這個區域是可選的區域,在內容頁面中可以不用提供內容。
復制代碼代碼如下:
<body>
    @RenderBody()
 
    @RenderSection("scripts", required: false)
</body>

而在我們的內容視圖中,默認所有的內容都是填充到布局頁面中的 RenderBody 部分。
 
如果不是的話,就可以在內容頁面中,通過 @section 區域名稱{ } 的方式來定義準備輸出到對應區域中的內容了。
復制代碼代碼如下:
@section scripts{
    <script type="text/javascript">
        var i = 0;
    </script>
}

分部視圖

 

如果我們的頁面比較復雜,在同一個視圖中定義輸出的內容會導致頁面非常復雜,通過將頁面劃分為多個比較獨立的組成部分,可以將一個復雜的頁面拆分為多個子部分來呈現。比如頁面的標題部分,頁面的菜單,頁面的腳注部分等等。在 WebForm 中,解決這個問題的技術稱為用戶控件,在 MVC 中由兩個技術來解決:分部視圖和子Action。
 
先看分部視圖,分部視圖不依賴于 Action ,只能嵌入到其他獨立視圖中使用,你可以直接在視圖文件夾中創建分部視圖。
 
在使用分部視圖的頁面中,使用 RenderPartial 方法調用分部視圖。

復制代碼代碼如下:
Html.RenderPartial("ProductSummary");

分部視圖與主視圖共享所有的數據,比如模型,ViewData,ViewBag 等等,這些數據可以直接在分部視圖中使用。
 
如果希望分部視圖使用不同的模型對象,簡化分部視圖中的數據復雜度,也可以直接傳遞一個模型對象過去。
復制代碼代碼如下:
Html.RenderPartial("ProductSummary", p);

這里的第二個參數,將會在分部視圖中當在模型對象來使用。
 
需要注意的是 RenderPartial 方法的返回類型是 void,它會將輸出的內容直接輸出到回應的輸出流中。所以在使用上面語句的時候,不能直接嵌入到頁面中,需要放在一個 @ { } 語句中,如下所示。
復制代碼代碼如下:
@{
  Html.RenderPartial("ProductSummary", p);
}

如果你不喜歡這樣的語法,而希望直接嵌入到頁面中,也可以使用 Html.Partial 方法來呈現,區別是這個方法返回呈現的 Html 片段,而不是直接輸出到輸出流中。
復制代碼代碼如下:
@Html.Partial("ProductSummary", p)

 

子 Action 問題

由于分布視圖沒有處理能力,只能繼承主頁面的數據進行呈現,如果需要有處理能力,怎么辦呢?在 WebForm 中,我們可以使用 Server.Execute  來嵌入其它處理程序的輸出內容,在 MVC 中,我們使用子 Action 來處理。
 
子 Action 就是用戶不能直接訪問,只能在其他的 Action 中訪問的 Action 方法,它與普通的 Action 一樣,有 Action 方法,還有這個 Action 對應的視圖。
 
我們使用特性 ChildActionOnly 來說明這是一個子 Action。

復制代碼代碼如下:
[ChildActionOnly]
public string Menu()
{
    return "Hello, from NavController";
}

如果用戶直接請求這個子 Action ,那么,系統會返回一個錯誤信息。
 
操作“menu”只能由子請求訪問。

 

在其它視圖中,可以使用 RenderAction 來訪問子 Action,類似于 RenderPartial 方法,這個方法直接將內容輸出到輸出流中,由于它們的返回類型都是 void ,所以需要使用 @{} 來使用。

復制代碼代碼如下:
@{ Html.RenderAction("Menu", "Nav"); }

同樣,使用 Action 則可以直接返回一個 Html 片段,就不用使用一個 @{ } 了。
復制代碼代碼如下:
<!--  Action -->
@Html.Action("Menu", "Nav")

 

希望本文所述對大家的asp.net程序設計有所幫助。


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产精品成人亚洲一区二区 | av在线观 | 黄色大片网 | 亚洲一级毛片 | 国产一区二区精品免费 | 国产精品视频二区不卡 | 久久免费视频一区 | 国产免费传媒av片在线 | 久久久久久麻豆 | 康妮卡特欧美精品一区 | hd极品free性xxx一护士 | 视频在线91 | 国产精品999在线观看 | 男人的天堂视频网站 | 国产日产精品久久久久快鸭 | 粉嫩粉嫩一区二区三区在线播放 | 色婷婷av一区二区三区久久 | 欧美大电影免费观看 | 国产精品欧美久久久久一区二区 | 一级一级一级毛片 | 欧美成人精品欧美一级乱黄 | 亚洲国产综合在线观看 | 毛片视频大全 | 国产精品美女一区二区 | 中文日韩在线视频 | chinese 军人 gay xx 呻吟 | 成人mm视频在线观看 | www久久久久久 | 亚洲成年人免费网站 | 午夜影院在线免费观看 | 自拍偷拍亚洲图片 | 久久久久北条麻妃免费看 | 一区二区久久久久草草 | 日本一区免费看 | 加勒比色综合 | 午夜视频福利 | 亚欧美一区二区 | 国产一区在线视频观看 | 久久国产精品久久精品国产演员表 | 一区二区三区日本在线观看 | 日韩av日韩|