音效素材网提供各类素材,打造精品素材网站!

站内导航 站长工具 投稿中心 手机访问

音效素材

ASP.NET Mvc开发之删除修改数据
日期:2021-09-07 22:10:15   来源:脚本之家

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

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

       <!--遍历 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脚本函数,代码如下:

<script type="text/javascript">
    function del(id) {
      if (confirm("确定要删除么?")) {

          <!--这里配置当用户确定删除时,js让页面跳转到的的url地址-->
        window.location="/home/del/"+ id;
      }
    }
  </script>

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

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

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

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

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

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

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

//路由表配置
  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方法,代码如下:

 //删除文章
    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)代码如下

 <!--生成一个表单,并且指明表单提交方法,和路由-->
  @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>
  }

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

//因为我们这个Action是在表达以post方式提交时执行的,所以加上标识
    [HttpGet]
    /// <summary>
    /// 加载需要修改文章
    /// </summary>
    /// <param name="id">需要修改文章的Id</param>
    /// <returns></returns>
    public ActionResult EditArticle(int id)
    {
      //获取需要编辑文章,并且返回该实体对象的第一个元素
      BlogArticle art = (from c in db.BlogArticles where c.AId == id select c).FirstOrDefault();
      
      //我们把文章的分类做成一个下拉列表,并且给DropList的<option>赋值
      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 });

      //返回List对象
      ViewBag.CateList = seleListItem;

      return View();
    }
接下来就是执行修改的代码:
[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建立一个小站点的任务,而且也完成了对数据的增删改查的操作。

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

    您感兴趣的教程

    在docker中安装mysql详解

    本篇文章主要介绍了在docker中安装mysql详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编...

    详解 安装 docker mysql

    win10中文输入法仅在桌面显示怎么办?

    win10中文输入法仅在桌面显示怎么办?

    win10系统使用搜狗,QQ输入法只有在显示桌面的时候才出来,在使用其他程序输入框里面却只能输入字母数字,win10中...

    win10 中文输入法

    一分钟掌握linux系统目录结构

    这篇文章主要介绍了linux系统目录结构,通过结构图和多张表格了解linux系统目录结构,感兴趣的小伙伴们可以参考一...

    结构 目录 系统 linux

    PHP程序员玩转Linux系列 Linux和Windows安装

    这篇文章主要为大家详细介绍了PHP程序员玩转Linux系列文章,Linux和Windows安装nginx教程,具有一定的参考价值,感兴趣...

    玩转 程序员 安装 系列 PHP

    win10怎么安装杜比音效Doby V4.1 win10安装杜

    第四代杜比®家庭影院®技术包含了一整套协同工作的技术,让PC 发出清晰的环绕声同时第四代杜比家庭影院技术...

    win10杜比音效

    纯CSS实现iOS风格打开关闭选择框功能

    这篇文章主要介绍了纯CSS实现iOS风格打开关闭选择框,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作...

    css ios c

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的办法

    Win7如何给C盘扩容 Win7系统电脑C盘扩容的

    Win7给电脑C盘扩容的办法大家知道吗?当系统分区C盘空间不足时,就需要给它扩容了,如果不管,C盘没有足够的空间...

    Win7 C盘 扩容

    百度推广竞品词的投放策略

    SEM是基于关键词搜索的营销活动。作为推广人员,我们所做的工作,就是打理成千上万的关键词,关注它们的质量度...

    百度推广 竞品词

    Visual Studio Code(vscode) git的使用教程

    这篇文章主要介绍了详解Visual Studio Code(vscode) git的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。...

    教程 Studio Visual Code git

    七牛云储存创始人分享七牛的创立故事与

    这篇文章主要介绍了七牛云储存创始人分享七牛的创立故事与对Go语言的应用,七牛选用Go语言这门新兴的编程语言进行...

    七牛 Go语言

    Win10预览版Mobile 10547即将发布 9月19日上午

    微软副总裁Gabriel Aul的Twitter透露了 Win10 Mobile预览版10536即将发布,他表示该版本已进入内部慢速版阶段,发布时间目...

    Win10 预览版

    HTML标签meta总结,HTML5 head meta 属性整理

    移动前端开发中添加一些webkit专属的HTML5头部标签,帮助浏览器更好解析HTML代码,更好地将移动web前端页面表现出来...

    移动端html5模拟长按事件的实现方法

    这篇文章主要介绍了移动端html5模拟长按事件的实现方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家...

    移动端 html5 长按

    HTML常用meta大全(推荐)

    这篇文章主要介绍了HTML常用meta大全(推荐),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参...

    cdr怎么把图片转换成位图? cdr图片转换为位图的教程

    cdr怎么把图片转换成位图? cdr图片转换为

    cdr怎么把图片转换成位图?cdr中插入的图片想要转换成位图,该怎么转换呢?下面我们就来看看cdr图片转换为位图的...

    cdr 图片 位图

    win10系统怎么录屏?win10系统自带录屏详细教程

    win10系统怎么录屏?win10系统自带录屏详细

    当我们是使用win10系统的时候,想要录制电脑上的画面,这时候有人会想到下个第三方软件,其实可以用电脑上的自带...

    win10 系统自带录屏 详细教程

    + 更多教程 +
    ASP编程JSP编程PHP编程.NET编程python编程