实战ASP.NET MVC 1.0 #1，我的第一支MVC程序，展现所有数据（主细表的Master）

http://www.dotblogs.com.tw/mis2000lab/archive/2009/08/10/mvc_1_list_all.aspx

看了再多的理论，都不如自己动动手

亲自写一支程序，从 "做中学"，才是王道！

微软的官方网站上（http://www.asp.net/mvc/），就有很多范例了，

这次的范例，是从 http://www.asp.net/learn/mvc/tutorial-21-vb.aspx 这个范例小改而来。

如果以下说明，尚有不详细的地方，建议您以原厂文件为准。

=======================================================================

以下的范例，是服务本书读者，因此采用与本书的 test Table相同的作法。

在学习这个范例之前，请您务必学习过 ADO.NET Entity，才能衔接下去。

请看：[习题]用ADO.NETEntity Framework作一个主细表（Master-Detail）范例

=======================================================================

第一，环境设定。

需要安装 .NET 3.5与 VS 2008，并且双双升级到 SP1。

MVC大多是自己动手写程序，所以开发工具提供的帮助并不大。使用VWD Express版也可以做得到。

最后，请到微软的官方网站上（http://www.asp.net/mvc/），下载 ASP.NET MVC 1.0来安装 （档案很小，才2MB）

第二，我们将使用书上的 test数据库来作为范例。

简体中文版，请看「ASP.NET案例精编（清华大学出版社）」

第三，打开VS 2008，新增 "专案"。

切记，请选「Web」分类底下的「ASP.NET MVC Web Application」这是 MVC 1.0版喔

第四，一个MVC专案会是底下的样子

我们以前习惯的「网页（画面）」，目前都放在 /Views目录底下，扩展名仍然是 .aspx

/Controllers目录底下，会放置主要的程序。

/Content目录底下，则是放置一些共享的 CSS样式表。

我个人（不负责任）的感觉 ----

MVC式的开发方式，比较像是以前传统的 ASP/PHP/JSP开发方法，开发工具能提供的辅助，变得很少。

「所见即所得」的快速开发，似乎不太适合在 MVC上面实现。

传统html码 / CSS /JavaScript等等的熟悉度，再一次变得很重要啰。

对于 Class的撰写、数据库的操作、自己动手写程序....似乎又回复到原本的样子。

想要在画面上拉一拉，进行快速开发（这些初学者招数）在此都不管用啰！我想，再也不会有人抱怨「ASP.NET好简单喔！拉一拉组件就会跑了」

第五，我们新增一个项目，实作 ADO.NET Entity。

这部份我不在赘述了。请看上一篇文章（[习题]用ADO.NETEntity Framework作一个主细表（Master-Detail）范例 ）的说明。

各位只需要实作到「 .edmx」档案出现即可，记得存盘喔。

第六，开始写程序。

请到 /Controller目录下，打开 HomeController.vb档案

底下只有两列程序，都是我们自己动手写上的

<HandleError()> _
PublicClass HomeController
Inherits System.Web.Mvc.Controller

Private_test_db As New testEntities() '==这行程序是自己撰写的==

    '==========================================================
    '== 前两个Function，是预设的MVC样板
   Function Index() As ActionResult
       '-- Index()是 HomeController 预设的Function

ViewData("Message")= "Welcome to ASP.NET MVC!"

Return View(_test_db.test.ToList()) '==这行程序是自己撰写的==

End Function

End Class

批注：

testEntities()是我们作 ADO.NET Entity的时候，自己命名的，请看第五步骤。
.ToList()也不是我们写好的程序，我们是呼叫现成的来用。

第七，HTML画面设计

又回到以前 ASP的时代，我们把程序与html卷标混写在一起啰......

这就是 Inline Code......

01 <%@ Page Language="VB" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
02
03 <asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
04    Home Page
05 </asp:Content>
06
07 <asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
08    <h2><%= Html.Encode(ViewData("Message")) %></h2>
09    <p>
10        To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NETMVC Website">http://asp.net/mvc</a>.
11     </p>
12
13     
14        <h2>Index -- 资料列表</h2>
15
16        <p>
17            
18            <%=Html.ActionLink("Create New", "Create")%>
19        </p>
20
21        <table>
22            <tr>
23                <th></th>
24                <th>
25                    Id（编号）
26                </th>
27                <th>
28                    Title（标题）
29                </th>
30                <th>
31                    Test_Time（日期）
32                </th>
33                <th>
34                    Summary（摘要）
35                </th>
36            </tr>
37
38        <% For Each item In Model%>
39
40            <tr>
41                <td>
42                    
43                    <%=Html.ActionLink("Edit", "Edit", New With {.id = item.Id})%> |
44
45                    <%=Html.ActionLink("Details", "Details", New With {.id = item.Id})%>
46                </td>
47                <td>
48                    <%= Html.Encode(item.Id) %>
49                </td>
50                <td>
51                    <%= Html.Encode(item.Title) %>
52                </td>
53                <td>
54                    <%=Html.Encode(String.Format("{0:d}", item.test_time))%>
55                </td>
56                <td>
57                    <%=Html.Encode(item.summary)%>
58                </td>
59            </tr>
60
61        <% Next%>
62        </table>
63
64 </asp:Content>