ASP.NET MVC 5-開始MVC5之旅

本教程將使用Visual Studio 2013手把手教你構建一個入門的ASP.NET MVC5 Web應用程式。本教程配套的C#源碼工程可通過如下網址下載：C#版本源碼連結。同時，請查閱 Building the Chapter Downloads 來完成編譯源碼和設定資料庫。

在本教程中的源碼工程，您可在Visual Studio中運行MVC 5應用程式。您也可以使Web應用程式部署到一個託管服務提供者上。微軟提供免費的網路託管多達10個網站，free Windows Azure trial account。本教程由Scott Guthrie (twitter @scottgu ), Scott Hanselman (twitter: @shanselman ), and Rick Anderson ( @RickAndMSFT )共同寫作完成，由葡萄城控制項團隊翻譯新浪微博 @葡萄城控制項）。

入門

運行 Visual Studio Express 2013 for Web 或 Visual Studio 2013開始這個執行個體。

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

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image002" border="0" alt="clip_image002" src="http://www.bkjia.com/uploads/allimg/131229/12300125Y-0.gif" width="440" height="484" />

建立您的第一個MVC 5應用程式

點擊建立工程，在左側選擇Visual C#， 接著選擇Web，然後選擇ASP.NET Web Application. 命名您的工程為"MvcMovie"，然後單擊確定。

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image004" border="0" alt="clip_image004" src="http://www.bkjia.com/uploads/allimg/131229/12300113D-1.gif" width="395" height="484" />

在 New ASP.NET Project 對話方塊, 選擇 MVC模板，然後單擊確定。

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image006" border="0" alt="clip_image006" src="http://www.bkjia.com/uploads/allimg/131229/1230015263-2.gif" width="644" height="452" />

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

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image008" border="0" alt="clip_image008" src="http://www.bkjia.com/uploads/allimg/131229/1230014307-3.gif" width="436" height="484" />

按下鍵盤快速鍵 F5開始啟動調試。 F5使得Visual Studio啟動IIS Express並運行Web應用程式。然後Visual Studio會啟動瀏覽器並開啟應用程式的首頁面。請注意，在瀏覽器的地址欄中會顯示localhost:port#而不是像example.com 這樣的地址。這是因為 localhost總是會被解析為您自己的本機電腦，在這種情況下，這正是您你剛剛建立的應用程式。當Visual Studio運行一個Web工程時，會使用一個隨機連接埠的Web服務。在下面的圖片中，連接埠號碼是1234。當您運行該應用程式時，您可能會看到一個不同的連接埠號碼。

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image010" border="0" alt="clip_image010" src="http://www.bkjia.com/uploads/allimg/131229/1230015495-4.gif" width="506" height="484" />

在預設範本頁面的右邊，為您提供了“首頁(Home)”, “關於(About)”和“聯絡(Contact)”頁面。下面的沒有看到“首頁(Home)”, “關於(About)”和“聯絡(Contact)”串連。這取決於你瀏覽器表單的大小，你可通過點擊右上方互動中心圖示看到這些連結。

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image012" border="0" alt="clip_image012" src="http://www.bkjia.com/uploads/allimg/131229/1230012420-5.gif" width="644" height="453" />

650) this.width=650;" style="border-top-width:0px;border-bottom-width:0px;border-left-width:0px;" title="clip_image014" border="0" alt="clip_image014" src="http://www.bkjia.com/uploads/allimg/131229/12300124S-6.gif" width="644" height="453" />

同時，預設範本建立的ASP.Net MVC應用程式還提供了註冊和登入功能。 接下來的一步是修改此預設應用程式，並瞭解一些關於ASP.NET MVC的知識。關閉瀏覽器，讓我們修改一些原始碼吧。

原文地址：http://www.asp.net/mvc/tutorials/mvc-5/introduction/getting-started