码迷,mamicode.com
首页 > Web开发 > 详细

Mvc开发之删除修改数据

时间:2016-11-27 16:50:27      阅读:1099      评论:0      收藏:0      [点我收藏+]

标签:需要   异常   标识   path   false   知识   where   option   实现   

上边博客介绍了ASP.NET MVC使用EF来查询数据和EF中DbQuery<T>泛型对象对数据的延迟加载。今天我们就来看看我们怎么使用EF来删除数据。

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

 

  1.  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   
    13                 </tr>  
    14             }   

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

 

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

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

 

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

技术分享

 

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

 

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

技术分享

 

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

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

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

 

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

 

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

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

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

 

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

 

 
  1.  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.  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   
    12                 <!--使用HtmlHelper的强类型方法 直接 从 Model 中 根据 ATitle 属性生成文本框-->  
    13                 <td>@Html.TextBoxFor(a=>a.ATitle)</td>  
    14             </tr>  
    15             <tr>  
    16                 <td>分类:</td>  
    17                 <!--使用强类型方法生成下拉框,并自动根据 model属性里的ACate值 设置 下拉框的默认选中项-->  
    18                 <td>@Html.DropDownListFor(a=>a.ACate,ViewBag.CateList as IEnumerable<SelectListItem>)</td>  
    19             </tr>  
    20             <tr>  
    21                 <td>内容:</td>  
    22                 <!--使用HtmlHelper的强类型方法 直接 从 Model 中 根据 AContent 属性生成文本域-->  
    23                 <td>@Html.TextAreaFor(a => a.AContent, 10, 60, null)</td>  
    24             </tr>  
    25             <tr>  
    26                 <td colspan="2"><input type="submit" value="确定修改" /> @Html.ActionLink("返回","Index","Home")</td>  
    27             </tr>  
    28         </table>  
    29     }  

     



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

  1.  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               
    13             //我们把文章的分类做成一个下拉列表,并且给DropList的<option>赋值  
    14             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 });  
    15   
    16             //返回List对象  
    17             ViewBag.CateList = seleListItem;  
    18   
    19             return View();  
    20         }  

接下来就是执行修改的代码:

  1. [HttpPost]  
            /// <summary>  
            /// 执行修改的代码  
            /// </summary>  
            /// <param name="model"></param>  
            /// <returns></returns>  
            public ActionResult Modify(BlogArticle model)  
            {  
                try  
                {  
                    //1.将实体对象 a.加入 EF 对象容器中,并 b.获取 伪包装类对象  
                    DbEntityEntry<BlogArticle> entry = db.Entry<BlogArticle>(model);  
                    //2.将包装类对象的状态设置为 unchanged  
                    entry.State = System.Data.EntityState.Unchanged;  
                    //3.设置 被改变的属性  
                    entry.Property(a => a.ATitle).IsModified = true;  
                    entry.Property(a => a.AContent).IsModified = true;  
                    entry.Property(a => a.ACate).IsModified = true;  
      
                    //4.提交到数据库 完成修改  
                    db.SaveChanges();  
                    //5.更新成功,则命令浏览器 重定向 到 /Home/List 方法  
                    return RedirectToAction("Index", "Home");  
                }  
                catch (Exception ex)  
                {  
                    return Content("修改失败~~~" + ex.Message);  
                }  
            }   

     

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

Mvc开发之删除修改数据

标签:需要   异常   标识   path   false   知识   where   option   实现   

原文地址:http://www.cnblogs.com/netalen/p/6106411.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!