在本節中,您將創建一個新的`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).**(默認值)。
[](http://images.cnitblog.com/blog/139239/201301/11103001-7cac885828f246a0a405778d45ab7928.png)
單擊**添加**。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](http://localhostxxxxx)*。因為您還沒有添加任何內容,所以結果是一個空的電影列表。
[](http://images.cnitblog.com/blog/139239/201301/11103005-701b9e8ff950428187a925d5d7308e85.png)
# 創建電影
點擊**Create New**鏈接。輸入有關電影的一些詳細信息,然后單擊**Create**按鈕。
[](http://images.cnitblog.com/blog/139239/201301/11103010-52a20ea3985a452eb1772351e8572864.png)
單擊**Create**按鈕將使得窗體提交至服務器,同時電影信息也會保存到數據庫里,然后您會被重定向到URL/Movies,您可以在列表中看到您剛剛創建的新電影。
[](http://images.cnitblog.com/blog/139239/201301/11103017-bb33593d8aae47a88372b083f6e5ff67.png)
創建一些更多的電影數據。同時也可以嘗試點擊**編輯**、**詳細信息**和**刪除**功能的鏈接。
#### 看一下生成的代碼
打開*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`是一個動態的對象,提供了方便的后期綁定方法將信息傳遞給視圖。
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](http://msdn.microsoft.com/en-us/library/system.web.mvc.html.displayextensions.displayfor(VS.98).aspx) HTML Helper通過強類型的`Model`對象傳遞了電影的每個字段。創建和編輯方法還有視圖模板都在傳遞電影的強類型模型對象。
看一下*Index.cshtml*視圖模版和*MoviesController.cs*中的`Index` 方法。請注意這些代碼是如何在I`ndex`操作方法中,創建[`List`](http://msdn.microsoft.com/en-us/library/6sh2ey19.aspx)對象,并調用`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`類型。好處之一是,這意味著您可以在代碼編譯時進行檢查,同時在代碼編輯器中支持更加全面的智能感知:
[](http://images.cnitblog.com/blog/139239/201301/11103021-21d61e82cde1441ca52420ee0e387161.png)
# ?
# 使用SQL Server LocalDB
Entity Framework Code First代碼優先,如果檢測到不存在一個數據庫連接字符串指向了`Movies`數據庫,會自動的創建數據庫。在App_Data文件夾中找一下,您可以驗證它已經被創建了。如果您看不到*Movies.mdf*文件,請在**解決方案資源管理器**工具欄上,單擊**顯示所有文件**按鈕,單擊**刷新**按鈕,然后展開App_Data文件夾。
[](http://images.cnitblog.com/blog/139239/201301/11103024-ee6452002a8348a49ca828b93bc8acd7.png)
雙擊*Movies.mdf*打開**數據庫資源管理器**,然后展開**表**文件夾以查看電影表。
[](http://images.cnitblog.com/blog/139239/201301/11103026-3730aac3383747b0b213a542a8d8af98.png)
注: 如果沒有顯示數據庫資源管理器,可以從**工具**菜單中,選擇**連接到數據庫**,然后關閉**選擇數據源**對話框。這樣將強制打開數據庫資源管理器。
注: 如果您使用的 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 數據工具](http://blogs.msdn.com/b/rickandy/archive/2012/08/02/installing-and-using-sql-server-data-tools-ssdt-on-visual-studio-2010-and-vwd.aspx)和[LocalDB](http://www.microsoft.com/web/gallery/install.aspx?appid=SQLLocalDBOnly_11_0)。并驗證在前面所指定的MovieDBContext 連接字符串。
右鍵單擊`Movies`表并選擇**顯示表數據**以查看您所創建的數據。
[](http://images.cnitblog.com/blog/139239/201301/11103028-382bec01bf7847e39a83275633011bd9.png)
右鍵單擊`Movies`表,選擇**打開表定義**查看Entity Framework代碼優先所創建表的表結構。
[](http://images.cnitblog.com/blog/139239/201301/11103030-b6cd0ecf2430448a96094b104db11829.png)
[](http://images.cnitblog.com/blog/139239/201301/11103033-1c50ebbece084249b3edb2196ef273f5.png)
請注意,如何將`Movies`表的表結構映射到您早些時候所創建的`Movie`類?Entity Framework 代碼優先為您自動創建了基于`Movie`類的表結構。
當您完成操作后,通過右鍵單擊*MovieDBContext* ,選擇**關閉連接**關閉該數據庫連接。(如果您沒有關閉連接,當您下次運行該項目時,可能會出現錯誤)。
[](http://images.cnitblog.com/blog/139239/201301/11103035-37a82b3614b54af8ac83e0fc3c78a8d0.png)
現在,您可以在簡單列表頁面里,來顯示數據庫里的數據了。在下一次的教程中,我們會繼續看看框架自動生成的其它代碼。并添加一個`SearchIndex`方法和`SearchIndex`視圖,使您可以在數據庫中搜索電影了。
--------------------------------------------------------------------------------------------------------------------
譯者注:
本系列共9篇文章,翻譯自Asp.Net MVC4 官方教程,由于本系列文章言簡意賅,篇幅適中,從一個示例開始講解,全文最終完成了一個管理影片的小系統,非常適合新手入門Asp.Net MVC4,并由此開始開發工作。9篇文章為:
1. Asp.Net MVC4 入門介紹
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/intro-to-aspnet-mvc-4](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/intro-to-aspnet-mvc-4)
· 譯文地址:[http://www.cnblogs.com/powertoolsteam/archive/2012/11/01/2749906.html](http://www.cnblogs.com/powertoolsteam/archive/2012/11/01/2749906.html)
2. 添加一個控制器
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-controller](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-controller)
· 譯文地址:[http://www.cnblogs.com/powertoolsteam/archive/2012/11/02/2751015.html](http://www.cnblogs.com/powertoolsteam/archive/2012/11/02/2751015.html)
3. 添加一個視圖
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-view](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-view)
· 譯文地址:[http://www.cnblogs.com/powertoolsteam/archive/2012/11/06/2756711.html](http://www.cnblogs.com/powertoolsteam/archive/2012/11/06/2756711.html)
4. 添加一個模型
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-model](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-model)
· 譯文地址:[http://www.cnblogs.com/powertoolsteam/archive/2012/12/17/2821495.html](http://www.cnblogs.com/powertoolsteam/archive/2012/12/17/2821495.html)
5. 從控制器訪問數據模型
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/accessing-your-models-data-from-a-controller](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/accessing-your-models-data-from-a-controller)
· 譯文地址:[http://www.cnblogs.com/powertoolsteam/archive/2013/01/11/2855935.html](http://www.cnblogs.com/powertoolsteam/archive/2013/01/11/2855935.html)
6. 驗證編輯方法和編輯視圖
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-edit-methods-and-edit-view](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-edit-methods-and-edit-view)
· 譯文地址:
7. 給電影表和模型添加新字段
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-new-field-to-the-movie-model-and-table](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-new-field-to-the-movie-model-and-table)
· 譯文地址:
8. 給數據模型添加校驗器
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-validation-to-the-model](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-validation-to-the-model)
· 譯文地址:
9. 查詢詳細信息和刪除記錄
· 原文地址:[http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-details-and-delete-methods](http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-details-and-delete-methods)
· 譯文地址:
- 前言
- 入門介紹
- 添加一個控制器
- 添加一個視圖
- 添加一個模型
- 從控制器訪問數據模型
- 驗證編輯方法和編輯視圖
- 給電影表和模型添加新字段
- 給數據模型添加校驗器
- 查詢詳細信息和刪除記錄
- 第三方控件Studio for ASP.NET Wijmo MVC4 工具應用
- ASP.NET MVC 5-開始MVC5之旅
- 控制器
- 視圖
- 將數據從控制器傳遞給視圖
- 添加一個模型
- 創建連接字符串(Connection String)并使用SQL Server LocalDB
- 從控制器訪問數據模型
- 驗證編輯方法(Edit method)和編輯視圖(Edit view)
- 給電影表和模型添加新字段
- 給數據模型添加校驗器
- 查詢Details和Delete方法