在本節中,您將創建一個新的MoviesController
類,並在這個Controller類里編寫代碼來取得電影數據,並使用視圖模板將數據展示在瀏覽器里。
在開始下一步前,先Build一下應用程序(生成應用程序)(確保應用程序編譯沒有問題)
在解決方案上,用鼠標右鍵單擊Controller文件夾,點擊新增,再選擇Controller。
在Scaffold新增對話框,選擇MVC 5 Controller with views, using Entity Framework, 點擊新增。
· 控制器(Controller)名稱輸入: MoviesController.
· 模型類(Model class)選擇: Movie (MvcMovie.Models) .
· 數據上下文類(Data context class)選擇:MovieDBContext (MvcMovie.Models)
單擊添加(如果你得到一個錯誤,則很可能增加控制器前,沒有生成該應用程序)。Visual Studio Express 會創建以下文件和文件夾:
· 項目控制器文件夾中的MoviesController.cs文件。
· 項目視圖文件夾下的 Movie文件夾。
· 在新的Views\Movies文件夾中創建Create.cshtml、 Delete.cshtml、 Details.cshtml、 Edit.cshtml和Index.cshtml 文件。
Visual Studio自動創建 CRUD(創建、 讀取、 更新和刪除) 操作方法,和相關的視圖文件(CRUD 自動創建的操作方法和視圖文件被稱為 scaffolding)。 現在您有了可以創建、列表、 編輯和刪除電影Entity 所有的Web功能了。
運行應用程序,通過將/Movies追加到瀏覽器地址欄 URL的后面,從而瀏覽Movies控制器。因為應用程序依賴於默認路由 ( App_Start\RouteConfig.cs 文件中的定義),瀏覽器請求http://localhost:xxxxx/Movies將被路由到Movies
控制器默認的Index
操作方法。換句話說,瀏覽器請求http://localhost:xxxxx/Movies等同於瀏覽器請求http://localhost:xxxxx/Movies/Index。因為您還沒有添加任何內容,所以結果是一個空的電影列表。
點擊Create New鏈接。輸入有關電影的一些詳細信息,然后單擊Create按鈕。
注意:您可能無法在“價格”字段中輸入小數點或逗號。要支持非英語語言環境,小數點用逗號(","),和非美國英語的日期格式的jQuery驗證,你必須包括globalize.js,和你的具體文化/ globalize.cultures.js的文件(從https://github.com/jquery/globalize)和JavaScript使用Globalize.parseFloat的。在接下來的教程中,我將展示如何做到這一點。現在,只需輸入整數,如10。
單擊Create按鈕將使得窗體提交至服務器,同時電影信息也會保存到數據庫里,然后您會被重定向到/Movies 的URL,您可以在列表中看到剛剛創建的新電影。
創建一些更多的電影數據(movie entries)。 同時也可以嘗試點擊編輯、詳細信息和刪除功能的鏈接。
看一下生成的代碼
打開Controllers\MoviesController.cs文件,並找到生成的Index
方法。一部分電影控制器和Index
方法如下所示。
View(db.Movies.ToList()); }
向Movies
控制器請求,從而返回Movies
電影數據庫表中的所有記錄,然后將結果傳遞給Index
視圖。下面是MoviesController類中實例化電影數據庫上下文實例,如前面所述。電影數據庫上下文實例可用於查詢、 編輯和刪除的電影。
強類型模型和 @model 關鍵字
在本系列前面教程中,您看到了使用ViewBag
對象,從控制器傳遞數據或對象給視圖模板。ViewBag
是一個動態的對象,提供了方便的后期綁定(late-bound)方法將信息傳遞給視圖。
MVC 還提供了傳遞強類型對象(strongly typed objects)到視圖模板的能力。這種強類型使得更好的在編譯時檢查您的代碼, 並在Visual Studio 編輯器中提供更加豐富的智能感知(IntelliSense)。 當創建操作方法和視圖時, Visual Studio 中的scaffolding機制(也就是通過一個強類型的模型)使用了MoviesController
類和視圖模板。
在Controllers\MoviesController.cs文件中看一下生成的Details
方法。電影控制器里的Details
方法如下所示。
View(movie); }
id參數一般是通過路由數據傳遞. 例如 http://localhost:1234/movies/details/1 會設置電影控制器的控制,該方法操作details並設置id為1。 你也可以通過一個查詢字符串(query string) 的id如下: http://localhost:1234/movies/details?id=1
如果查找到了一個Movie
,Movie
模型的實例會傳遞給Detail視圖。
看一下Views\Movies\Details.cshtml文件里的內容。
@Html.DisplayNameFor(model => model.Title)
</dt>
@*Markup omitted for clarity.*@
</dl> </div> <p>
@Html.ActionLink("Edit", "Edit", new { id = Model.ID }) | @Html.ActionLink("Back to List", "Index")
</p>
通過引入視圖模板文件頂部的@model
語句,您可以指定該視圖期望的對象類型。當您創建電影控制器時,Visual Studio 會將@model
聲明自動包含到Details.cshtml文件的頂部:
此@model
聲明使得控制器可以將強類型的Model
對象傳遞給View視圖, 從而您可以在視圖里訪問傳遞過來的強類型電影Model。 例如,在Details.cshtml模板中,每部電影的字段,通過代碼傳遞了DisplayNameFor
和DisplayFor HTML Helper通過強類型的Model
對象。Create和Edit方法還有視圖模板都在傳遞電影的強類型模型對象。
看一下Index.cshtml視圖模版和MoviesController.cs中的Index
方法。請注意這些代碼是如何在Index
操作方法中,創建List
對象,並調用View
方法的。
此代碼在控制器中傳遞Movies
列表給視圖:
public ActionResult Index() { return View(db.Movies.ToList()); }
當您創建電影控制器時,Visual Studio會自動包含 @model
語句到Index.cshtml文件的頂部
此@model
聲明使得控制器可以將強類型的電影列表Model
對象傳遞給View視圖。例如,在Index.cshtml模板中,在強類型的Model
對象上使用foreach
語句循環遍歷電影列表:
@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打開數據庫資源管理器(SERVER EXPLORER),然后展開表文件夾(Tables) 以查看電影表。
注意:ID旁邊的鑰匙圖標。默認情況下,EF將創建一個名為ID的主鍵。欲了解更多EF和MVC信息,請參閱Tom Dykstra's的優秀教程MVC and EF。
在Movies表上單擊鼠標右鍵,並請選擇顯示表數據(Show Table Data)看您所創建的數據。
在Movies表上單擊鼠標右鍵,並請選擇打開表定義(Open Table Definition), 您將看到Entity Framework Code First創建的表結構。
注意事項: Movies表映射到Movie類的架構(schema)如何你前面創建的。Entity Framework Code First首先自動為您創造了這個架構(schema)基於Movie class。當您完成后,通過右擊MovieDBContext,並選擇關閉連接。 (如果你不關閉連接,下一次運行項目,你可能會得到一個錯誤)。
現在,您可以在這個簡單列表頁面里:顯示、編輯、更新、刪除數據庫里的數據了。在下一次的教程中,我們會繼續看看scaffolded自動生成的其它代碼。並添加一個SearchIndex
方法和SearchIndex
視圖,使您可以在數據庫中搜索電影了。更多關於Entity Framework with MVC, see Creating an Entity Framework Data Model for an ASP.NET MVC Application.
從控制器訪問數據模型是MVC數據傳遞中重要的知識部分,深入理解了這部分內容才能更好的進行MVC開發。當然,借助一些開發工具一樣助力開發過程。使用 ComponentOne Studio ASP.NET MVC 這款輕量級控件,工作效率大大提高的同時,工作量也會大大減少。
-----------------------------------------------------------------------------------------
《ASP.NET MVC 5 入門指南》12篇文章匯總如下:
4. ASP.NET MVC 5 - 將數據從控制器傳遞給視圖
6. ASP.NET MVC 5 - 創建連接字符串(Connection String)並使用SQL Server LocalDB
8. ASP.NET MVC 5 - 驗證編輯方法(Edit method)和編輯視圖(Edit view)
9. ASP.NET MVC 5 - 給電影表和模型添加新字段
10. ASP.NET MVC 5 - 給數據模型添加校驗器
11. ASP.NET MVC 5 - 查詢Details和Delete方法
12. ASP.NET MVC 5 - 使用Wijmo MVC 5模板1分鍾創建應用
希望這些文章對感興趣的朋友有所幫助,另附上PDF版的匯總文檔:
《ASP.NET MVC 5 入門指南》PDF版
相關閱讀:
微軟 Build 2017 開發者大會:Azure 與 AI 的快速發展