ASP.NET MVC 2.0之編輯和刪除新聞操作

作者：郝憲瑋 2010-07-01 08:49:34

開發(fā) 后端

本文將介紹的是ASP.NET MVC 2.0的編輯和刪除新聞操作，包括創(chuàng)建View視圖NewsEdit和NewsDelete等等。

關(guān)于ASP.NET MVC框架，51CTO-.NET頻道向您推薦，本系列文章還包括

***篇《ASP.NET MVC 2.0之MVC框架簡介》

第二篇《ASP.NET MVC 2.0之如何運行WEB應(yīng)用》

第三篇《ASP.NET MVC 2.0之添加操作》

第四篇《ASP.NET MVC 2.0之顯示列表和詳細(xì)頁面操作》

創(chuàng)建View視圖NewsEdit和NewsDelete

創(chuàng)建新聞首頁，用來顯示新聞列表。

在Views/News目錄下，單擊右鍵，選擇Add->View，修改相關(guān)配置如下圖所示

修改相關(guān)配置

NewsEdit View

選擇Add->View

NewsDelete View

在生成的HTML代碼中，進(jìn)行相關(guān)展示方面的修改。主要代碼如下：

<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" }，從而當(dāng)用戶點擊日期文本框時，顯示日歷控件，供用戶選擇日期。詳情，請參照文章: 《ASP.NET MVC 2.0之添加操作》.

刪除頁面NewsDelete.aspx主要代碼如下：

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
    <h2>刪除新聞</h2> 
    <h3>確認(rèn)要刪除此條記錄嗎？</h3> 
    <fieldset> 
        <legend>Fields</legend> 
         
        <div class="display-label">編號：</div> 
        <div class="display-field"><%: Model.Id %></div> 
         
        <div class="display-label">標(biāo)題：</div> 
        <div class="display-field"><%: Model.Title %></div> 
         
        <div class="display-label">創(chuàng)建時間：</div> 
 <div class="display-field"><%: String.Format("{0:g}", Model.CreateTime) %>
</div>    
        <div class="display-label">新聞內(nèi)容</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文件下

修改Controller文件

修改NewsEdit.aspx頁面所對應(yīng)的的Action方法NewsEdit，以使NewsEdit.aspx頁面初始化數(shù)據(jù)，此處未讀讀取數(shù)據(jù)庫，而是從靜態(tài)變臉集合中讀取相對應(yīng)的記錄。

NewsEdit.asp所對應(yīng)的 Action 代碼如下：

//編輯頁面初始化方法  
        // GET: /News/Edit/5  
        public ActionResult NewsEdit(int id)  
        {  
            THelperMVC.Models.News.NewsModel news = newsList[id];  
            return View(news);  
        }  
[HttpPost]  
//點擊編輯按鈕時，觸發(fā)的方法  
        public ActionResult Edit(int id, FormCollection collection)  
        {  
            try 
            {  
                // TODO: 添加更新業(yè)務(wù)邏輯  
                return RedirectToAction("Index");  
            }  
            catch 
            {  
                return View();  
            }  
        }

NewsDelete.Aspx所對應(yīng)的Action方法，如下

// GET: /News/Delete/5  
        /// <summary>  
        /// 頁面初始化時，觸發(fā)的方法  
        /// </summary>  
        /// <param name="id">URL中的參數(shù)Id值</param>  
        /// <returns>新聞實體對象</returns>  
        public ActionResult NewsDelete(int id)  
        {  
            THelperMVC.Models.News.NewsModel news = newsList[id];  
            return View(news);  
        }  
   
        // POST: /News/Delete/5  
        [HttpPost]  
        //點擊【刪除】按鈕時觸發(fā)的方法  
   public ActionResult Delete(int id, FormCollection collection)  
        {  
            try 
            {  
                // TODO: 添加刪除業(yè)務(wù)邏輯  
                return RedirectToAction("Index");  
            }  
            catch 
            {  
                return View();  
            }  
        }