天天看點

ASP.NET MVC實踐系列2-簡單應用

 這裡我們建立一個簡單的ASP.NET MVC實踐應用,對News資料庫的News表進行CRUD。

一、準備工作:

在SQLServer中建立News資料庫News表,然後建立在Models檔案夾中加入NewsData.dbml檔案,将News表拖入到dbml檔案中

二、建立News

1、添加視圖

在Views檔案夾中加入News檔案夾,然後在News檔案夾上單擊右鍵-》添加-》View,然後按如下選擇(注意需要再添加前先編譯,不然無法顯示Model中的類)

生成的代碼如下:(略作修改,将id行去掉)

<a></a>

ASP.NET MVC實踐系列2-簡單應用

Code

&lt;%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage&lt;MvcCRUDDemo.Models.News&gt;" %&gt;

&lt;asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server"&gt;

    Create

&lt;/asp:Content&gt;

&lt;asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"&gt;

    &lt;h2&gt;Create&lt;/h2&gt;

    &lt;%= Html.ValidationSummary("Create was unsuccessful. Please correct the errors and try again.") %&gt;

    &lt;% using (Html.BeginForm()) {%&gt;

        &lt;fieldset&gt;

            &lt;legend&gt;Fields&lt;/legend&gt;

            &lt;p&gt;

                &lt;label for="Title"&gt;Title:&lt;/label&gt;

                &lt;%= Html.TextBox("Title") %&gt;

                &lt;%= Html.ValidationMessage("Title", "*") %&gt;

            &lt;/p&gt;

                &lt;label for="Content"&gt;Content:&lt;/label&gt;

                &lt;%= Html.TextBox("Content") %&gt;

                &lt;%= Html.ValidationMessage("Content", "*") %&gt;

                &lt;label for="Author"&gt;Author:&lt;/label&gt;

                &lt;%= Html.TextBox("Author") %&gt;

                &lt;%= Html.ValidationMessage("Author", "*") %&gt;

                &lt;label for="CreateTime"&gt;CreateTime:&lt;/label&gt;

                &lt;%= Html.TextBox("CreateTime") %&gt;

                &lt;%= Html.ValidationMessage("CreateTime", "*") %&gt;

                &lt;label for="Country"&gt;Country:&lt;/label&gt;

                &lt;%= Html.TextBox("Country") %&gt;

                &lt;%= Html.ValidationMessage("Country", "*") %&gt;

                &lt;input type="submit" value="Create" /&gt;

        &lt;/fieldset&gt;

    &lt;% } %&gt;

    &lt;div&gt;

        &lt;%=Html.ActionLink("Back to List", "Index") %&gt;

    &lt;/div&gt;

第一行中的Inherits="System.Web.Mvc.ViewPage&lt;MvcCRUDDemo.Models.News&gt;"表示這個View的Model為MvcCRUDDemo.Models.News。另:輸入的驗證我們會在系列3中講到

2、添加Controler

右鍵單擊Controller檔案夾添加-》Controller

ASP.NET MVC實踐系列2-簡單應用

   public ActionResult Create()

        {

            News news = new News { CreateTime = DateTime.Now };

            return View(news);

        }

        [AcceptVerbs(HttpVerbs.Post)]

        public ActionResult Create(News news)

            NewsDataDataContext dc = new NewsDataDataContext();

            dc.News.InsertOnSubmit(news);

            dc.SubmitChanges();

            return RedirectToAction("NewsList");

第一個無參的Create方法是當通路/News/Create時調用,第二個以news做為參數的Create方法是進行post送出時會調用。

三、讀取News表中的内容:

1、添加清單視圖

然後在View Content下拉框中選擇List

生成的View代碼為:

省略...

2、添加清單Controller

右鍵單擊Controller檔案夾添加-》Controller,然後添加NewsList()方法,代碼如下

ASP.NET MVC實踐系列2-簡單應用

public ActionResult NewsList()

            IEnumerable&lt;News&gt; newsList = dc.News;

            return View(newsList);

然後修改一下Global檔案:

ASP.NET MVC實踐系列2-簡單應用

 routes.MapRoute(

                "Default",                                              // Route name

                "{controller}/{action}/{id}",                           // URL with parameters

                new { controller = "News", action = "NewsList", id = "" }  // Parameter defaults

            );

然後就可以浏覽defaul.aspx檢視結果了。

3、添加details視圖

5、添加Details的Controller

ASP.NET MVC實踐系列2-簡單應用

public ActionResult Details(int id)

            return View(dc.News.First(n =&gt; n.id == id));

四、編輯News表内容

1、添加Edit視圖

2、添加編輯的Controler

ASP.NET MVC實踐系列2-簡單應用

public ActionResult Edit(int id)

            return View(dc.News.First(n =&gt; n.id == id)); 

        public ActionResult Edit(int id, FormCollection formValues)

            News news = dc.News.First(n =&gt; n.id == id);

            UpdateModel(news);

            return RedirectToAction("Details", new { id = id });

隻有一個參數的Edit是通路News/Edit/5時調用的方法,而另一個是當送出時調用的方法。送出時調用的Edit方法需要注意的就是UpdateModel方法,這個方法就是利用反射來将從用戶端頁面收集回來的資訊更新到實體類中,是以這個地方最簡單的方式就是遵守mvc的預設規則,也就是頁面端得input的名字要和實體相同。

五、删除News表中的内容

1、添加删除視圖

ASP.NET MVC實踐系列2-簡單應用

    Delete

        &lt;p&gt;

           你确認要删除

                &lt;%=Html.Encode(Model.Title) %&gt;麼? &lt;/i&gt;

        &lt;/p&gt;

    &lt;% using (Html.BeginForm())

       { %&gt;

    &lt;input name="confirmButton" type="submit" value="确認" /&gt;

2、添加删除Controler

ASP.NET MVC實踐系列2-簡單應用

public ActionResult Delete(int id)

        public ActionResult Delete(int id, string confirmButton)

            var news = dc.News.First(n =&gt; n.id == id);

            dc.News.DeleteOnSubmit(news);

六、源碼下載下傳

資料庫需要自己添加,另外這裡的代碼為了分步講解友善,有些重複的地方沒有進行優化

<a href="http://files.cnblogs.com/nuaalfm/MvcCRUDDemo.zip">源碼</a>

本文轉自 你聽海是不是在笑 部落格園部落格,原文連結:http://www.cnblogs.com/nuaalfm/archive/2009/10/26/1590064.html  ,如需轉載請自行聯系原作者