ASP.NET MVC3 实例(六) 增加、修改和删除操作(一)

时间：2022-11-28 19:43:35
 

上一篇 ASP.NET MVC3 中，大概介绍了下 Razor 中的布局，今天我们看看 ASP.NET MVC3 中的增加、修改和删除操作。我们以一个留言的小例子来说明下，本篇主要内容就是在 ASP.NET MVC3 Razor 布局下实现增、删、改操作以及实体数据的异步验证。

首先，我们再新建一个表，名字命名为"Contact"，打开"AndroidDB.edmx"文件，右键选择"从数据库更新模型"。这个前边已经介绍过，这里就不多说，这样在实体层就创建了"Contact"类及它的属性。接下来，我们新添加一个名为"ContactController"的控制器类，用来显示我们的留言表单并实现留言功能。我们先看看Controller中的代码，如下：

public class ContactController : Controller
{
Android.Models.AndroidEntities android = new AndroidEntities();
//
// GET: /Contact/

public ActionResult Create()
{
return View();
}

//
// POST: /Contact/Create
[HttpPost]
public ActionResult Create(Contact contact)
{
if (ModelState.IsValid)
{
 android.AddObject("Contact", contact);
 android.SaveChanges();
return RedirectToAction("../Home");
}
else
{
return View(contact);
}
}
}

上边这些代码就是 Controller 中所需的所有代码了，非常简洁，是吧？需要说明的2点是：1.[HttpPostAttribute]表明了只有当表单提交方式为"Post"时，才执行第二个方法，其他情况下执行第一个Create()方法。2.我们使用类 ObjectContext 的方法AddObject()方法进行添加操作，参数分别是属性名和实体，AddToContact()这种方法现在已经弃用了，这点我们需要注意下。关于使用ObjectSet属性可以参考下ASP.NET MVC3 实例(三) 使用 Controller 进行数据的的查询。

接下来我们添加 View 模板，用来展示留言表单，在Create()方法上右键单击，Add View，如下图：

ASP.NET MVC3 实例(六) 增加、修改和删除操作(一)

我们分别选择了 View data class 为"Contact",模板为"Create"，得到如下的 View:

@model Android.Models.Contact
<body> 
<script src="@Url.Content("~/Scripts/jquery-1.4.4.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm()) {
@Html.ValidationSummary(true)
<fieldset>
<legend>Contact</legend>

 <div class="editor-label">
 @Html.LabelFor(model => model.UserName)
 </div>
<div class="editor-field">
@Html.TextBoxFor(model => model.UserName)
@Html.ValidationMessageFor(model => model.UserName)
</div>

 <div class="editor-label">
 @Html.LabelFor(model => model.Email)
 </div>
<div class="editor-field">
@Html.TextBoxFor(model => model.Email)
@Html.ValidationMessageFor(model => model.Email)
</div>

 <div class="editor-label">
 @Html.LabelFor(model => model.Website)
 </div>
<div class="editor-field">
@Html.TextBoxFor(model => model.Website)
@Html.ValidationMessageFor(model => model.Website)
</div>

 <div class="editor-label">
 @Html.LabelFor(model => model.Content)
 </div>
<div class="editor-field">
@Html.TextAreaFor(model => model.Content,5,60,"Content")
@Html.ValidationMessageFor(model => model.Content)
</div>
 <p>
 <input type="submit" value="Create" />
</p>
 </fieldset>
}
</body>

这种写法在 ASP.NET MVC 2 里就已经有了，并没有太多可说的，它使用强类型的 HtmlHelper 方法输出相应的 HTML 的标记。看留言内容那里，可知我们可以定义输入框的大小和ID(Name)，非常方便。到这里，我们就已经完成了 ASP.NET MVC 3 中的添加操作。当用户点击"Create"按钮时，表单中的数据会自动正确的赋给对应的属性。

我们要时刻记得“用户的输入是邪恶的”，这样我们要对用户的输入进行必要的验证。实体层数据验证的改进也是 MVC 3 中的一大亮点。@Html.ValidationSummary(true)表明我们已经启用了客户端的异步验证，很明显这样可以减少不必要的服务器请求，MVC3中微软全面使用 jQuery 进行客户端的验证。

ASP.NET MVC3中实体数据的验证是非常简单的，业务逻辑分离的非常好，如在验证留言内容时，只需添加如下代码：

[Required(ErrorMessage="不能为空")]
[StringLength(1000, ErrorMessage = "长度在5-1000", MinimumLength = 5)]
public global::System.String Content
{
get
{
return _Content;
}
set
{
OnContentChanging(value);
ReportPropertyChanging("Content");
_Content = StructuralObject.SetValidValue(value, true);
ReportPropertyChanged("Content");
OnContentChanged();
}
}

分别验证了必填和长度两个属性，还有很多属性，我们就不做一一介绍了。最后看下结果，如下：

ASP.NET MVC3 实例(六) 增加、修改和删除操作(一)

看来本篇只能介绍下 ASP.NET MVC3 中的添加操作了，修改和删除操作非常类似，我会补上。发表一篇文章确实很花时间，总是感觉有些地方说的不够明白，希望大家支持！
标签：

相关文章