Asp.net MVC2.0系列文章-编辑和删除新闻操作
上一篇文章，我們簡單地完成了新聞內容的展示功能(Asp.net MVC2.0系列文章-顯示列表和詳細頁面操作),此篇文章，我們使用Asp.net MVC2.0實現新聞記錄的編輯和刪除功能。
創建View視圖NewsEdit和NewsDelete
創建新聞首頁，用來顯示新聞列表。
在Views/News目錄下，單擊右鍵，選擇Add->View，修改相關配置如下圖所示
NewsEdit View
NewsDelete View
在生成的HTML代碼中，進行相關展示方面的修改。主要代碼如下：
?
| <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> ? ??? <h2>新聞編輯-</h2> ??? <% using (Html.BeginForm()) {%> ??????? <%: Html.ValidationSummary(true) %>????? ??????? <fieldset> ??????????? <legend>Fields</legend> ??????????? ??????????? <div class="editor-label" style="display:none;"> ??????????????? <%: Html.LabelFor(model => model.Id) %> ??????????? </div> ??????????? <div class="editor-field" style="display:none;"> ??????????????? <%: Html.TextBoxFor(model => model.Id)%> ??????????????? <%: Html.ValidationMessageFor(model => model.Id) %> ??????????? </div> ??????????? ??????????? <div class="editor-label"> ??????????????? <%: Html.LabelFor(model => model.Title) %> ??????????? </div> ??????????? <div class="editor-field"> ??????????????? <%: Html.TextBoxFor(model => model.Title) %> ??????????????? <%: Html.ValidationMessageFor(model => model.Title) %> ??????????? </div> ??????????? ??????????? <div class="editor-label"> ??????????????? <%: Html.LabelFor(model => model.CreateTime)%> ??????????? </div> ??????????? <div class="editor-field"> ??????????????? <%: Html.TextBoxFor(model => model.CreateTime,new { @class = "date" }) %> ??????????????? <%: Html.ValidationMessageFor(model => model.CreateTime) %> ??????????? </div> ??????????? ??????????? <div class="editor-label"> ??????????????? <%: Html.LabelFor(model => model.Content) %> ??????????? </div> ??????????? <div class="editor-field"> ??????????????? <%: Html.EditorFor(model => model.Content) %> ??????????????? <%: Html.ValidationMessageFor(model => model.Content) %> ??????????? </div> ??????????? ??????????? <p> ??????????????? <input type="submit" value="Save" /> ??????????? </p> ??????? </fieldset> ??? <% } %> ??? <div> ??????? <%: Html.ActionLink("Back to List", "Index") %> ??? </div> </asp:Content> |
?
新聞編輯頁面HTML代碼。
隱藏style="display:none;" 新聞編號Id
給日期文本框加Class=”Date”屬性：new { @class = "date" }，從而當用戶點擊日期文本框時，顯示日歷控件，供用戶選擇日期。詳情，請參照文章: Asp.net MVC2.0系列文章-添加操作.
?
刪除頁面NewsDelete.aspx主要代碼如下：
?
| <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> ??? <h2>刪除新聞</h2> ??? <h3>確認要刪除此條記錄嗎？</h3> ??? <fieldset> ??????? <legend>Fields</legend> ??????? ??????? <div class="display-label">編號：</div> ??????? <div class="display-field"><%: Model.Id %></div> ??????? ??????? <div class="display-label">標題：</div> ??????? <div class="display-field"><%: Model.Title %></div> ??????? ??????? <div class="display-label">創建時間：</div> ??????? <div class="display-field"><%: String.Format("{0:g}", Model.CreateTime) %></div> ??????? ??????? <div class="display-label">新聞內容</div> ??????? <div class="display-field"><%: Model.Content %></div> ??????? ??? </fieldset> ??? <% using (Html.BeginForm()) { %> ??????? <p> ?????????????????? ??? <input type="submit" value="Delete" /> | ?????????????????? ??? <%: Html.ActionLink("Back to List", "Index") %> ??????? </p> ??? <% } %> </asp:Content> |
修改Controller文件
在Controllers/News文件下
修改NewsEdit.aspx頁面所對應的的Action方法NewsEdit，以使NewsEdit.aspx頁面初始化數據，此處未讀讀取數據庫，而是從靜態變臉集合中讀取相對應的記錄。
NewsEdit.asp所對應的 Action 代碼如下：
?
| //編輯頁面初始化方法 ??????? // GET: /News/Edit/5 ??????? public ActionResult NewsEdit(int id) ??????? { ??????????? THelperMVC.Models.News.NewsModel news = newsList[id]; ??????????? return View(news); ??????? } [HttpPost] //點擊編輯按鈕時，觸發的方法 ??????? public ActionResult Edit(int id, FormCollection collection) ??????? { ??????????? try ??????????? { ??????????????? // TODO: 添加更新業務邏輯 ??????????????? return RedirectToAction("Index"); ??????????? } ??????????? catch ??????????? { ??????????????? return View(); ??????????? } ??????? } |
?
NewsDelete.Aspx所對應的Action方法，如下
?
| // GET: /News/Delete/5 ??????? /// <summary> ??????? /// 頁面初始化時，觸發的方法 ??????? /// </summary> ??????? /// <param name="id">URL中的參數Id值</param> ??????? /// <returns>新聞實體對象</returns> ??????? public ActionResult NewsDelete(int id) ??????? { ??????????? THelperMVC.Models.News.NewsModel news = newsList[id]; ??????????? return View(news); ??????? } ? ??????? // POST: /News/Delete/5 ??????? [HttpPost] ??????? //點擊【刪除】按鈕時觸發的方法 ??????? public ActionResult Delete(int id, FormCollection collection) ??????? { ??????????? try ??????????? { ??????????????? // TODO: 添加刪除業務邏輯 ??????????????? return RedirectToAction("Index"); ??????????? } ??????????? catch ??????????? { ??????????????? return View(); ??????????? } ??????? } |
?
根據URL傳過來的參數（即新聞編號Id）,從全局靜態變量中尋找NewsModel實體，從而初始化新聞刪除頁面。
最后修改新聞頁Index.aspx中的Edit連接，如下圖所示：
此時，點擊新聞頁Index.aspx超鏈接，會尋找NewsController文件夾下的NewsEdit方法或者NewsDelete方法，從而初始化Views/News/NewsEdit.aspx頁面或者Views/News/NewsDelete.aspx頁面，
程序運行效果
按下Ctrl+F5運行程序，如下圖所示：
點擊上圖中的【News】超鏈接，跳轉到新聞列表頁面，如下圖所示：
點擊【Edit】超鏈接，會跳轉到相應記錄的編輯頁面，如下圖所示：
點擊【Delete】超鏈接，會跳轉到相應記錄的刪除頁面，如下圖所示：
總結
至此，使用Asp,net MVC2.0框架完成了簡單的增查改刪操作。接下來，在時間允許的情況下，會對MVC2.0框架原理進行一些總結，還望園子里德朋友指點。
?
總結
以上是生活随笔為你收集整理的Asp.net MVC2.0系列文章-编辑和删除新闻操作的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 在MFC框架下使用osg报内存泄露的解决
- 下一篇： 自定义C++一元多项式类