前言

本教程將為您講解使用微軟的Visual Studio Express 2012或Visual Web Developer 2010 Express Service Pack 1 來建立一個ASP.NET MVC4 Web應用程式所需要的基礎知識。建議您使用Visual Studio 2012，你將不再需要安裝任何元件，來完成此教程。如果您使用的是Visual Studio 2010，您必須安裝下面的元件。您可以通過點選下面的連結，來安裝所需的所有元件：

本文的C#示例原始碼，是一個 Visual Web Developer Project： 下載本文C＃示例原始碼。

本示例將構建什麼樣的應用程式？

您將實現一個簡單的電影列表應用程式，此程式將支援建立、 編輯、 搜尋和從資料庫中選取出電影列表的功能。下面是您將構建的應用程式的兩個截圖。它包括顯示選取自資料庫的電影列表頁面：

該應用程式還允許您新增、編輯和刪除電影，以及顯示單個記錄的詳細資訊。所有的使用者資料輸入場景都包含了資料驗證邏輯，以確保儲存在資料庫中的資料都是正確的。

入門

執行Visual Studio Express 2012或Visual Web Developer 2010 Express 來開始這個示例，在這個系列中大多都使用了Visual Studio Express 2012的螢幕截圖，同時你也可以使用Visual Studio 2010/SP1，Visual Studio 2012,Visual Studio Express 2012或Visual Web Developer 2010 Express來學習完成這個教程。從“開始”

Visual Studio是一個IDE整合開發環境。就像您使用Microsoft Word來編寫文件，你可以使用整合開發環境（IDE）來建立一個應用程式。在Visual Studio中的一個頂部工具欄中顯示了各種不同的選項來供您使用。在IDE中還有一個選單，提供了另一種方式來執行任務。（例如，您可以不從“開始”頁面中，選擇“新建專案”，您可以使用該選單，然後選擇“ 檔案“>“ 新建專案“）

建立您的第一個應用程式

您可以使用 Visual Basic 或 C# 作為程式語言來建立您的應用程式。請在左側選擇 Visual C#，然後選擇ASP.NET MVC 4 Web

在新的 ASP.NET MVC 4 專案對話方塊中，選擇網際網路應用程式。使用Razor作為預設檢視引擎。

單擊確定。Visual Studio 剛剛建立的 ASP.NET MVC 專案使用了預設的模板，所以在當前的工程中您不需要做任何事情！這是一個簡單的"Hello World ！"工程，並且這也是您開始“MvcMovie”工程的好地方。

從除錯選單中，選擇啟動除錯.

請注意您也可以使用鍵盤的快捷鍵F5來啟動除錯。

F5使Visual Studio啟動IIS Express並執行Web應用程式。然後Visual Studio會啟動瀏覽器並開啟應用程式的主頁面。請注意，在瀏覽器的位址列中會顯示 localhost 而不是像example.com 這樣的地址。這是因為 localhost總是會被解析為您自己的本地計算機，在這種情況下，這正是您你剛剛建立的應用程式。當Visual Studio執行一個Web工程時，會使用一個隨機埠的Web服務。在下面的圖片中，埠號是41788。當您執行該應用程式時，您可能會看到一個不同的埠號。

在預設模板頁面的右邊，為您提供了“主頁(Home)”, “關於(About)”和“聯絡(Contact)”頁面。它還提供了註冊和登入功能，並提供了Facebook和Twitter的連結。接下來的一步是修改此預設應用程式，並瞭解一些關於ASP.NET MVC的知識。關閉瀏覽器，讓我們修改一些原始碼吧。

MVC 開發工具：

在學習和使用MVC進行開發時，還可以利用一些開發工具，很大程度上減輕程式碼量。比如，這是一款輕量級的控制元件，不僅和Visual Studio無縫整合，還能完全與MVC6和ASP.NET 5.0相容。這一工具得益於MVC測試驅動開發、及最新的移動裝置和瀏覽器上的專業化設計，因此，無論是桌面還是移動裝置，都能建立觸控優先的現代化解決方案。

-----------------------------------------------------------------------------------------------------------------------------------------------

譯者注：

本系列共9篇文章，翻譯自Asp.Net MVC4 官方教程，由於本系列文章言簡意賅，篇幅適中，從一個示例開始講解，全文最終完成了一個管理影片的小系統，非常適合新手入門Asp.Net MVC4，並由此開始開發工作。9篇文章為：

1. Asp.Net MVC4 入門介紹

2. 新增一個控制器

3. 新增一個檢視

4. 新增一個模型

5. 從控制器訪問資料模型

6. 驗證編輯方法和編輯檢視

7. 給電影表和模型新增新欄位

8. 給資料模型新增校驗器

9. 查詢詳細資訊和刪除記錄

10.第三方控制元件Studio for ASP.NET Wijmo MVC4 工具應用

相關閱讀：