ASP.NETMVC2.0之编辑和删除新闻操作

关于ASP.NET MVC框架,-.NET频道向您推荐,本系列文章还包括

创新互联公司是一家专业提供恩施土家企业网站建设,专注与成都做网站、网站建设、外贸营销网站建设html5、小程序制作等业务。10年已为恩施土家众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。

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

第二篇《ASP.NET MVC 2.0之如何运行WEB应用

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

第四篇《ASP.NET MVC 2.0之显示列表和详细页面操作》

创建View视图NewsEdit和NewsDelete

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

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

NewsEdit View

NewsDelete View

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

 
 
 
 
  1.  
  2.    
  3.     

    新闻编辑-

     
  4.     <% using (Html.BeginForm()) {%> 
  5.         <%: Html.ValidationSummary(true) %>       
  6.         
     
  7.             Fields 
  8.              
  9.              
  10.                 <%: Html.LabelFor(model => model.Id) %> 
  11.             
 
  •              
  •                 <%: 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" },从而当用户点击日期文本框时,显示日历控件,供用户选择日期。详情,请参照文章: 《ASP.NET MVC 2.0之添加操作》.

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

     
     
     
     
    1.  
    2.     

      删除新闻

       
    3.     

      确认要删除此条记录吗?

       
    4.     
       
    5.         Fields 
    6.          
    7.         编号: 
    8.         <%: Model.Id %> 
    9.          
    10.         标题: 
    11.         <%: Model.Title %> 
    12.          
    13.         创建时间: 
    14.  <%: String.Format("{0:g}", Model.CreateTime) %>
    15.     
    16.         新闻内容 
    17.         <%: Model.Content %>    
    18.      
    19.     <% using (Html.BeginForm()) { %> 
    20.         

       

    21.                         |  
    22.                        <%: Html.ActionLink("Back to List", "Index") %> 
    23.         

       
    24.     <% } %> 
    25.  

    修改Controller文件

    在Controllers/News文件下

    修改NewsEdit.aspx页面所对应的的Action方法NewsEdit,以使NewsEdit.aspx页面初始化数据,此处未读读取数据库,而是从静态变脸集合中读取相对应的记录。

    NewsEdit.asp所对应的 Action 代码如下:

     
     
     
     
    1. //编辑页面初始化方法  
    2.         // GET: /News/Edit/5  
    3.         public ActionResult NewsEdit(int id)  
    4.         {  
    5.             THelperMVC.Models.News.NewsModel news = newsList[id];  
    6.             return View(news);  
    7.         }  
    8. [HttpPost]  
    9. //点击编辑按钮时,触发的方法  
    10.         public ActionResult Edit(int id, FormCollection collection)  
    11.         {  
    12.             try 
    13.             {  
    14.                 // TODO: 添加更新业务逻辑  
    15.                 return RedirectToAction("Index");  
    16.             }  
    17.             catch 
    18.             {  
    19.                 return View();  
    20.             }  
    21.         } 

    NewsDelete.Aspx所对应的Action方法,如下

     
     
     
     
    1. // GET: /News/Delete/5  
    2.         ///   
    3.         /// 页面初始化时,触发的方法  
    4.         ///   
    5.         /// URL中的参数Id值  
    6.         /// 新闻实体对象  
    7.         public ActionResult NewsDelete(int id)  
    8.         {  
    9.             THelperMVC.Models.News.NewsModel news = newsList[id];  
    10.             return View(news);  
    11.         }  
    12.    
    13.         // POST: /News/Delete/5  
    14.         [HttpPost]  
    15.         //点击【删除】按钮时触发的方法  
    16.    public ActionResult Delete(int id, FormCollection collection)  
    17.         {  
    18.             try 
    19.             {  
    20.                 // TODO: 添加删除业务逻辑  
    21.                 return RedirectToAction("Index");  
    22.             }  
    23.             catch 
    24.             {  
    25.                 return View();  
    26.             }  
    27.         } 

    根据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.NETMVC2.0之编辑和删除新闻操作
    标题路径:http://www.shufengxianlan.com/qtweb/news5/18355.html

    网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

    广告

    声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

    猜你还喜欢下面的内容

    软件开发知识

    分类信息网站