之前那篇文章介紹了ASP.NET MVC使用EF來查詢數(shù)據(jù)和EF中DbQuery<T>泛型對象對數(shù)據(jù)的延遲加載。今天我們就來看看我們怎么使用EF來刪除數(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讓頁面跳轉(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ù)路由,請求了控制器(Controller),控制器根據(jù)路由的配置, 返回視圖方法,然后試圖再把Html,Js等回傳給瀏覽器。
點(diǎn)擊刪除按鈕并確定,注意url地址是
說明我們配置的路由信息是“home/del”
所以我們在控制器的HomeController中添加一個(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ù)庫使用try...catch來捕捉異常 try { //創(chuàng)建刪除對象 BlogArticle artTicle = new BlogArticle(); artTicle.AId = id; //將刪除對象添加到EF 對象管理容器 db.BlogArticles.Attach(artTicle); //將對象包裝類的狀態(tài)標(biāo)識為刪除狀態(tài) db.BlogArticles.Remove(artTicle); //更新到數(shù)據(jù)庫 db.SaveChanges(); //更新成功后,頁面跳轉(zhuǎn)到Index頁面 return RedirectToAction("Index", "Home"); } catch (Exception ex) { return RedirectToAction("友好頁面"); } //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)識 [HttpGet] /// <summary> /// 加載需要修改文章 /// </summary> /// <param name="id">需要修改文章的Id</param> /// <returns></returns> public ActionResult EditArticle(int id) { //獲取需要編輯文章,并且返回該實(shí)體對象的第一個(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對象 ViewBag.CateList = seleListItem; return View(); }接下來就是執(zhí)行修改的代碼:[HttpPost] /// <summary> /// 執(zhí)行修改的代碼 /// </summary> /// <param name="model"></param> /// <returns></returns> public ActionResult Modify(BlogArticle model) { try { //1.將實(shí)體對象 a.加入 EF 對象容器中,并 b.獲取 偽包裝類對象 DbEntityEntry<BlogArticle> entry = db.Entry<BlogArticle>(model); //2.將包裝類對象的狀態(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ù)庫 完成修改 db.SaveChanges(); //5.更新成功,則命令瀏覽器 重定向 到 /Home/List 方法 return RedirectToAction("Index", "Home"); } catch (Exception ex) { return Content("修改失敗~~~" + ex.Message); } }
到此我們就完成了使用MVC建立一個(gè)小站點(diǎn)的任務(wù),而且也完成了對數(shù)據(jù)的增刪改查的操作。
希望本文所述對大家學(xué)習(xí)有所幫助。