解析ASP.NET Mvc開(kāi)發(fā)之刪除修改數(shù)據(jù)

目錄：

1）從明源動(dòng)力到創(chuàng)新工場(chǎng)這一路走來(lái)

2）解析ASP.NET WebForm和Mvc開(kāi)發(fā)的區(qū)別

3）解析ASP.NET Mvc 之查詢數(shù)據(jù)實(shí)例

4）解析ASP.NET Mvc開(kāi)發(fā)之EF延遲加載

-------------------------------------------------------------------------------------------------------

上邊博客介紹了ASP.NET MVC使用EF來(lái)查詢數(shù)據(jù)和EF中DbQuery<T>泛型對(duì)象對(duì)數(shù)據(jù)的延遲加載。今天我們就來(lái)看看我們?cè)趺词褂肊F來(lái)刪除數(shù)據(jù)。

其實(shí)現(xiàn)在的Web開(kāi)發(fā)通用的模式就是前端使用Js和JQuery來(lái)和后端進(jìn)行數(shù)據(jù)交互。那么我們就在前端來(lái)加兩個(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>
            }

然后為該按鈕編寫(xiě)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地址是

說(shuō)明我們配置的路由信息是“home/del”

所以我們?cè)诳刂破鞯腍omeController中添加一個(gè)del方法，來(lái)完成刪除操作，代碼如下：

首先我們先來(lái)看看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來(lái)捕捉異常
            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ù)的刪除操作。

接下來(lái)我們就來(lái)完成修改的代碼，我們先展示視圖（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>
    }

我們的后端代碼改如何編寫(xiě)呢？

//因?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();
        }

接下來(lái)就是執(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ì)本系列的文章提出寶貴意見(jiàn)。