您现在的位置是：网站首页> 编程资料编程资料

ASP.NET MVC4入门教程（六）：验证编辑方法和编辑视图_自学过程_

2023-05-24 312人已围观

简介 ASP.NET MVC4入门教程（六）：验证编辑方法和编辑视图_自学过程_

在本节中，您将开始修改为电影控制器所新加的操作方法和视图。然后，您将添加一个自定义的搜索页。

在浏览器地址栏里追加/Movies， 浏览到Movies页面。并进入编辑(Edit)页面。

Edit（编辑）链接是由Views\Movies\Index.cshtml视图中的Html.ActionLink方法所生成的：

 @Html.ActionLink("Edit", "Edit", new { id=item.ID })

Html对象是一个Helper, 以属性的形式, 在System.Web.Mvc.WebViewPage基类上公开。 ActionLink是一个帮助方法，便于动态生成指向Controller中操作方法的HTML 超链接链接。ActionLink方法的第一个参数是想要呈现的链接文本 （例如，Edit Me)。第二个参数是要调用的操作方法的名称。最后一个参数是一个匿名对象，用来生成路由数据 （在本例中，ID 为 4 的）。

在上图中所生成的链接是http://localhost:xxxxx/Movies/Edit/4默认的路由 （在App_Start\RouteConfig.cs 中设定） 使用的 URL 匹配模式为: {controller}/{action}/{id}。因此，ASP.NET 将http://localhost:xxxxx/Movies/Edit/4转化到Movies 控制器中Edit操作方法，参数ID等于 4 的请求。查看App_Start\RouteConfig.cs文件中的以下代码。

 public static void RegisterRoutes(RouteCollection routes) { routes.IgnoreRoute("{resource}.axd/{*pathInfo}"); routes.MapRoute( name: "Default", url: "{controller}/{action}/{id}", defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional } ); }

您还可以使用QueryString来传递操作方法的参数。例如，URL: http://localhost:xxxxx/Movies/Edit?ID=4还会将参数ID为 4的请求传递给Movies控制器的Edit操作方法。

打开Movies控制器。如下所示的两个Edit操作方法。

 // // GET: /Movies/Edit/5 public ActionResult Edit(int id = 0) { Movie movie = db.Movies.Find(id); if (movie == null) { return HttpNotFound(); } return View(movie); } // // POST: /Movies/Edit/5 [HttpPost] public ActionResult Edit(Movie movie) { if (ModelState.IsValid) { db.Entry(movie).State = EntityState.Modified; db.SaveChanges(); return RedirectToAction("Index"); } return View(movie); }

注意，第二个Edit操作方法的上面有HttpPost属性。此属性指定了Edit方法的重载，此方法仅被POST 请求所调用。您可以将HttpGet属性应用于第一个编辑方法，但这是不必要的，因为它是默认的属性。（操作方法会被隐式的指定为HttpGet属性，从而作为HttpGet方法。）

HttpGet Edit方法会获取电影ID参数、 查找影片使用Entity Framework 的Find方法，并返回到选定影片的编辑视图。如果不带参数调用Edit 方法，ID 参数被指定为默认值 零。如果找不到一部电影，则返回HttpNotFound 。当VS自动创建编辑视图时，它会查看Movie类并为类的每个属性创建用于Render的

 @model MvcMovie.Models.Movie @{ ViewBag.Title = "Edit"; } 
Edit
 @using (Html.BeginForm()) { @Html.ValidationSummary(true) 
Movie @Html.HiddenFor(model => model.ID) 
 @Html.LabelFor(model => model.Title) 
 @Html.EditorFor(model => model.Title) @Html.ValidationMessageFor(model => model.Title) 
 @Html.LabelFor(model => model.ReleaseDate) 
 @Html.EditorFor(model => model.ReleaseDate) @Html.ValidationMessageFor(model => model.ReleaseDate) 
 @Html.LabelFor(model => model.Genre) 
 @Html.EditorFor(model => model.Genre) @Html.ValidationMessageFor(model => model.Genre) 
 @Html.LabelFor(model => model.Price) 
 @Html.EditorFor(model => model.Price) @Html.ValidationMessageFor(model => model.Price) 
 } 
 @Html.ActionLink("Back to List", "Index") 
 @section Scripts { @Scripts.Render("~/bundles/jqueryval") }

