ASP.NET Mvc開發(fā)之刪除修改數(shù)據(jù)
之前那篇文章介紹了ASP.NET MVC使用EF來查詢數(shù)據(jù)和EF中DbQuery<T>泛型對(duì)象對(duì)數(shù)據(jù)的延遲加載。今天我們就來看看我們?cè)趺词褂肊F來刪除數(shù)據(jù)。
其實(shí)現(xiàn)在的Web開發(fā)通用的模式就是前端使用Js和JQuery來和后端進(jìn)行數(shù)據(jù)交互。那么我們就在前端來加兩個(gè)刪除和更新的腳本。代碼如下:
<!--遍歷 Action方法 設(shè)置給 ViewData 的集合數(shù)據(jù),生成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腳本函數(shù),代碼如下:
<script type="text/javascript">
function del(id) {
if (confirm("確定要?jiǎng)h除么?")) {
<!--這里配置當(dāng)用戶確定刪除時(shí),js讓頁(yè)面跳轉(zhuǎn)到的的url地址-->
window.location="/home/del/"+ id;
}
}
</script>
上面的Js代碼的意思是,當(dāng)用戶點(diǎn)擊刪除按鈕時(shí),url跳轉(zhuǎn)的地址是"/home/del"+id
點(diǎn)擊前的效果如下圖,注意url地址是

它代表的意思是,瀏覽器現(xiàn)根據(jù)路由,請(qǐng)求了控制器(Controller),控制器根據(jù)路由的配置, 返回視圖方法,然后試圖再把Html,Js等回傳給瀏覽器。
點(diǎn)擊刪除按鈕并確定,注意url地址是

