Asp.Net MVC4入門指南（1）入門介紹

前言

本教程將爲您講解使用微軟的Visual Studio Express 2012或Visual Web Developer 2010 Express Service Pack 1 來創建一個ASP.NET MVC4 Web應用程序所須要的基礎知識。建議您使用Visual Studio 2012，你將再也不須要安裝任何組件，來完成此教程。若是您使用的是Visual Studio 2010，您必須安裝下面的組件。您能夠經過點擊下面的連接，來安裝所需的全部組件：

• Visual Studio Web Developer Express SP1 prerequisites

• WPI installer for ASP.NET MVC 4

• LocalDB

• SSDT

若是您使用的是Visual Studio 2010而不是Visual Web Developer 2010，須要安裝WPI installer for ASP.NET MVC 4 和 Visual Studio 2010 prerequisites

本文的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 應用程序。命名您的工程爲"MvcMovie"，而後單擊肯定.

在新的 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進行開發時，還能夠利用一些開發工具，很大程度上減輕代碼量。好比ComponentOne Studio ASP.NET MVC ，這是一款輕量級的控件，不只和Visual Studio無縫集成，還能徹底與MVC6和ASP.NET 5.0兼容。這一工具得益於MVC測試驅動開發、及最新的移動設備和瀏覽器上的專業化設計，所以，不管是桌面仍是移動設備，都能建立觸控優先的現代化解決方案。

譯者注：

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

1. Asp.Net MVC4 入門介紹

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/intro-to-aspnet-mvc-4

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1047018

2. 添加一個控制器

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-controller

・ 譯文地址：

3. 添加一個視圖

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-view

・ 譯文地址：

4. 添加一個模型

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-model

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1091907

5. 從控制器訪問數據模型

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/accessing-your-models-data-from-a-controller

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1114401

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

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-edit-methods-and-edit-view

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1125390

7. 給電影表和模型添加新字段

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-a-new-field-to-the-movie-model-and-table

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1140334

8. 給數據模型添加校驗器

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/adding-validation-to-the-model

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1147449

9. 查詢詳細信息和刪除記錄

・ 原文地址：http://www.asp.net/mvc/tutorials/mvc-4/getting-started-with-aspnet-mvc4/examining-the-details-and-delete-methods

・ 譯文地址：http://powertoolsteam.blog.51cto.com/2369428/1149311

 

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

・ 地址：http://powertoolsteam.blog.51cto.com/2369428/1196469