在这一节中,我们将创建一个新的MoviesController类,并编写代码,实现获取影片数据和使用视图模板在浏览器中展现影片数据的功能。
在进行下一步之前,点击“生成应用程序”使应用程序编译一次。
右键单击Controllers文件夹,新建一个名为“MoviesController”的控制器。在创建窗口各选项如下图所示:
点击添加,将创建以下文件盒文件夹:
- 项目的 Controllers 文件夹下新增MoviesController.cs文件
- 项目的Views文件夹下新增Movies文件夹
- 在Views/Movies文件夹下创建了Create.cshtml, Delete.cshtml, Details.cshtml, Edit.cshtml, 和 Index.cshtml 五个文件。
ASP.NET MVC4 为你自动生成CURD(创建、读取、修改和删除)操作方法和视图(自动创建CURD操作方法和视图常被称为脚手架)。现在,你拥有了一个完整功能的Web应用程序,可以显示影片列表和详细信息、创建影片、编辑影片和删除影片。
运行应用程序,在浏览器地址栏附加/Movies,访问Movies控制器。因为应用程序依赖默认路由(在Global.asax文件中有定义),浏览器请求http://localhost:54454/Movies/被路由到默认的Movies控制器的Index操作方法。换句话说,浏览器请求http://localhost:54454/Movies/与请求http://localhost:54454/Movies/Index的效果是相同的。因为没有添加过任何数据,所以当前影片列表是空的。
新建影片
点击“新建”链接,进入影片编辑页面,输入各项内容后,点击“新建”按钮,会使表单送给服务器端,影片信息将会被保存到数据库。返回到列表,你将看到刚刚被创建的影片出现在列表中。
注意:日期格式有后台验证,输入2013/11/19格式方能通过,横杠的不行...
创建更多的影片实体,试一试编辑、详情和删除链接等所有功能。
查看自动生成的代码
打开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类和视图模板。
查看下Controller\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 Mvc_Movie.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<Mvc_Movie.Models.Movie>”
@model语句使你可以直接访问由控制器通过强类型对象传递过来的影片列表。例如,在Index.cshtml模板里,代码通过foreach遍历强类型的模型对象
@foreach (var item in Model) { <tr> <td> @Html.DisplayFor(modelItem => item.Name) </td> <td> @Html.DisplayFor(modelItem => item.Genra) </td> <td> @Html.DisplayFor(modelItem => item.Price) </td> <td> @Html.DisplayFor(modelItem => item.Date) </td> <td> @Html.ActionLink("Edit", "Edit", new { id=item.ID }) | @Html.ActionLink("Details", "Details", new { id=item.ID }) | @Html.ActionLink("Delete", "Delete", new { id=item.ID }) </td> </tr>
因为模型对象是强类型的(IEnumerable<Movie>对象),循环中的每个对象类型是Movie。这意味着编译时检测代码和代码编辑器中完全的智能提示。
使用SQL Server本地数据
在上面例子中你可能会觉得奇怪,填写的影片信息究竟存放在哪里,内存吗?重启Web,发现添加的信息仍能保存,说明不是内存,下面就来说一下此问题。
实体框架代码先行模式检测到指向影片数据库的链接字符串不存在,则会自动创建数据库。你可以通过查看App_Data文件夹来确认数据库已经被创建。如果你没看到数据库文件,在解决方案资源管理器工具栏点击“显示所有文件”按钮刷新数据,然后展开App_Data文件夹,文件名一般为“aspnet-Mvc_Movie-20140102143021.mdf”。
注意:此时若还未发现数据库文件,请进行如下操作。将web.config文件打开
<connectionStrings> <add name="DefaultConnection" connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-Mvc_Movie-20140102143021;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnet-Mvc_Movie-20140102143021.mdf" providerName="System.Data.SqlClient" /> </connectionStrings>
替换成下面:注意键值需要是MovieDBContext,类名一致,否则会找不到数据库文件。
<connectionStrings> <add name="MovieDBContext" connectionString="Data Source=(LocalDb)\v11.0;Initial Catalog=aspnet-Mvc_Movie-20140102143021;Integrated Security=SSPI;AttachDBFilename=|DataDirectory|\aspnet-Mvc_Movie-20140102143021.mdf" providerName="System.Data.SqlClient" /> </connectionStrings>
此时运行添加数据,然后展开App_Data文件夹,就可以看到数据库文件了。查看双击数据库文件,自动打开服务器资源管理器,展开“表”文件夹,会看到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方法和视图用于查询数据库中影片信息。