在本節中,您將建立一個新的MoviesController類,並在這個Controller類裡編寫代碼來取得電影資料,並使用視圖模板將資料展示在瀏覽器裡。
在開始下一步前,先Build一下應用程式(產生應用程式)(確保應用程式編譯沒有問題)
用滑鼠右鍵單擊Controller檔案夾,並建立一個新的 MoviesController控制器。當Build成功後,會出現下面的選項。設定以下選項:
· 控制器名稱: MoviesController.(這是預設值)。
· 模板: MVC Controller with read/write actions and views, using Entity Framework.
· 模型類:Movie (MvcMovie.Models).
· 資料內容類: MovieDBContext (MvcMovie.Models).
· 意見:Razor (CSHTML).(預設值)。
單擊添加。Visual Studio Express 會建立以下檔案和檔案夾:
· 項目控制器檔案夾中的MoviesController.cs檔案。
· 項目視圖檔案夾下的 Movie檔案夾。
· 在新的Views\Movies檔案夾中建立Create.cshtml、 Delete.cshtml、 Details.cshtml、 Edit.cshtml和Index.cshtml 檔案。
ASP.NET MVC 4 自動建立 CRUD (建立、 讀取、 更新和刪除) 操作方法,和相關的視圖檔案(CRUD 自動建立的操作方法和視圖檔案被稱為基礎結構檔案)。現在您有了可以建立,列表、 編輯和刪電影Entity 所有的Web功能了。
運行應用程式,通過將/Movies追加到瀏覽器地址欄 URL的後面,從而瀏覽Movies控制器。因為應用程式依賴於預設路由 ( Global.asax檔案中的定義),瀏覽器請求http://localhost:xxxxx/Movies將被路由到Movies控制器預設的Index 操作方法。換句話說,瀏覽器請求http://localhost:xxxxx/Movies等同於瀏覽器請求http://localhost:xxxxx/Movies/Index。因為您還沒有添加任何內容,所以結果是一個空的電影列表。
建立電影
點擊Create New連結。輸入有關電影的一些詳細資料,然後單擊Create按鈕。
單擊Create按鈕將使得表單提交至伺服器,同時電影資訊也會儲存到資料庫裡,然後您會被重新導向到URL/Movies,您可以在列表中看到您剛剛建立的新電影。
建立一些更多的電影資料。同時也可以嘗試驗擊編輯、詳細資料和刪除功能的連結。
看一下產生的程式碼
開啟Controllers\MoviesController.cs檔案,並找到產生的Index方法。一本部分電影控制器和Index方法如下所示。
public class MoviesController : Controller{ private MovieDBContext db = new MovieDBContext(); // // GET: /Movies/ public ActionResult Index() { return View(db.Movies.ToList()); }}
下面是MoviesController類中執行個體化電影資料庫上下文執行個體,如前面所述。電影資料庫上下文執行個體可用於查詢、 編輯和刪除的電影。
private MovieDBContext db = new MovieDBContext();
向Movies控制器請求,從而返回Movies電影資料庫表中的所有記錄,然後將結果傳遞給Index視圖。
強型別模型和 @model 關鍵字
在本系列之前的教程中,您看到了使用ViewBag對象,從控制器傳遞資料或對象給視圖模板。ViewBag是一個動態對象,提供了方便的後期Binder 方法將資訊傳遞給視圖。
ASP.NET MVC 還提供了傳遞強型別資料或對象到視圖模板的能力。這種強型別使得更好的在編譯時間檢查您的代碼並在Visual Studio 編輯器中提供更加豐富的智能感知。當建立操作方法和視圖時, Visual Studio 中的基礎結構機制使用了MoviesController類和視圖模板。
在Controllers\MoviesController.cs檔案中看一下產生的Details方法。電影控制器裡的Details方法如下所示。
public ActionResult Details(int id = 0){ Movie movie = db.Movies.Find(id); if (movie == null) { return HttpNotFound(); } return View(movie);}
如果尋找到了一個Movie,Movie 模型的執行個體會傳遞給Detail視圖。看一下Views\Movies\Details.cshtml檔案裡的內容。
通過引入視圖模板檔案頂部的@model語句,您可以指定該視圖期望的物件類型。當您建立電影控制器時,Visual Studio 會將@model聲明自動包含到Details.cshtml檔案的頂部:
@model MvcMovie.Models.Movie
此@model聲明使得控制器可以將強型別的Model對象傳遞給View視圖, 從而您可以在視圖裡訪問傳遞過來的強型別電影Model。例如,在Details.cshtml模板中,DisplayNameFor 和DisplayFor HTML Helper通過強型別的Model對象傳遞了電影的每個欄位。建立和編輯方法還有視圖模板都在傳遞電影的強型別模型對象。
看一下Index.cshtml視圖模版和MoviesController.cs中的Index 方法。請注意這些代碼是如何在Index操作方法中,建立List對象,並調用View方法的。
此代碼在控制器中傳遞Movies列表給視圖:
public ActionResult Index(){ return View(db.Movies.ToList());}
當您建立電影控制器時,Visual Studio Express會自動包含 @model語句到Index.cshtml檔案的頂部:
@model IEnumerable<MvcMovie.Models.Movie>
此@model聲明使得控制器可以將強型別的電影列表Model對象傳遞給View視圖。例如,在Index.cshtml模板中,在強型別的Model對象上使用foreach語句迴圈遍曆電影列表:
@foreach (var item in Model) { <tr> <td> @Html.DisplayFor(modelItem => item.Title) </td> <td> @Html.DisplayFor(modelItem => item.ReleaseDate) </td> <td> @Html.DisplayFor(modelItem => item.Genre) </td> <td> @Html.DisplayFor(modelItem => item.Price) </td> <th> @Html.DisplayFor(modelItem => item.Rating) </th> <td> @Html.ActionLink("Edit", "Edit", new { id=item.ID }) | @Html.ActionLink("Details", "Details", { id=item.ID }) | @Html.ActionLink("Delete", "Delete", { id=item.ID }) </td> </tr>}
因為Model對象是強型別的 (是IEnumerable<Movie>對象),所以在迴圈中的每個item對象的類型是Movie類型。好處之一是,這意味著您可以在代碼編譯時間進行檢查,同時在代碼編輯器中支援更加全面的智能感知:
使用SQL Server LocalDB
Entity Framework Code First代碼優先,如果檢測到不存在一個資料庫連接字串指向了Movies資料庫,會自動的建立資料庫。在App_Data檔案夾中找一下,您可以驗證它已經被建立了。如果您看不到Movies.mdf檔案,請在方案總管工具列上,單擊顯示所有檔案按鈕,單擊重新整理按鈕,然後展開App_Data檔案夾。
雙擊Movies.mdf開啟資料庫總管,然後展開表檔案夾以查看電影表。
註: 如果沒有顯示資料庫總管,可以從工具菜單中,選擇串連到資料庫,然後關閉選擇資料來源對話方塊。這樣將強制開啟資料庫總管。
註: 如果您使用的 VWD 或 Visual Studio 2010 可能會看到類似下面的錯誤資訊:
· 因為資料庫 ' C:\Webs\MVC4\MVCMOVIE\MVCMOVIE\APP_DATA\MOVIES.MDF ' 是 706 版本的,所以無法開啟。本伺服器支援 655 和更早版本的資料庫。無法降級支援。
· "InvalidOperation Exception was unhandled by user code" 所提供的 SqlConnection 沒有指定初始資料庫。
您需要安裝SQL Server 資料工具和LocalDB。並驗證在前面所指定的MovieDBContext 連接字串。
按右鍵Movies表並選擇顯示表資料以查看您所建立的資料。
按右鍵Movies表,選擇開啟表定義查看Entity Framework代碼優先所建立表的表結構。
請注意,如何將Movies表的表結構映射到您早些時候所建立的Movie類?Entity Framework 代碼優先為您自動建立了基於Movie類的表結構。
當您完成操作後,通過按右鍵MovieDBContext ,選擇關閉串連關閉該資料庫連接。(如果您沒有關閉串連,當您下次運行該項目時,可能會出現錯誤)。
現在,您可以在簡單列表頁面裡,來顯示資料庫裡的資料了。在下一次的教程中,我們會繼續看看架構自動產生的其它代碼。並添加一個SearchIndex方法和SearchIndex視圖,使您可以在資料庫中搜尋電影了。