查看: 381|回复: 0

[.NET源码] ASP.NET Mvc开发之删除修改数据

发表于 2016-8-9 08:00:03
太阳http代理AD

之前那篇文章介绍了asp.net MVC使用EF来查询数据和EF中DbQuery泛型对象对数据的延迟加载。今天我们就来看看我们怎么使用EF来删除数据。

其实现在的web开发通用的模式就是前端使用Js和JQuery来和后端进行数据交互。那么我们就在前端来加两个删除和更新的脚本。代码如下:

  1.        <!--遍历 Action方法 设置给 ViewData 的集合数据,生成html代码-->
  2. @foreach (BlogArticle a in ViewData["DataList"] as List<BlogArticle>)
  3. {
  4. <tr>
  5. <td>@a.AId</td>
  6. <td>@a.ATitle</td>
  7. <td>@a.BlogArticleCate.Name</td>
  8. <td>@a.Enumeration.e_cname</td>
  9. <td>@a.AAddtime</td>
  10. <!---------为文章列表添加删除按钮--------->>
  11. <td><a href="javascript:del(@a.AId)">删除</a></td>
  12. </tr>
  13. }
复制代码

然后为该按钮编写Js脚本函数,代码如下:

  1. <script type="text/javascript">
  2. function del(id) {
  3. if (confirm("确定要删除么?")) {
  4.           <!--这里配置当用户确定删除时,js让页面跳转到的的url地址-->
  5. window.location="/home/del/"+ id;
  6. }
  7. }
  8. </script>
复制代码

上面的Js代码的意思是,当用户点击删除按钮时,url跳转的地址是"/home/del"+id

点击前的效果如下图,注意url地址是

它代表的意思是,浏览器现根据路由,请求了控制器(Controller),控制器根据路由的配置, 返回视图方法,然后试图再把Html,Js等回传给浏览器。

点击删除按钮并确定,注意url地址是

说明我们配置的路由信息是“home/del”

所以我们在控制器的HomeController中添加一个del方法,来完成删除操作,代码如下:

首先我们先来看看MVC默认的路由表配置,在App_Start文件夹下的RouteConfig.cs,代码如下:

  1. //路由表配置
  2. public class RouteConfig
  3. {
  4. public static void RegisterRoutes(RouteCollection routes)
  5. {
  6. routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
  7. routes.MapRoute(
  8. name: "Default",
  9. url: "{controller}/{action}/{id}",
  10. defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
  11. );
  12. }
  13. }
复制代码

我们可以发现ur的默认配置模式是"{controller}/{action}/{id}"

默认的配置信息是defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }

特别注意的是id = UrlParameter.Optional是可选的。

所以我们应该在homeController.cs中创建一个del类型的Action方法,代码如下:

  1. //删除文章
  2. public ActionResult Del(int id)
  3. {
  4. //操作数据库使用try...catch来捕捉异常
  5. try
  6. {
  7. //创建删除对象
  8. BlogArticle artTicle = new BlogArticle();
  9. artTicle.AId = id;
  10. //将删除对象添加到EF 对象管理容器
  11. db.BlogArticles.Attach(artTicle);
  12. //将对象包装类的状态标识为删除状态
  13. db.BlogArticles.Remove(artTicle);
  14. //更新到数据库
  15. db.SaveChanges();
  16. //更新成功后,页面跳转到Index页面
  17. return RedirectToAction("Index", "Home");
  18. }
  19. catch (Exception ex)
  20. {
  21. return RedirectToAction("友好页面");
  22. }
  23. //return View();
  24. }
复制代码

这样就完成了数据的删除操作。

接下来我们就来完成修改的代码,我们先展示视图(View)代码如下

  1. <!--生成一个表单,并且指明表单提交方法,和路由-->
  2. @using (Html.BeginForm("Modify", "Home", FormMethod.Post))
  3. {
  4. <table id="tbList">
  5. <tr>
  6. <td colspan="2">修改 @Html.HiddenFor(a=>a.AId) </td>
  7. </tr>
  8. <tr>
  9. <td>标题:</td>
  10. @*<td>@Html.TextBox("txtName",(object)Model.ATitle)</td>*@
  11. <!--使用HtmlHelper的强类型方法 直接 从 Model 中 根据 ATitle 属性生成文本框-->
  12. <td>@Html.TextBoxFor(a=>a.ATitle)</td>
  13. </tr>
  14. <tr>
  15. <td>分类:</td>
  16. <!--使用强类型方法生成下拉框,并自动根据 model属性里的ACate值 设置 下拉框的默认选中项-->
  17. <td>@Html.DropDownListFor(a=>a.ACate,ViewBag.CateList as IEnumerable<SelectListItem>)</td>
  18. </tr>
  19. <tr>
  20. <td>内容:</td>
  21. <!--使用HtmlHelper的强类型方法 直接 从 Model 中 根据 AContent 属性生成文本域-->
  22. <td>@Html.TextAreaFor(a => a.AContent, 10, 60, null)</td>
  23. </tr>
  24. <tr>
  25. <td colspan="2"><input type="submit" value="确定修改" /> @Html.ActionLink("返回","Index","Home")</td>
  26. </tr>
  27. </table>
  28. }
复制代码

我们的后端代码改如何编写呢?

  1. //因为我们这个Action是在表达以post方式提交时执行的,所以加上标识
  2. [HttpGet]
  3. /// <summary>
  4. /// 加载需要修改文章
  5. /// </summary>
  6. /// <param name="id">需要修改文章的Id</param>
  7. /// <returns></returns>
  8. public ActionResult EditArticle(int id)
  9. {
  10. //获取需要编辑文章,并且返回该实体对象的第一个元素
  11. BlogArticle art = (from c in db.BlogArticles where c.AId == id select c).FirstOrDefault();
  12. //我们把文章的分类做成一个下拉列表,并且给DropList的<option>赋值
  13. IEnumerable<SelectListItem> seleListItem = (from a in db.BlogArticleCates where a.IsDel == false select a).ToList().Select(a => new SelectListItem { Value = a.Id.ToString(), Text = a.Name });
  14. //返回List对象
  15. ViewBag.CateList = seleListItem;
  16. return View();
  17. }
  18. 接下来就是执行修改的代码:
  19. [HttpPost]
  20. /// <summary>
  21. /// 执行修改的代码
  22. /// </summary>
  23. /// <param name="model"></param>
  24. /// <returns></returns>
  25. public ActionResult Modify(BlogArticle model)
  26. {
  27. try
  28. {
  29. //1.将实体对象 a.加入 EF 对象容器中,并 b.获取 伪包装类对象
  30. DbEntityEntry<BlogArticle> entry = db.Entry<BlogArticle>(model);
  31. //2.将包装类对象的状态设置为 unchanged
  32. entry.State = System.Data.EntityState.Unchanged;
  33. //3.设置 被改变的属性
  34. entry.Property(a => a.ATitle).IsModified = true;
  35. entry.Property(a => a.AContent).IsModified = true;
  36. entry.Property(a => a.ACate).IsModified = true;
  37. //4.提交到数据库 完成修改
  38. db.SaveChanges();
  39. //5.更新成功,则命令浏览器 重定向 到 /Home/List 方法
  40. return RedirectToAction("Index", "Home");
  41. }
  42. catch (Exception ex)
  43. {
  44. return Content("修改失败~~~" + ex.Message);
  45. }
  46. }
复制代码

到此我们就完成了使用MVC建立一个小站点的任务,而且也完成了对数据的增删改查的操作。

希望本文所述对大家学习有所帮助。



太阳http代理AD
回复

使用道具 举报