一步一步教你建立一小型的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。