ASP.NET MVC 5 -從控制器訪問資料模型
在本節中,您將建立一個新的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
建立電影
點選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檔案裡的內容。
@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
宣告使得控制器可以將強型別的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篇文章彙總如下:
希望這些文章對感興趣的朋友有所幫助,另附上PDF版的彙總文件:
相關閱讀: