ASP.NET MVC 3 簡介 (VB)

作者 ：Rick Anderson

本教學課程將教導您使用 Microsoft Visual Web Developer 2010 Express Service Pack 1 建置 ASP.NET MVC Web 應用程式的基本概念，這是免費的 Microsoft Visual Studio 版本。 開始之前，請確定您已安裝下列必要條件。 您可以按一下下列連結來安裝所有元件： Web Platform Installer。 或者，您可以使用下列連結個別安裝必要條件：

• Visual Studio Web Developer Express SP1 必要條件
• ASP.NET MVC 3 工具更新
• SQL Server Compact 4.0 (執行時間 + 工具支援)

如果您使用 Visual Studio 2010 而非 Visual Web Developer 2010，請按一下下列連結來安裝必要條件： Visual Studio 2010 必要條件。

具有 VB.NET 原始程式碼的 Visual Web Developer 專案隨附于本主題中。 下載 VB.NET 版本。 如果您想要 C#，請切換至本教學課程的 C# 版本 。

本教學課程將教導您使用 Microsoft Visual Web Developer 2010 Express Service Pack 1 建置 ASP.NET MVC Web 應用程式的基本概念，這是免費的 Microsoft Visual Studio 版本。 開始之前，請確定您已安裝下列必要條件。 您可以按一下下列連結來安裝所有元件： Web Platform Installer。 或者，您可以使用下列連結個別安裝必要條件：

• Visual Studio Web Developer Express SP1 必要條件
• ASP.NET MVC 3 工具更新
• SQL Server Compact 4.0 (執行時間 + 工具支援)

如果您使用 Visual Studio 2010 而非 Visual Web Developer 2010，請按一下下列連結來安裝必要條件： Visual Studio 2010 必要條件。

具有 VB 原始程式碼的 Visual Web Developer 專案隨附于本主題中。 在這裡下載 VB 版本。 如果您想要 CSharp，請切換至本教學課程的 CSharp 版本 。

您要建置的內容

您將實作簡單的電影清單應用程式，以支援從資料庫建立、編輯和列出電影。 以下是您將建置之應用程式的兩個螢幕擷取畫面。 它包含一個頁面，顯示資料庫中的電影清單：

應用程式也可讓您新增、編輯和刪除電影，以及查看個別影片的詳細資料。 所有資料輸入案例都包含驗證，以確保儲存在資料庫中的資料正確無誤。

您要學習的技術

以下是您要學習的內容：

• 如何建立新的 ASP.NET MVC 專案
• 如何使用 Entity Framework 程式碼優先建立新的資料庫
• 如何建立 ASP.NET MVC 控制器和檢視
• 如何擷取及顯示資料
• 如何編輯資料並啟用資料驗證

開始使用

從執行 Visual Web Developer 2010 Express 2010 Express (「VWD」 做為簡短) 開始，然後從 [開始] 頁面選取 [新增專案]。

Visual Web Developer 是 IDE 或整合式開發環境。 就像使用 Microsoft Word撰寫檔一樣，您會使用 IDE 來建立應用程式。 在 Visual Web 開發人員中，頂端有一個工具列，顯示您可用的各種選項。 另外還有一個功能表，提供另一種在 IDE 中執行工作的方式。 (例如，您可以從 [開始] 頁面選取 [新增專案]，您可以使用功能表並選取 [檔案>新增專案]。)

建立您的第一個應用程式

您可以使用您選擇的 Visual Basic 或 Visual C# 作為程式設計語言來建立應用程式。 在本教學課程中，選取左側的 [Visual Basic]，然後選取 [ASP.NET MVC 3 Web 應用程式]。 將專案命名為 「MvcMovie」，然後按一下 [ 確定]。

在 [ 新增 ASP.NET MVC 3 專案 ] 對話方塊中，選取 [網際網路應用程式]。 將 Razor 保留為預設檢視引擎。

按一下 [確定]。 Visual Web Developer 使用您剛才建立之 ASP.NET MVC 專案的預設範本，因此您現在沒有執行任何動作的工作應用程式！ 這是簡單的「Hello World！」專案，這是啟動應用程式的好位置。

從 [偵錯] 功能表中，選取 [開始偵錯]。

請注意，開始偵錯的鍵盤快速鍵是 F5。

F5 會導致 Visual Web Developer 啟動開發 Web 服務器並執行 Web 應用程式。 VWD 接著會啟動瀏覽器，並開啟應用程式的首頁。 請注意，瀏覽器的網址列顯示 localhost ，而不是類似 example.com 。 這是因為 localhost 一律指向您自己的本機電腦，在此情況下，正在執行您剛才建置的應用程式。 當 VWD 執行 Web 專案時，會針對專案使用隨機埠。 在下圖中，隨機埠號碼為 43246。 您的專案可能會使用不同的埠號碼。

預設範本現成可用，可讓您流覽兩個頁面和基本登入頁面。 讓我們變更此應用程式的運作方式，並稍微瞭解程式中 ASP.NET MVC。 關閉瀏覽器，讓我們變更一些程式碼。

下一步