解析ASP.NET Mvc开发之删除修改数据

本文涉及的产品
云解析DNS-重点域名监控,免费拨测 20万次(价值200元)
简介:

目录:

1)从明源动力到创新工场这一路走来

2)解析ASP.NET WebForm和Mvc开发的区别

3)解析ASP.NET Mvc 之查询数据实例

4)解析ASP.NET Mvc开发之EF延迟加载

-------------------------------------------------------------------------------------------------------

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

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

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

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

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


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


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

04162226-e2180d5b15b74c648a73de51a7b13cd


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


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

04154021-3303faa2825741fe83958aa7960d0bd


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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//路由表配置
     public  class  RouteConfig
     {
                                    
         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 }
             );
         }
     }


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

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

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


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

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

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


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


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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//因为我们这个Action是在表达以post方式提交时执行的,所以加上标识
         [HttpGet]
         /// <summary>
         /// 加载需要修改文章
         /// </summary>
         /// <param name="id">需要修改文章的Id</param>
         /// <returns></returns>
         public  ActionResult EditArticle( int  id)
         {
             //获取需要编辑文章,并且返回该实体对象的第一个元素
             BlogArticle art = ( from  in  db.BlogArticles  where  c.AId == id  select  c).FirstOrDefault();
                      
             //我们把文章的分类做成一个下拉列表,并且给DropList的<option>赋值
             IEnumerable<SelectListItem> seleListItem = ( from  in  db.BlogArticleCates  where  a.IsDel ==  false  select  a).ToList().Select(a =>  new  SelectListItem { Value = a.Id.ToString(), Text = a.Name });
             //返回List对象
             ViewBag.CateList = seleListItem;
             return  View();
         }


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
[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建立一个小站点的任务,而且也完成了对数据的增删改查的操作。

欢迎大家对本系列的文章提出宝贵意见。









     本文转自yisuowushinian 51CTO博客,原文链接:http://blog.51cto.com/yisuowushinian/1348554,如需转载请自行联系原作者





相关文章
|
2月前
|
监控 Cloud Native 测试技术
.NET技术深度解析:现代企业级开发指南
每日激励:“不要一直责怪过去的自己,他曾经站在雾里也很迷茫”。我是蒋星熠Jaxonic,一名在代码宇宙中探索的极客旅人。从.NET Framework到.NET 8,我深耕跨平台、高性能、云原生开发,践行领域驱动设计与微服务架构,用代码书写技术诗篇。分享架构演进、性能优化与AI融合前沿,助力开发者在二进制星河中逐光前行。关注我,共探技术无限可能!
.NET技术深度解析:现代企业级开发指南
|
9月前
|
人工智能 API 开发者
HarmonyOS Next~鸿蒙应用框架开发实战:Ability Kit与Accessibility Kit深度解析
本书深入解析HarmonyOS应用框架开发,聚焦Ability Kit与Accessibility Kit两大核心组件。Ability Kit通过FA/PA双引擎架构实现跨设备协同,支持分布式能力开发;Accessibility Kit提供无障碍服务构建方案,优化用户体验。内容涵盖设计理念、实践案例、调试优化及未来演进方向,助力开发者打造高效、包容的分布式应用,体现HarmonyOS生态价值。
546 27
|
9月前
|
人工智能 API 语音技术
HarmonyOS Next~鸿蒙AI功能开发:Core Speech Kit与Core Vision Kit的技术解析与实践
本文深入解析鸿蒙操作系统(HarmonyOS)中的Core Speech Kit与Core Vision Kit,探讨其在AI功能开发中的核心能力与实践方法。Core Speech Kit聚焦语音交互,提供语音识别、合成等功能,支持多场景应用;Core Vision Kit专注视觉处理,涵盖人脸检测、OCR等技术。文章还分析了两者的协同应用及生态发展趋势,展望未来AI技术与鸿蒙系统结合带来的智能交互新阶段。
581 31
|
9月前
|
开发框架 .NET 中间件
.net8 使用 license 证书授权案例解析
本文介绍了如何使用 `.NET CLI` 创建并改造一个 `ASP.NET Core Web API` 项目,以实现基于许可证的授权机制。具体步骤包括创建项目、添加必要的 NuGet 包(如 `Standard.Licensing` 和 `Swashbuckle.AspNetCore`),以及修改 `Program.cs` 文件以集成自定义的许可证验证中间件。项目结构中新增了 `LicenseController` 接口用于处理授权相关操作,并通过测试流程验证了默认天气接口在未授权和授权状态下的响应情况。整个过程确保了应用程序能够在启动时正确验证许可证,保障系统的安全性与可控性。
457 8
.net8 使用 license 证书授权案例解析
|
9月前
|
人工智能 小程序 前端开发
【一步步开发AI运动小程序】十九、运动识别中如何解析RGBA帧图片?
本文介绍了如何将相机抽取的RGBA帧图像解析为`.jpg`或`.png`格式,适用于体测、赛事等场景。首先讲解了RGBA图像结构,其为一维数组,每四个元素表示一个像素的颜色与透明度值。接着通过`uni.createOffscreenCanvas()`创建离屏画布以减少绘制干扰,并提供代码实现,将RGBA数据逐像素绘制到画布上生成图片。最后说明了为何不直接使用拍照API及图像转换的调用频率建议,强调应先暂存帧数据,运动结束后再进行转换和上传,以优化性能。
|
10月前
|
人工智能 芯片
D1net阅闻|OpenAI员工疯狂暗示,内部已成功开发ASI?被曝训出GPT-5但雪藏
D1net阅闻|OpenAI员工疯狂暗示,内部已成功开发ASI?被曝训出GPT-5但雪藏
|
9月前
|
索引
【Flutter 开发必备】AzListView 组件全解析,打造丝滑索引列表!
在 Flutter 开发中,AzListView 是实现字母索引分类列表的理想选择。它支持 A-Z 快速跳转、悬浮分组标题、自定义 UI 和高效性能,适用于通讯录、城市选择等场景。本文将详细解析 AzListView 的核心参数和实战示例,助你轻松实现流畅的索引列表。
422 7
|
9月前
|
数据可视化 测试技术 API
前后端分离开发:如何高效调试API?有工具 vs 无工具全解析
在前后端分离的开发模式中,API 调试的效率直接影响项目的质量和交付速度。通过本文的对比分析,我们可以看到无工具调试模式虽具备灵活性和代码复用能力,但在操作便利性和团队协作上稍显不足。而传统的外部调试工具带来了可视化、高效协作与扩展性,却可能存在工具切换带来的开发链路断层问题。Apipost-Hepler 融合了两者的优势,让开发者无需离开熟悉的 IDEA 环境,就能享受可视化调试工具的强大功能。
295 5
|
9月前
|
移动开发 前端开发 JavaScript
从入门到精通:H5游戏源码开发技术全解析与未来趋势洞察
H5游戏凭借其跨平台、易传播和开发成本低的优势,近年来发展迅猛。接下来,让我们深入了解 H5 游戏源码开发的技术教程以及未来的发展趋势。
|
8月前
|
SQL 小程序 API
如何运用C#.NET技术快速开发一套掌上医院系统?
本方案基于C#.NET技术快速构建掌上医院系统,结合模块化开发理念与医院信息化需求。核心功能涵盖用户端的预约挂号、在线问诊、报告查询等,以及管理端的排班管理和数据统计。采用.NET Core Web API与uni-app实现前后端分离,支持跨平台小程序开发。数据库选用SQL Server 2012,并通过读写分离与索引优化提升性能。部署方案包括Windows Server与负载均衡设计,确保高可用性。同时针对API差异、数据库老化及高并发等问题制定应对措施,保障系统稳定运行。推荐使用Postman、Redgate等工具辅助开发,提升效率与质量。
312 0

热门文章

最新文章

推荐镜像

更多
  • DNS