在这一节中,你将新创建一个新的 MoviesController类,并编写代码,实现获取影片数据和使用视图模板在浏览器中展现影片数据的功能。
在进行下步之前,点击“生成应用程序“对应用程序进行编译。
右键单击Controllers文件夹,新建一个名为“MoviesController ”的控制器。在创建窗口各选项如下图所示
点击添加,将创建以下文件和文件夹:
- 项目的 Controllers 文件夹下新增MoviesController.cs文件
- 项目的Views文件夹下新增Movies文件夹
- 在Views/Movies文件夹下创建了Create.cshtml, Delete.cshtml, Details.cshtml, Edit.cshtml, 和 Index.cshtml 五个文件。
ASP.NET MVC 4为你自动生成CRUD(创建、读取、修改和删除)操作方法和视图(自动创建CURD操作方法和视图常被称为脚手架)。现在,你拥有了一个完整功能的web应用程序,可以显示影片列表和详细信息、创建影片、编辑影片和删除影片。
译者注:自动生成的按钮和链接还是英文的,比如新建是“Create New”,很不爽,暂时先手工修改,后续找个一劳永逸的方法,推测要么是给mvc加语言包汉化,要么是修改mvc源码实现,从界面来看,mvc已经汉化了,只是汉化的不够完全而已,通过修改mvc源码肯定可行,后面再说呵。
运行应用程序,在浏览器地址栏附加/Movies,访问Movies控制器。因为应用程序依赖默认路由(在Global.asax文件中定义),浏览器请求 http://localhost:xxxxx/Movies被路由到默认的Movies控制器的Index操作方法。换句话说,浏览器请求 http://localhost:xxxxx/Movies与请求http://localhost:xxxxx/Movies/Index的效果是相同的。因为你没有添加任何数据,所以当前影片列表是空的。
新建影片
译者注:首先打开Index.cshtml,将@Html.ActionLink("Create New", "Create")修改为@Html.ActionLink("新建", "Create")。(找到对应的视图模板文件修改即可,后续不再啰嗦)
点击”新建“链接,进入影片编辑页面,输入各项内容后,点击“新建”按钮,会使表单送给服务器端,影片信息将会被保存到数据库。返回到列表,你将看到刚刚被创建的影片出现在列表中。
注意:日期格式有后台验证,输入2012/12/05格式方能通过,横杠的不行……
创建更多的影片实体,试一试编辑、详情和删除链接所有功能。
查看自动生成的代码
打开Controllers\MoviesController.cs文件,查看下生成的Index方法
public ActionResult Index() { return View(db.Movies.ToList()); }
MoviesController 类声明的下一行private MovieDBContext db = new MovieDBContext();是一个前面描述过的影片数据库上下文对象,你可以使用这个对象查询、编辑和删除影片。
影片控制器收到请求后,返回数据库影片表中所有实体并把结果传给Index视图。
强类型模型和@model关键字
在之前的教程中,学习过控制器如何通过ViewBag对象传递数据或对象给视图模板。ViewBag是一个动态对象,提供便利的晚绑定方式来传递信息给视图。ASP.NET MVC同时提供传递强类型数据或对象给视图模板的能力。强类型方式更有利于编译时检测代码和在Visual Studio编辑器中智能提示。Visual Studio的脚手架机制创建方法和视图时,采用这种方式来处理MoviesController类和视图模板。
查看下Controllers\MoviesController.cs文件中生成的Details方法。代码如下:
public ActionResult Details(int id = 0) { Movie movie = db.Movies.Find(id); if (movie == null) { return HttpNotFound(); } return View(movie); }
如果找到影片,则影片模型的实例传递给Detail视图。看一下Views\Movies\Details.cshtml 的文件内容。
通过在视图模板文件顶部引入@model MvcMovie.Models.Movie语句,你可以指定视图期望的对象类型。当你创建影片控制器时,Visual Studio自动在Details.cshtml文件顶部引入@model语句:
@model使你可以直接访问控制器传递给视图的强类型模型对象。例如,在 Details.cshtml 模板里,代码使用强类型对象传递影片的每个字段给HTML Helpers 的DisplayNameFor和DisplayFor方法。Create和Edit方法及视图模板同样传递影片模型对象。
查看 Index.cshtml 视图模板和MoviesController.cs文件中的Index方法。注意在Index方法中,被视图Helper方法调用时,代码如何创建列表对象。
public ActionResult Index() { return View(db.Movies.ToList()); }
当你创建影片控制器时,Visual Studio在Index.cshtml文件顶部自动引入以下@model语句:@model IEnumerable<MvcMovie.Models.Movie>
@model 语句使你可以直接访问由控制器通过强类型对象传递过来的影片列表。例如,在Index.cshtml 模板里,代码通过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> }
因为模型对象是强类型的( IEnumerable<Movie>对象),循环中的每个对象类型是Movie。这意味着编译时检测代码和代码编辑器中完全的智能提示。
使用Sql server 本地数据
译者注:在上面例子中你可能会奇怪,填写的影片信息究竟存放到哪里,内存吗?重启web,发现添加的信息仍能保存,说明不是内存,下面就来说一下此问题。
实体框架代码先行模式检测到指向影片数据库的连接字符串不存在,则会自动创建数据库。你可以通过查看App_Data文件夹来确认数据库已经被创建。如果你没看到数据库文件,在解决方案资源管理器工具栏点击“显示所有文件”按钮刷新按钮,然后展开App_Data文件夹,文件名一般为“MvcMovie.Models.MovieDbContext.mdf”,双击此文件,自动打开服务器资源管理器,展开“表”文件夹,会看到Movie表。
右键单击Movie表,选择“打开表定义”,查看实体框架代码先行为你创建的表结构
CREATE TABLE [dbo].[Movies] ( [ID] INT IDENTITY (1, 1) NOT NULL, [Name] NVARCHAR (MAX) NULL, [Genra] NVARCHAR (MAX) NULL, [Price] DECIMAL (18, 2) NOT NULL, [Date] DATETIME NOT NULL, CONSTRAINT [PK_dbo.Movies] PRIMARY KEY CLUSTERED ([ID] ASC) );
注意Movie表如何映射到你之前创建的Movie类。实体框架代码先行基于你的Movie类自动创建表结构。结束查看,需要通过右键单击MvcMovie.Models.MovieDbContext,选择关闭连接。(如果不关闭连接,则下次运行项目时有可能出错)。
现在创建了数据库,并从中获取数据显示了简单列表。在下一节课程中,我们将查看其余的脚手架生成的代码并增加名为SearchIndex
方法和视图用于查询数据库中影片信息。
译者注:如何不使用本地数据库,而是连接正式数据库呢?其实在原英文教程的上节结尾说明过,当时觉得提出太突兀,译者未在上节中翻译出,在此补充。
MovieDbContext负责连接数据库,映射影片对象到数据库记录。你可能会问一个问题,如何指定要连接哪个数据库?该工作是通过在应用程序的Web.config 文件里增加连接信息来实现的。
打开应用程序根目录下的Web.config文件(不是View文件夹下的Web.config文件),下面的例子展示了新的连接字符串被添加:
<connectionStrings> <add name="DefaultConnection" connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-MvcMovie-2012213181139;Integrated Security=true" providerName="System.Data.SqlClient" /> <add name="MovieDbContext" connectionString="Data Source=(LocalDB)\v11.0;AttachDbFilename=|DataDirectory|\Movies.mdf;Integrated Security=True" providerName="System.Data.SqlClient" /> </connectionStrings>
注意键值需要是MovieDbContext,与类名一致。