ASP.NET MVC 5 -從控制器訪問數據模型


在本節中,您將創建一個新的MoviesController類,並在這個Controller類里編寫代碼來取得電影數據,並使用視圖模板將數據展示在瀏覽器里。

在開始下一步前,先Build一下應用程序(生成應用程序)(確保應用程序編譯沒有問題)

解決方案上,用鼠標右鍵單擊Controller文件夾,點擊新增,再選擇Controller

clip_image002

Scaffold新增對話框,選擇MVC 5  Controller with views, using Entity Framework, 點擊新增。

clip_image004

· 控制器(Controller)名稱輸入: MoviesController.

· 模型類(Model class)選擇: Movie (MvcMovie.Models) .

· 數據上下文類(Data context class)選擇:MovieDBContext (MvcMovie.Models)

下圖顯示了完成的對話框。
clip_image006

單擊添加(如果你得到一個錯誤,則很可能增加控制器前,沒有生成該應用程序)。Visual Studio Express 會創建以下文件和文件夾:

· 項目控制器文件夾中的MoviesController.cs文件。

· 項目視圖文件夾下的 Movie文件夾。

· 在新的Views\Movies文件夾中創建Create.cshtml、 Delete.cshtml、 Details.cshtml、 Edit.cshtmlIndex.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。因為您還沒有添加任何內容,所以結果是一個空的電影列表。

clip_image008

創建電影

點擊Create New鏈接。輸入有關電影的一些詳細信息,然后單擊Create按鈕。

clip_image010

注意:您可能無法在“價格”字段中輸入小數點或逗號。要支持非英語語言環境,小數點用逗號(","),和非美國英語的日期格式的jQuery驗證,你必須包括globalize.js,和你的具體文化/ globalize.cultures.js的文件(從https://github.com/jquery/globalize)和JavaScript使用Globalize.parseFloat的。在接下來的教程中,我將展示如何做到這一點。現在,只需輸入整數,如10。

單擊Create按鈕將使得窗體提交至服務器,同時電影信息也會保存到數據庫里,然后您會被重定向到/Movies 的URL,您可以在列表中看到剛剛創建的新電影。

clip_image012

創建一些更多的電影數據(movie entries)。 同時也可以嘗試點擊編輯詳細信息刪除功能的鏈接。

看一下生成的代碼

打開Controllers\MoviesController.cs文件,並找到生成的Index方法。一部分電影控制器和Index方法如下所示。

public class MoviesController : Controller { private MovieDBContext db = new MovieDBContext(); // GET: /Movies/ public ActionResult Index() { return
 View(db.Movies.ToList()); }

Movies控制器請求,從而返回Movies電影數據庫表中的所有記錄,然后將結果傳遞給Index視圖。下面是MoviesController類中實例化電影數據庫上下文實例,如前面所述。電影數據庫上下文實例可用於查詢、 編輯和刪除的電影。

private MovieDBContext db = new MovieDBContext();

強類型模型和 @model 關鍵字

在本系列前面教程中,您看到了使用ViewBag對象,從控制器傳遞數據或對象給視圖模板。ViewBag是一個動態的對象,提供了方便的后期綁定(late-bound)方法將信息傳遞給視圖。

MVC 還提供了傳遞強類型對象(strongly typed objects)到視圖模板的能力。這種強類型使得更好的在編譯時檢查您的代碼, 並在Visual Studio 編輯器中提供更加豐富的智能感知(IntelliSense)。 當創建操作方法和視圖時, Visual Studio 中的scaffolding機制(也就是通過一個強類型的模型)使用了MoviesController類和視圖模板。

Controllers\MoviesController.cs文件中看一下生成的Details方法。電影控制器里的Details方法如下所示。

public ActionResult Details(int? id) { if (id == null ) { return new HttpStatusCodeResult(HttpStatusCode.BadRequest); } Movie movie = db.Movies.Find(id); if (movie == null ) { return HttpNotFound(); } return
 View(movie); }

 

id參數一般是通過路由數據傳遞. 例如 http://localhost:1234/movies/details/1 會設置電影控制器的控制,該方法操作details並設置id為1。 你也可以通過一個查詢字符串(query string) 的id如下: http://localhost:1234/movies/details?id=1

如果查找到了一個MovieMovie 模型的實例會傳遞給Detail視圖。

return View(movie);

看一下Views\Movies\Details.cshtml文件里的內容。

@model MvcMovie.Models.Movie @{ ViewBag.Title = "Details"; } <h2>Details</h2> <div> <h4>Movie</h4> <hr /> <dl class="dl-horizontal"> <dt>

 @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 MvcMovie.Models.Movie

@model聲明使得控制器可以將強類型的Model對象傳遞給View視圖, 從而您可以在視圖里訪問傳遞過來的強類型電影Model。 例如,在Details.cshtml模板中,每部電影的字段,通過代碼傳遞了DisplayNameForDisplayFor 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 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類型。好處之一是,這意味着您可以在代碼編譯時進行檢查,同時在代碼編輯器中支持更加全面的智能感知:

clip_image002[4]

使用SQL Server LocalDB

Entity Framework Code First(代碼優先),如果檢測到不存在一個數據庫連接字符串指向了Movies數據庫,會自動的創建數據庫。在App_Data文件夾中找一下,您可以驗證它已經被創建了。如果您看不到Movies.mdf文件,請在解決方案資源管理器工具欄上,單擊顯示所有文件按鈕,單擊刷新按鈕,然后展開App_Data文件夾。

clip_image004

雙擊Movies.mdf打開數據庫資源管理器(SERVER EXPLORER),然后展開文件夾(Tables) 以查看電影表。

注意:ID旁邊的鑰匙圖標。默認情況下,EF將創建一個名為ID的主鍵。欲了解更多EF和MVC信息,請參閱Tom Dykstra's的優秀教程MVC and EF

clip_image006

在Movies表上單擊鼠標右鍵,並請選擇顯示表數據(Show Table Data)看您所創建的數據。

clip_image008[4]

clip_image010[4]

在Movies表上單擊鼠標右鍵,並請選擇打開表定義(Open Table Definition), 您將看到Entity Framework Code First創建的表結構。

clip_image011

clip_image013

注意事項: Movies表映射到Movie類的架構(schema)如何你前面創建的。Entity Framework Code First首先自動為您創造了這個架構(schema)基於Movie class。當您完成后,通過右擊MovieDBContext,並選擇關閉連接。 (如果你不關閉連接,下一次運行項目,你可能會得到一個錯誤)。

clip_image015

現在,您可以在這個簡單列表頁面里:顯示、編輯、更新、刪除數據庫里的數據了。在下一次的教程中,我們會繼續看看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篇文章匯總如下:

1. ASP.NET MVC 5 - 開始MVC 5之旅

2. ASP.NET MVC 5 - 控制器

3. ASP.NET MVC 5 - 視圖

4. ASP.NET MVC 5 - 將數據從控制器傳遞給視圖

5. ASP.NET MVC 5 - 添加一個模型

6. ASP.NET MVC 5 - 創建連接字符串(Connection String)並使用SQL Server LocalDB

7. ASP.NET MVC 5 - 從控制器訪問數據模型

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 的快速發展

是什么讓C#成為最值得學習的編程語言

從Visual Studio看微軟20年技術變遷

C#開發人員應該知道的13件事情

Visual Studio 2017正式版發布全紀錄

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM