ASP.NET MVC案例教程（基于ASP.NET MVC beta）——第二篇：第一个页面
摘要
????? 本文首先一步一步完成Demo的第一個頁面——首頁。然后根據(jù)實(shí)現(xiàn)過程，說明一下其中用到的與ASP.NET MVC相關(guān)的概念與原理。
讓第一個頁面跑起來
????? 現(xiàn)在，我們來實(shí)現(xiàn)公告系統(tǒng)中的第一個頁面——首頁。它非常簡單，只包括所有公告分類的列表，并且每個列表項(xiàng)是一個超鏈接。其中分類數(shù)據(jù)是用我們的Mock組件得到的。實(shí)現(xiàn)后界面如下：
?
????? 在開始之前，我們要刪幾個東西。因?yàn)槟J(rèn)情況下建立一個MVC項(xiàng)目時里面包含了幾個示例頁面，我們要做的就是：
????? 1.將Controllers文件夾下所有文件刪除。
????? 2.將Views文件夾下除了Shared文件夾和Web.config外的所有文件刪除，然后將Shared文件夾里面的文件刪除。
????? 完成以上幾步后，就可以開始實(shí)現(xiàn)第一個頁面了。
實(shí)現(xiàn)控制器
????? 在Controllers文件夾下新建一個文件，類型選擇“MVC Controller Class”，名字命名為HomeController.cs。這就是一個控制器類。然后我們?yōu)樗幋a，具體代碼如下：
HomeController.cs:
?2using?System.Collections.Generic;
?3using?System.Linq;
?4using?System.Web;
?5using?System.Web.Mvc;
?6using?System.Web.Mvc.Ajax;
?7using?MVCDemo.Models;
?8using?MVCDemo.Models.Interfaces;
?9using?MVCDemo.Models.Entities;
10
11namespace?MVCDemo.Controllers
12{
13????public?class?HomeController?:?Controller
14????{
15????????public?ActionResult?Index()
16????????{
17????????????ICategoryService?cServ?=?ServiceBuilder.BuildCategoryService();
18????????????ViewData["Categories"]?=?cServ.GetAll();
19????????????return?View("Index");
20????????}
21????}
22}
????? 直觀看來，這個類不是很復(fù)雜。它首先繼承了Controller類。Controller類是ASP.NET MVC框架中提供的一個控制器積累，所有我們自定義的控制器類都要繼承此基類。然后這個類中有一個Index方法，返回值類型是ActionResult。
????? 這里對其中涉及到的概念簡單解釋一下。首先，控制器類可以說是ASP.NET MVC的核心類，因?yàn)樗鼘⑻幚硪磺姓埱?#xff0c;并處理所有頁面轉(zhuǎn)發(fā)等表示邏輯，這也是使用了ASP.NET MVC后與傳統(tǒng)ASP.NET應(yīng)用最大的差別。在傳統(tǒng)模式下，一個用戶請求的url將對應(yīng)一個aspx文件，而在ASP.NET MVC下，一個用戶請求對應(yīng)某個控制器類中的一個方法，而這個方法，就叫做一個Action。至于如何對應(yīng)的，則是通過對url的解析。
????? 例如，在傳統(tǒng)情況下，http://localhost/Default.aspx表示請求網(wǎng)站根目錄下的Default.aspx文件。而現(xiàn)在，url可能變成了這種樣子：http://localhost/Home/Index。這個意思就是，請求名叫HomeController控制器類下的Index方法。一般地，默認(rèn)情況下，請求url的格式為http://localhost/{ControllerName}/{ActionName}。其中{ControllerName}是控制器類名“Controller”前的部分，{ActionName}就是方法名。
????? 當(dāng)然，這種映射規(guī)則是可以更改的，而且請求Action時也可以傳遞參數(shù)，但這些都是后話，以后再慢慢討論。
????? 下面再深入Index方法，看看這個Action都做了什么。它首先調(diào)用了業(yè)務(wù)邏輯組件（當(dāng)然，是Mock的），然后將GetAll返回的公告分類數(shù)據(jù)賦予ViewData["Category"]，最后調(diào)用View()方法返回一個ActionResult。ViewData是什么呢？你可以把他理解成一個關(guān)聯(lián)數(shù)組，它保存需要傳給視圖的數(shù)據(jù)。而View是Controller類的一個方法，它返回一個ActionResult實(shí)例。這樣說可能有點(diǎn)抽象，其實(shí)直觀就是將某個視圖（一般就是一個aspx文件）呈現(xiàn)到瀏覽器中。那么如何知道呈現(xiàn)哪一個視圖呢？默認(rèn)情況下，View方法會到網(wǎng)站的Views文件夾下的與控制器類同名的文件夾下尋找與Action方法同名的視圖。例如，HomeController的Index方法就會尋找Views/Home/Index.aspx，如果找不到，就會到Shared下尋找，再找不到就報錯了。當(dāng)然，你也可以給View方法傳遞一個字符串參數(shù)，表示視圖名稱。
實(shí)現(xiàn)視圖
????? 上文說到，當(dāng)請求http://localhost/Home/Index時，HomeController的Index方法會被調(diào)用，而Index方法最后要呈現(xiàn)Views/Home/Index.aspx視圖，所以，我們要在Views文件夾下建立一個Home文件夾，然后再新建一個Index.aspx視圖。如果您使用的是VS2008 SP1，那么建立視圖非常方便，只要在Home文件夾下右鍵單擊，選Add--->View，然后指定視圖名就可以了。如果不是SP1的，就新建一個Item，類型選擇“MVC View Page”。建立好的視圖其實(shí)就是一個aspx頁面，但是其繼承了View。這也是一個基類，所有視圖需要繼承它。
????? 下面給出Index.aspx的代碼：
Index.aspx:
?2<%@?Import?Namespace="MVCDemo.Models.Entities"?%>
?3
?4<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
?5
?6<html?xmlns="http://www.w3.org/1999/xhtml"?>
?7<head?runat="server">
?8????<title></title>
?9</head>
10<body>
11????<%?List<CategoryInfo>?categories=ViewData["Categories"]?as?List<CategoryInfo>;?%>
12????<div>
13????????<h1>MVC公告發(fā)布系統(tǒng)</h1>
14????????<ul>
15????????????<%?foreach?(CategoryInfo?c?in?categories)
16???????????????{
17????????????????????%>
18????????????<li><%=?Html.ActionLink(c.Name,?"List/"?+?c.ID,?"Announce")?%></li>
19????????????<%?}?%>
20????????</ul>
21????</div>
22</body>
23</html>
????? 大約分析一下。剛才說過，Index這個Action最后呈現(xiàn)這個aspx作為視圖，而且ViewData中包含了要給視圖傳遞的數(shù)據(jù)。在那里，我們將所有公告類別數(shù)據(jù)放在ViewData["Categories"]中。這里可以看到，我們將這些數(shù)據(jù)取出，并用來呈現(xiàn)頁面。至于那個Html.Action，這里先不細(xì)說。你只要知道，這個方法可以生成一個鏈接，其中第一個參數(shù)是鏈接文字，第二個是要鏈接到的url的Action名，第三個是要鏈接到的url的控制器名。關(guān)于這些，我們以后細(xì)細(xì)討論。
????? 運(yùn)行這個例子，并將請求url定位到Home/Index，就可以看到運(yùn)行效果。
????? 你可能會發(fā)現(xiàn)，不需要指定Home/Index，在輸入根目錄后就直接呈現(xiàn)了這個頁面。其實(shí)這是因?yàn)樵谀J(rèn)的路由配置里，Home和Index是默認(rèn)的控制器名和Action名。以后我們將會討論路由問題。
小結(jié)
????? 通過上面的過程，我們第一個ASP.NET MVC頁面已經(jīng)能呈現(xiàn)出來了。而且不單純只是一個頁面，其中還呈現(xiàn)了業(yè)務(wù)邏輯組件返回的數(shù)據(jù)。
????? 也許，您對其中許多地方還有困惑。不要著急，在下一篇中，我們做這個系統(tǒng)的步伐先緩一緩，我將用一整篇文章，詳細(xì)介紹一下ASP.NET MVC中許多重要的概念與原理。
from:?http://www.cnblogs.com/leoo2sk/archive/2008/10/28/1321056.html
總結(jié)
以上是生活随笔為你收集整理的ASP.NET MVC案例教程（基于ASP.NET MVC beta）——第二篇：第一个页面的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ASP.NET MVC案例教程（基于AS
- 下一篇： OpenCV之core 模块. 核心功能