学用MVC4做网站五:5.4删除文章

前几天把添加、修改功能都做了，今天开始写删除功能。删除文章既要删除文章本身同时也要在公共模型中删除对应项。

首先写从数据库中删除文章的函数。打开ArticleRepository修改Delete的函数。有上次的教训这次明白了传递的id应该是公共模型id。

/// <summary>

        /// 删除文章

        /// </summary>

        /// <param name="commonModelId">公共模型id</param>

        /// <returns></returns>

        public override bool Delete(int commonModelId)

        {

            dbContext.CommonModels.Remove(dbContext.CommonModels.SingleOrDefault(cM => cM.CommonModelId == commonModelId));

            dbContext.Articles.Remove(dbContext.Articles.SingleOrDefault(a => a.CommonModelId == commonModelId));

            return dbContext.SaveChanges() > 0;

        }

很简单先在对应的公共模型删除，再删除文章，然后保存、返回。

第二步做UserDelete(int id) action。动作中先是ArticleRepository.Delete(id)进行删除并返回是否成功。然后判断请求类型：如果是Ajax方式返回是否成功的json类型；否则跳转到提示页或错误页。

/// <summary>

        /// 删除文章

        /// </summary>

        /// <param name="id">公共模型id</param>

        /// <returns></returns>

        [UserAuthorize]

        public ActionResult UserDelete(int id)

        {

            bool _deleted = articleRsy.Delete(id);

            if (Request.IsAjaxRequest())

            {

                return Json(_deleted);

            }

            else

            {

                if (_deleted)

                {

                    Notice _n = new Notice { Title = "删除文章成功", Details = "您已经成功删除了该文章！", DwellTime = 5, NavigationName = "我的文章", NavigationUrl = Url.Action("UserOwn", "Article") };

                    return RedirectToAction("UserNotice", "Prompt", _n);

                }

                else

                {

                    Error _e = new Error { Title = "删除文章失败", Details = "在删除文章时发生错误", Cause = "该文章已经被删除", Solution = Server.UrlEncode("<li>返回<a href='" + Url.Action("UserOwn", "Article") + "'>我的文章</a>页面，输入正确的信息后重新操作</li><li>返回<a href='" + Url.Action("UserDefault", "Article") + "'>文章管理首页</a>。</li><li>联系网站管理员</li>") };

                    return RedirectToAction("ManageError", "Prompt", _e);

                }

            }

        }

第三步开始做删除的前台。就不单独写视图，直接写在“我的文章中”。打开UserOwn.cshtml，修改删除连接的ActionLink为@Html.ActionLink("删除", "UserDelete", new { id = item.CommonModelId }, new { @class = "btnDel" })

然后写点击删除链接的js代码

<script type="text/javascript">

    $(".btnDel").click(function () {

        if (confirm("你确定要删除该文章吗？")) {

            var url = $(this).attr("href");

            $.post(url, null, function (data) {

                if (data) {

                    alert("删除成功!");

                    window.location.reload();

                }

                else {

                    alert("删除失败！");

                }

            });

        }

        return false;

    });

</script>

先提示“你确定要删除该文章吗？”，如果确定则采用post方式请求删除，并返回相应结果给出相应提示。

F5 删除一下文章看。