4.7 從控制器Controller傳遞資料給視圖View
雖然以前我們訪問資料庫、討論模型,但是這次我們討論從控制器傳遞資料給視圖。
您寫的一個控制器類是處理傳入參數、從資料庫擷取資料、最終決定以什麼類型的響應返回給用戶端瀏覽器的一些代碼。視圖模板能夠被控制器用作產生和格式化HTML響應給瀏覽器。控制器負責提供各種形式的資料和對象,為了在視圖模板呈送響應給瀏覽器。
視圖模板或許從來都不展現商務邏輯或和資料庫直接互動。反而僅僅對控制器提供給它的資料工作。保持這種關注點分離("separation of concerns")可以讓您的代碼整潔並且更容易維護。
目前,控制器HelloWorldController類的Welcome方法傳遞了參數name、numTimes,並且在瀏覽器中直接輸出了他們的值。與其讓控制器呈送一個字串響應,還不如讓我們改變一下控制器來使用視圖模板取代。視圖模板產生動態響應,這意味著您需要從控制器傳遞適當的資料給視圖模板以便產生響應。您可以在控制器放入動態資料來實現這個功能,視圖模板需要它可以訪問的ViewBag對象。
回到HelloWorldController.cs檔案改變它的Welcome,給ViewBag對象增加Message和NumTimes值。ViewBag 是動態對象,這意味著您可以放入任何您想放入的對象。ViewBag 對象沒有事先定義好屬性,直到您在它裡邊放入一些對象。
HelloWorldController.cs檔案完整的代碼如下所示:
using System.Web;using System.Web.Mvc;namespace MvcMovie.Controllers{ public class HelloWorldController : Controller { public ActionResult Index() { return View(); } public ActionResult Welcome(string name, int numTimes = 1) { ViewBag.Message = "Hello " + name; ViewBag.NumTimes = numTimes; return View(); } }}
現在ViewBag 對象包含了將要傳遞給視圖的資料。下一步,我們需要一個Welcome視圖模板!選擇“產生”菜單,選擇產生MvcMovie確保項目被編譯。
右鍵Welcome方法,單擊添加視圖。添加視圖的介面看起來是這樣的:
單擊添加。然後在檔案Welcome.cshtml 的<h2>元素中添加如下代碼。您將建立
一個迴圈用來輸出"Hello",次數由使用者說了算。完整的代碼如下:
@{ ViewBag.Title = "Welcome";}<h2> Welcome</h2><ul> @for (int i = 0; i < ViewBag.NumTimes; i++) { <li>@ViewBag.Message</li> }</ul>
運行應用程式瀏覽如下的URL:
http://localhost:xx/HelloWorld/Welcome?name=Scott&numtimes=4。現在資料通過URL自動地傳遞給控制器。控制器打包資料到ViewBag對象,並傳遞ViewBag對象給視圖。視圖以HTML的實行顯示資料給使用者。