注意，视图模板在文件的顶部有 @model MvcMovie.Models.Movie 的声明，这将指定视图期望的模型类型为Movie。

自动生成的代码，使用了Helper方法的几种简化的 HTML 标记。 Html.LabelFor 用来显示字段的名称（"Title"、"ReleaseDate"、"Genre"或"Price")。 Html.EditorFor 用来呈现 HTML 元素。Html.ValidationMessageFor 用来显示与该属性相关联的任何验证消息。

运行该应用程序，然后浏览URL，/Movies。单击Edit链接。在浏览器中查看页面源代码。HTML Form中的元素如下所示：

Movie

被

HTML 元素所包括的 元素会被发送到，form的action属性所设置的URL:/Movies/Edit。单击Edit按钮时，from数据将会被发送到服务器。

处理 POST 请求

下面的代码显示了Edit操作方法的HttpPost处理：

 [HttpPost] public ActionResult Edit(Movie movie) { if (ModelState.IsValid) { db.Entry(movie).State = EntityState.Modified; db.SaveChanges(); return RedirectToAction("Index"); } return View(movie); }

ASP.NET MVC 模型绑定 接收form所post的数据，并转换所接收的movie请求数据从而创建一个Movie对象。ModelState.IsValid方法用于验证提交的表单数据是否可用于修改（编辑或更新）一个Movie对象。如果数据是有效的电影数据，将保存到数据库的Movies集合(MovieDBContext instance)。通过调用MovieDBContext的SaveChanges方法，新的电影数据会被保存到数据库。数据保存之后，代码会把用户重定向到MoviesController类的Index操作方法，页面将显示电影列表，同时包括刚刚所做的更新。

如果form发送的值不是有效的值，它们将重新显示在form中。Edit.cshtml视图模板中的Html.ValidationMessageFor Helper将用来显示相应的错误消息。

注意，为了使jQuery支持使用逗号的非英语区域的验证 ，需要设置逗号（"，"）来表示小数点，你需要引入globalize.js并且你还需要具体的指定cultures/globalize.cultures.js文件 （地址在https://github.com/jquery/globalize) 在 JavaScript 中可以使用 Globalize.parseFloat。下面的代码展示了在"FR-FR" Culture下的 Views\Movies\Edit.cshtml 视图：

 @section Scripts { @Scripts.Render("~/bundles/jqueryval")  }

十进制字段可能需要逗号，而不是小数点。作为临时的修复，您可以向项目根 web.config 文件添加的全球化设置。下面的代码演示设置为美国英语的全球化文化设置。

所有HttpGet方法都遵循类似的模式。它们获取影片对象 （或对象集合，如Index里的对象集合），并将模型传递给视图。Create方法将一个空的Movie对象传递给创建视图。创建、 编辑、 删除或以其它方式修改数据的方法都是HttpPost方法。使用HTTP GET 方法来修改数据是存在安全风险，在ASP.NET MVC Tip #46 – Don't use Delete Links because they create Security Holes的Blog中有完整的叙述。在 GET 方法中修改数据还违反了 HTTP 的最佳做法和Rest架构模式， GET 请求不应更改应用程序的状态。换句话说，执行 GET 操作，应该是一种安全的操作，没有任何副作用，不会修改您持久化的数据。

添加一个搜索方法和搜索视图

在本节中，您将添加一个搜索电影流派或名称的SearchIndex操作方法。这将可使用/Movies/SearchIndex URL。该请求将显示一个 HTML 表单，其中包含输入的元素，用户可以输入一部要搜索的电影。当用户提交窗体时，操作方法将获取用户输入的搜索条件并在数据库中搜索。

显示 SearchIndex

上一篇：ASP.NET MVC4入门教程（五）：从控制器访问数据模型_自学过程_

下一篇：ASP.NET MVC4入门教程（七）：给电影表和模型添加新字段_自学过程_

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网