此篇通過(guò)創(chuàng )建一個(gè)電子商務(wù)網(wǎng)站，討論ASP.NET MVC框架下控制器是如何與視圖做交互的。
這個(gè)系列的第一篇建造了一個(gè)簡(jiǎn)單的電子商務(wù)產(chǎn)品列表/瀏覽網(wǎng)站。它討論了MVC后面的高層次的概念，示范了如何從頭創(chuàng )建一個(gè)新的asp.net mvc項目，實(shí)現和測試這個(gè)電子商務(wù)產(chǎn)品列表功能。系列的第二篇對asp.net mvc框架的URL路徑選擇（routing）架構做了深入探討，討論了它的工作原理以及你如何使用它來(lái)處理更高級的URL路徑選擇場(chǎng)景。
此篇，將討論控制器是如何與視圖做交互的，具體來(lái)說(shuō)，我將討論你可以把數據從控制器傳到視圖以顯示返回到客戶(hù)端的回復的各種方式。
第一部分的扼要簡(jiǎn)述
在這個(gè)系列的第一部分，我們創(chuàng )建了一個(gè)電子商務(wù)網(wǎng)站，實(shí)現了基本的產(chǎn)品列表/瀏覽支持。我們是用asp.net mvc框架實(shí)現這個(gè)網(wǎng)站的，這個(gè)方法會(huì )很自然地將代碼結構化為獨特的控制器，模型和視圖組件。
當瀏覽器向我們的網(wǎng)站發(fā)送一個(gè)HTTP請求時(shí)，asp.net mvc框架將使用它的URL路徑選擇引擎，把進(jìn)來(lái)的請求映射到一個(gè)控制器上的action方法來(lái)處理它。在基于MVC的應用中的控制器負責處理進(jìn)來(lái)的請求，處理用戶(hù)輸入和交互，執行基于這些輸入和交互的應用邏輯（獲取或更新存儲在數據庫中的模型數據等等）。
到生成返回到客戶(hù)端的HTML回復的時(shí)候，控制器一般是與“視圖”組件合作，這些視圖組件是以獨立于控制器的單獨的類(lèi)或模板的形式實(shí)現的，其目的是完全注重于封裝顯示邏輯。
視圖不應該含有任何應用邏輯或數據庫訪(fǎng)問(wèn)代碼，所有的應用/數據邏輯應該由控制器類(lèi)來(lái)處理。這么劃分的動(dòng)機是幫助強制你的應用/數據邏輯與界面生成代碼間的清晰分離。同時(shí)這也方便你獨立于你的界面顯示邏輯來(lái)單元測試你的應用/數據邏輯。
視圖應該只使用從控制器傳過(guò)來(lái)的特定于視圖的數據來(lái)生成輸出。在asp.net mvc框架中，我們稱(chēng)這個(gè)特定于視圖的數據為“ViewData”。這個(gè)博客的其他部分將討論你可以用來(lái)將ViewData從控制器傳遞給視圖來(lái)生成顯示的一些不同方法。
一個(gè)簡(jiǎn)單的產(chǎn)品列表場(chǎng)景
為幫助說(shuō)明我們可以用來(lái)把ViewData從控制器傳遞給視圖的一些技術(shù)，讓我們來(lái)建造一個(gè)簡(jiǎn)單的產(chǎn)品列表網(wǎng)頁(yè)：
我們將用一個(gè)CategoryID整數來(lái)過(guò)濾我們想要顯示在頁(yè)面上的產(chǎn)品。注意上面我們是如何把CategoryID嵌在URL中的（例如，Products/Category/2 或 /Products/Category/4 ）。
然后，我們的產(chǎn)品列表網(wǎng)頁(yè)顯示了2個(gè)不同的動(dòng)態(tài)內容元素。第一個(gè)元素是我們要顯示的分類(lèi)的文本名稱(chēng)（例如，Condiments-調味品），第二個(gè)元素是一個(gè)HTML < ul>< li/>< /ul> 產(chǎn)品名字列表。我在上面的屏幕截圖中對這2個(gè)元素用紅筆畫(huà)了圈。
在下面，我們將看一下我們可以使用的2個(gè)不同的方法來(lái)實(shí)現ProductsController類(lèi)，這個(gè)類(lèi)處理進(jìn)來(lái)的請求，獲取處理請求所需的數據，然后將這個(gè)數據傳給一個(gè)List視圖來(lái)顯示。我們要研究的第一個(gè)方法是用后期綁定的字典對象傳遞這個(gè)數據，第二個(gè)方法則使用強類(lèi)型類(lèi)的方式來(lái)傳遞這個(gè)數據。
方法 1：使用 Controller.ViewData 字典來(lái)傳遞ViewData
Controller基類(lèi)有個(gè)ViewData字典屬性，可以用來(lái)填充你要傳給視圖的數據。你使用鍵/值模式將對象加入 ViewData 字典。
下面是個(gè)ProductsController類(lèi)，其中的Category action方法實(shí)現了我們上面的產(chǎn)品列表場(chǎng)景。注意，它是如何使用分類(lèi)的ID參數來(lái)查詢(xún)該分類(lèi)的文本名稱(chēng)，以及獲取該分類(lèi)中的產(chǎn)品列表的。它使用“CategoryName”和“Products”兩個(gè)鍵將這兩個(gè)數據存儲在Controller.ViewData 集合中：
然后，我們上面的Category action方法調用 RenderView("List") 來(lái)表示它要用哪個(gè)模板來(lái)做顯示。當你象這樣調用RenderView時(shí)，它會(huì )將ViewData字典傳給視圖，以顯示對應的回復。
實(shí)現我們的視圖
我們將使用居于我們項目的\Views\Products目錄下的List.aspx文件來(lái)實(shí)現我們的List視圖。這個(gè) List.aspx 將繼承 \Views\Shared 文件夾中的Site.Master母版頁(yè)中的布局（在你創(chuàng )建一個(gè)新的視圖網(wǎng)頁(yè)時(shí)，你可以在 VS 2008 中，右擊，選擇添加新項->MVC視圖內容網(wǎng)頁(yè)來(lái)接連一個(gè)母版頁(yè)）：
當我們使用MVC視圖內容網(wǎng)頁(yè)模板來(lái)創(chuàng )建List.aspx網(wǎng)頁(yè)時(shí)，它不是從通常的 System.Web.UI.Page 類(lèi)繼承而來(lái)，而是從System.Web.Mvc.ViewPage 基類(lèi)繼承而來(lái)（是現有的Page類(lèi)的一個(gè)子類(lèi)）：
ViewPage基類(lèi)提供一個(gè)ViewData字典屬性，我們可以在視圖網(wǎng)頁(yè)里訪(fǎng)問(wèn)由控制器添加的數據對象。然后我們可以取出這些數據對象，使用它們來(lái)顯示HTML輸出，可以用服務(wù)器控件的方式，或者用 < %= %> 顯示代碼的方式。
使用服務(wù)器控件來(lái)實(shí)現我們的視圖
下面是一個(gè)如何使用現有的< asp:literal> 和 < asp:repeater>服務(wù)器控件來(lái)實(shí)現我們的HTML界面的例子：
我們可以用下面的后臺代碼類(lèi)將 ViewData 綁定到這些控件之上（注意我們是如何使用ViewPage的ViewData字典來(lái)實(shí)現的 ）：
注： 因為頁(yè)面上沒(méi)有 < form runat="server">，是不會(huì )輸出 view-state 的。上面的控件也不會(huì )自動(dòng)生成任何ID值，這意味著(zhù)你對輸出的HTML有完全的控制。
使用 < %= %> 代碼來(lái)實(shí)現我們的視圖
如果你更喜歡使用行內代碼來(lái)生成輸出的話(huà)，你可使用下面的 List.aspx 來(lái)實(shí)現跟上面完全一樣的結果：
注： 因為ViewData的類(lèi)型是含有“objects”的字典，為了對它使用foreach語(yǔ)句，我們需要將ViewData["Products"]的類(lèi)型轉換成 List< Product> 或者 IEnumerable< Product>。我在頁(yè)面上引用了System.Collections.Generic 和 MyStore.Models 命名空間 以避免輸入 List< T> 和 Product 類(lèi)型的完整名稱(chēng)。
注: 上面使用了“var”關(guān)鍵詞，這是VS 2008中新的 C# 和 VB “類(lèi)型推斷”特性的一個(gè)例子（在這里閱讀我以前的相關(guān)貼子）。因為我們將ViewData["Products"] 轉換成了 List< Product>，我們在 List.aspx 文件中的 prduct 變量上得到了完整的intellisense：
這樣就使用ASP.NET MVC框架實(shí)現了一個(gè)電子商務(wù)網(wǎng)站。
聯(lián)系客服
