ASP.NET MVC 2.0中如何编辑和删除新闻操作

本篇文章给大家分享的是有关ASP.NET MVC 2.0中如何编辑和删除新闻操作，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创建View视图NewsEdit和NewsDelete

创建新闻首页，用来显示新闻列表。

在Views/News目录下，单击右键，选择Add->View，修改相关配置如下图所示

NewsEdit View

NewsDelete View

在生成的HTML代码中，进行相关展示方面的修改。主要代码如下：

        
新闻编辑-
     <% using (Html.BeginForm()) {%>         <%: Html.ValidationSummary(true) %>               
             
Fields
                          
                 <%: Html.LabelFor(model => model.Id) %>             
             
                 <%: Html.TextBoxFor(model => model.Id)%>                 <%: Html.ValidationMessageFor(model => model.Id) %>             
                          
                 <%: Html.LabelFor(model => model.Title) %>             
             
                 <%: Html.TextBoxFor(model => model.Title) %>                 <%: Html.ValidationMessageFor(model => model.Title) %>             
                          
                 <%: Html.LabelFor(model => model.CreateTime)%>             
             
   <%: Html.TextBoxFor(model => model.CreateTime,new { @class = "date" }) %>         <%: Html.ValidationMessageFor(model => model.CreateTime) %>             
                          
                 <%: Html.LabelFor(model => model.Content) %>             
             
                 <%: Html.EditorFor(model => model.Content) %>                 <%: Html.ValidationMessageFor(model => model.Content) %>             
                          
                              
         
     <% } %>     
         <%: Html.ActionLink("Back to List", "Index") %>     
 

新闻编辑页面HTML代码。

隐藏style="display:none;" 新闻编号Id

给日期文本框加Class="Date"属性：new { @class = "date" }，从而当用户点击日期文本框时，显示日历控件，供用户选择日期。

删除页面NewsDelete.aspx主要代码如下：

     
删除新闻
     
确认要删除此条记录吗？
     
         
Fields
                  
编号：
         
<%: Model.Id %>
                  
标题：
         
<%: Model.Title %>
                  
创建时间：
  
<%: String.Format("{0:g}", Model.CreateTime) %>
            
新闻内容
         
<%: Model.Content %>
        
     <% using (Html.BeginForm()) { %>         
                         |                         <%: Html.ActionLink("Back to List", "Index") %>         
     <% } %> 

修改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          /// 
          /// 页面初始化时，触发的方法          /// 
          /// URL中的参数Id值          /// 新闻实体对象          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 MVC 2.0中如何编辑和删除新闻操作，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。