本文實例分析了asp.net mvc中的視圖生成過程。分享給大家供大家參考。具體如下:
在 asp.net mvc 中,我們將前端的呈現(xiàn)劃分為三個獨立的部分來實現(xiàn),controller 用來控制用戶的操作,view 用來控制呈現(xiàn)的內(nèi)容,model 用來表示處理的數(shù)據(jù)。
從控制器到視圖
通常,在 controller 中,我們定義多個 action ,每個 action 的返回類型一般是 actionresult,在 action 處理的最后,我們返回對于視圖的調(diào)用。
復(fù)制代碼 代碼如下:public actionresult index()
{
return this.view();
}
默認情況下,將會調(diào)用與 action 同名的視圖,比如,在上面的 action 中,將會使用名為 index 的視圖。
如果我們傳遞了一個字符串參數(shù),那么,這個字符串就回被視為視圖的名稱,例如,我們希望使用名為 indexview 的視圖進行呈現(xiàn),那么,可以如下完成。
復(fù)制代碼 代碼如下:public actionresult index()
{
return this.view(indexview);
}
布局與視圖
mvc 會直接去找我們的視圖嗎?不會!
從 action 返回之后,首先,mvc 會在 views 文件夾下查看是否存在一個名為 _viewstart.cshtml 的特殊文件,如果存在的話,就回執(zhí)行這個文件。
默認情況下,這個文件的內(nèi)容如下所示:
復(fù)制代碼 代碼如下:@{
layout = ~/views/shared/_layout.cshtml;
}
也就是說,它設(shè)置了我們的默認布局使用那一個文件文件。
布局等價于我們在 webform 中所使用的母版頁。
如果沒有這個文件,默認沒有使用布局。
如果有了這個文件,而我們在頁面中不想使用這個布局怎么辦呢?很簡單,在頁面中設(shè)置 layout = null 來覆蓋掉它。
復(fù)制代碼 代碼如下:@{
layout = null;
}
布局中的分區(qū)
在布局頁面中,默認就回存在一個特殊的指令 @renderbody(),這是說,你在內(nèi)容頁面中呈現(xiàn)的內(nèi)容,將會在這里進行輸出。這就是在使用布局之后,你會發(fā)現(xiàn)你的視圖中已經(jīng)沒有了 <html> 標(biāo)記的原因。
復(fù)制代碼 代碼如下:<body>
@renderbody()
</body>
假如說,我們希望在布局中的多個位置進行輸出,比如,樣式表通常在 <head> 標(biāo)記中,而現(xiàn)代的腳本則會出現(xiàn)在頁面的最后,頁面的內(nèi)容當(dāng)然出現(xiàn)在頁面的主體中了。這樣的話,我們在內(nèi)容頁面的實際內(nèi)容,將會需要在布局的不同部分進行呈現(xiàn),而不是在同一個位置進行呈現(xiàn)了。
解決的辦法就是分區(qū),實際上,類似于 webform 中的 contentplaceholder ,定義一個命名的區(qū)域。
比如,下面我們定義了一個名為 scripts 的命名區(qū)域,第二個參數(shù)表示這個區(qū)域是可選的區(qū)域,在內(nèi)容頁面中可以不用提供內(nèi)容。
復(fù)制代碼 代碼如下:<body>
@renderbody()
@rendersection(scripts, required: false)
</body>
而在我們的內(nèi)容視圖中,默認所有的內(nèi)容都是填充到布局頁面中的 renderbody 部分。
如果不是的話,就可以在內(nèi)容頁面中,通過 @section 區(qū)域名稱{ } 的方式來定義準(zhǔn)備輸出到對應(yīng)區(qū)域中的內(nèi)容了。
復(fù)制代碼 代碼如下:@section scripts{
<script type=text/javascript>
var i = 0;
</script>
}
分部視圖
如果我們的頁面比較復(fù)雜,在同一個視圖中定義輸出的內(nèi)容會導(dǎo)致頁面非常復(fù)雜,通過將頁面劃分為多個比較獨立的組成部分,可以將一個復(fù)雜的頁面拆分為多個子部分來呈現(xiàn)。比如頁面的標(biāo)題部分,頁面的菜單,頁面的腳注部分等等。在 webform 中,解決這個問題的技術(shù)稱為用戶控件,在 mvc 中由兩個技術(shù)來解決:分部視圖和子action。
先看分部視圖,分部視圖不依賴于 action ,只能嵌入到其他獨立視圖中使用,你可以直接在視圖文件夾中創(chuàng)建分部視圖。
在使用分部視圖的頁面中,使用 renderpartial 方法調(diào)用分部視圖。
復(fù)制代碼 代碼如下:html.renderpartial(productsummary);
分部視圖與主視圖共享所有的數(shù)據(jù),比如模型,viewdata,viewbag 等等,這些數(shù)據(jù)可以直接在分部視圖中使用。
如果希望分部視圖使用不同的模型對象,簡化分部視圖中的數(shù)據(jù)復(fù)雜度,也可以直接傳遞一個模型對象過去。
復(fù)制代碼 代碼如下:html.renderpartial(productsummary, p);
這里的第二個參數(shù),將會在分部視圖中當(dāng)在模型對象來使用。
需要注意的是 renderpartial 方法的返回類型是 void,它會將輸出的內(nèi)容直接輸出到回應(yīng)的輸出流中。所以在使用上面語句的時候,不能直接嵌入到頁面中,需要放在一個 @ { } 語句中,如下所示。
復(fù)制代碼 代碼如下:@{
html.renderpartial(productsummary, p);
}
如果你不喜歡這樣的語法,而希望直接嵌入到頁面中,也可以使用 html.partial 方法來呈現(xiàn),區(qū)別是這個方法返回呈現(xiàn)的 html 片段,而不是直接輸出到輸出流中。
復(fù)制代碼 代碼如下:@html.partial(productsummary, p)
子 action 問題
由于分布視圖沒有處理能力,只能繼承主頁面的數(shù)據(jù)進行呈現(xiàn),如果需要有處理能力,怎么辦呢?在 webform 中,我們可以使用 server.execute 來嵌入其它處理程序的輸出內(nèi)容,在 mvc 中,我們使用子 action 來處理。
子 action 就是用戶不能直接訪問,只能在其他的 action 中訪問的 action 方法,它與普通的 action 一樣,有 action 方法,還有這個 action 對應(yīng)的視圖。
我們使用特性 childactiononly 來說明這是一個子 action。
復(fù)制代碼 代碼如下:[childactiononly]
public string menu()
{
return hello, from navcontroller;
}
如果用戶直接請求這個子 action ,那么,系統(tǒng)會返回一個錯誤信息。
操作“menu”只能由子請求訪問。
在其它視圖中,可以使用 renderaction 來訪問子 action,類似于 renderpartial 方法,這個方法直接將內(nèi)容輸出到輸出流中,由于它們的返回類型都是 void ,所以需要使用 @{} 來使用。
復(fù)制代碼 代碼如下:@{ html.renderaction(menu, nav); }
同樣,使用 action 則可以直接返回一個 html 片段,就不用使用一個 @{ } 了。
復(fù)制代碼 代碼如下:<!-- action -->
@html.action(menu, nav)
希望本文所述對大家的asp.net程序設(shè)計有所幫助。
更多信息請查看IT技術(shù)專欄