学用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 删除一下文章看。