一步一步教你建立一小型的asp.net mvc 應用程式

  這本教程中将幫助你建立一個小型的asp.net mvc示例。

    在本教程中，我們将建立自己的 Model , View 和Controller ，讓他們同心協力運作起來。在這裡，使用Visual Studio建立一個新的asp.net MVC應用程式。本教程的目标是使用mvc原理在web頁面上輸出的資訊。簡單地了解一下我們要打算做的，然後我們将示範每個步驟來建立我們的網站。對于我們的目标，我們需要一個model 來儲存資訊。該model 将是一個具具有必要屬性的類。然後，我們将建立一個View，在一個表格形式中顯示資訊。最後，我們需要一個Controller來接受的網頁請求，并對此作出反應。那就讓我們開始吧。

建立Model

在Models檔案夾右擊并通過Add -> Class，建立一個新類，見圖：

将類命名為 PersonalInformation.cs 。在Model中添加如下的屬性：

建立這些屬性使用C＃3.0規範，我們不需要為他們建立私有字段。這就完成了我們的Model。現在讓我們來建立我們的View，我們将使用它在浏覽器中顯示資訊。

建立View：

    在views檔案夾右擊，建立一個新的檔案夾。命名為PersonalInformation。右擊PersonalInformation 檔案夾，然後選擇Add -> View ，看下圖：

    将View命名為Index，選擇“Create a strongly-typed view”，然後再選擇class ，它是作用于這個View的Model。在View data class下拉框中，你可能看不到任何視圖類。編譯應用程式，然後添加一個View。 你就會看到在下拉框中看到PersonalInformation類。然後為你的View選擇一個主機闆頁。一旦這些步驟完成後，單擊Add 和建立的View 。請參考下圖。

建立Controller：

    現在我們已經完成了Model 和View。讓我們來建立我們的Controller。右擊Controllers 然後選擇Add -> Controller

    将Controller命名為PersonalInformation。請确認Controller 的名字和我們建立的在Views檔案夾下面的名字相同。

    你将在Controller類中看到一個名字為Index的預設的方法。

    這種方法具有傳回類型ActionResult，它将傳回一個視圖。在未來教程中，我們将深入探讨的傳回類型和其的細節。現在讓我們做一些編碼，傳遞Model給View，以便它可以在網頁上顯示資訊。在下面的代碼輸入到您的Controller 類中。

    此代碼建立了一個Model和填充資料給它，現在剩下的最後一步，是使用的視圖顯示的資訊。對于我們建立的開放的View，我們輸入下面代碼：

    就是這樣。我們完成了我們的Model，View和Cintroller。現在讓我們編譯和運作我們的應用程式。下面是最後的輸出，我們将在浏覽器中看到。請注意仔細觀察浏覽器位址欄中的URL。

本文轉自麒麟部落格園部落格，原文連結：http://www.cnblogs.com/zhuqil/archive/2009/12/27/asp-net-mvc-step-by-step.html，如需轉載請自行聯系原作者