說明我們配置的路由信息是“home/del”
所以我們?cè)诳刂破鞯腍omeController中添加一個(gè)del方法,來完成刪除操作,代碼如下:
首先我們先來看看MVC默認(rèn)的路由表配置,在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 }
);
}
}
我們可以發(fā)現(xiàn)ur的默認(rèn)配置模式是"{controller}/{action}/{id}"
默認(rèn)的配置信息是defaults: new { controller = "Home", action = "Index", id = UrlParameter.Optional }
特別注意的是id = UrlParameter.Optional是可選的。
所以我們應(yīng)該在homeController.cs中創(chuàng)建一個(gè)del類型的Action方法,代碼如下:
//刪除文章
public ActionResult Del(int id)
{
//操作數(shù)據(jù)庫(kù)使用try...catch來捕捉異常
try
{
//創(chuàng)建刪除對(duì)象
BlogArticle artTicle = new BlogArticle();
artTicle.AId = id;
//將刪除對(duì)象添加到EF 對(duì)象管理容器
db.BlogArticles.Attach(artTicle);
//將對(duì)象包裝類的狀態(tài)標(biāo)識(shí)為刪除狀態(tài)
db.BlogArticles.Remove(artTicle);
//更新到數(shù)據(jù)庫(kù)
db.SaveChanges();
//更新成功后,頁(yè)面跳轉(zhuǎn)到Index頁(yè)面
return RedirectToAction("Index", "Home");
}
catch (Exception ex)
{
return RedirectToAction("友好頁(yè)面");
}
//return View();
}
這樣就完成了數(shù)據(jù)的刪除操作。
接下來我們就來完成修改的代碼,我們先展示視圖(View)代碼如下
<!--生成一個(gè)表單,并且指明表單提交方法,和路由-->
@using (Html.BeginForm("Modify", "Home", FormMethod.Post))
{
<table id="tbList">
<tr>
<td colspan="2">修改 @Html.HiddenFor(a=>a.AId) </td>
</tr>
<tr>
<td>標(biāo)題:</td>
@*<td>@Html.TextBox("txtName",(object)Model.ATitle)</td>*@
<!--使用HtmlHelper的強(qiáng)類型方法 直接 從 Model 中 根據(jù) ATitle 屬性生成文本框-->
<td>@Html.TextBoxFor(a=>a.ATitle)</td>
</tr>
<tr>
<td>分類:</td>
<!--使用強(qiáng)類型方法生成下拉框,并自動(dòng)根據(jù) model屬性里的ACate值 設(shè)置 下拉框的默認(rèn)選中項(xiàng)-->
<td>@Html.DropDownListFor(a=>a.ACate,ViewBag.CateList as IEnumerable<SelectListItem>)</td>
</tr>
<tr>
<td>內(nèi)容:</td>
<!--使用HtmlHelper的強(qiáng)類型方法 直接 從 Model 中 根據(jù) 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>
}
我們的后端代碼改如何編寫呢?
//因?yàn)槲覀冞@個(gè)Action是在表達(dá)以post方式提交時(shí)執(zhí)行的,所以加上標(biāo)識(shí)
[HttpGet]
/// <summary>
/// 加載需要修改文章
/// </summary>
/// <param name="id">需要修改文章的Id</param>
/// <returns></returns>
public ActionResult EditArticle(int id)
{
//獲取需要編輯文章,并且返回該實(shí)體對(duì)象的第一個(gè)元素
BlogArticle art = (from c in db.BlogArticles where c.AId == id select c).FirstOrDefault();
//我們把文章的分類做成一個(gè)下拉列表,并且給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對(duì)象
ViewBag.CateList = seleListItem;
return View();
}
接下來就是執(zhí)行修改的代碼:
[HttpPost]
/// <summary>
/// 執(zhí)行修改的代碼
/// </summary>
/// <param name="model"></param>
/// <returns></returns>
public ActionResult Modify(BlogArticle model)
{
try
{
//1.將實(shí)體對(duì)象 a.加入 EF 對(duì)象容器中,并 b.獲取 偽包裝類對(duì)象
DbEntityEntry<BlogArticle> entry = db.Entry<BlogArticle>(model);
//2.將包裝類對(duì)象的狀態(tài)設(shè)置為 unchanged
entry.State = System.Data.EntityState.Unchanged;
//3.設(shè)置 被改變的屬性
entry.Property(a => a.ATitle).IsModified = true;
entry.Property(a => a.AContent).IsModified = true;
entry.Property(a => a.ACate).IsModified = true;
//4.提交到數(shù)據(jù)庫(kù) 完成修改
db.SaveChanges();
//5.更新成功,則命令瀏覽器 重定向 到 /Home/List 方法
return RedirectToAction("Index", "Home");
}
catch (Exception ex)
{
return Content("修改失敗~~~" + ex.Message);
}
}
到此我們就完成了使用MVC建立一個(gè)小站點(diǎn)的任務(wù),而且也完成了對(duì)數(shù)據(jù)的增刪改查的操作。
希望本文所述對(duì)大家學(xué)習(xí)有所幫助。
- asp.net mvc 從數(shù)據(jù)庫(kù)中讀取圖片的實(shí)現(xiàn)代碼
- asp.net mvc4 mysql制作簡(jiǎn)單分頁(yè)組件(部分視圖)
- 利用ASP.NET MVC+EasyUI+SqlServer搭建企業(yè)開發(fā)框架
- 使用jQuery向asp.net Mvc傳遞復(fù)雜json數(shù)據(jù)-ModelBinder篇
- ASP.NET MVC DropDownList數(shù)據(jù)綁定及使用詳解
- ASP.NET中MVC從后臺(tái)控制器傳遞數(shù)據(jù)到前臺(tái)視圖的方式
- Asp.net mvc 數(shù)據(jù)調(diào)用示例代碼
- ASP.NET MVC 數(shù)據(jù)驗(yàn)證及相關(guān)內(nèi)容
- ASP.NET中MVC傳遞數(shù)據(jù)的幾種形式總結(jié)
- ASP.NET Mvc開發(fā)之查詢數(shù)據(jù)
- JQuery對(duì)ASP.NET MVC數(shù)據(jù)進(jìn)行更新刪除
- asp.net實(shí)現(xiàn)的MVC跨數(shù)據(jù)庫(kù)多表聯(lián)合動(dòng)態(tài)條件查詢功能示例
- ASP.NET MVC使用EPPlus,導(dǎo)出數(shù)據(jù)到Excel中
相關(guān)文章
ASP.NET MVC3 實(shí)現(xiàn)全站重定向的簡(jiǎn)單方法
這篇文章主要介紹了ASP.NET MVC3 實(shí)現(xiàn)全站重定向的簡(jiǎn)單方法,有需要的朋友可以參考一下2014-01-01
asp.net導(dǎo)出excel數(shù)據(jù)的常見方法匯總
這篇文章主要介紹了asp.net導(dǎo)出excel數(shù)據(jù)的常見方法,實(shí)例匯總了數(shù)據(jù)導(dǎo)出的常見的方法以及相關(guān)的注意事項(xiàng),是非常實(shí)用的技巧,需要的朋友可以參考下2014-10-10
關(guān)于中g(shù)ridview 字符串截取的方法
在Gridview中,如果你的某一列字符串的長(zhǎng)度過長(zhǎng),不做處理的話.那么將顯示的奇丑無比,可以采取設(shè)置樣式,將其顯示為定長(zhǎng),可以在點(diǎn)擊查看的時(shí)候,在另一個(gè)頁(yè)面對(duì)其進(jìn)行顯示2013-06-06
Log4net在.Net?Winform項(xiàng)目中的使用實(shí)例詳解
Log4net是一個(gè)流行的日志記錄工具,可以幫助開發(fā)人員在應(yīng)用程序中實(shí)現(xiàn)高效的日志記錄,本文將提供一個(gè)詳細(xì)的分步驟示例,來幫助您在.Net Winform項(xiàng)目中使用Log4net,感興趣的朋友一起看看吧2023-08-08
Asp.net 彈出對(duì)話框基類(輸出alet警告框)
asp.net輸出alert警告框2008-11-11

