ASP.NET MVC3 快速入門-第一節 概述

ASP.NET MVC3 快速入門-第一節 概述

1.1 本教程的學習內容

在本教程中，你將學會如下內容：

· 如何建立一個ASP.NET MVC的工程。

· 如何建立ASP.NET MVC的控制器（controller）與視圖(view)。

· 如何使用Entity Framework code-first 範例來建立一個新的資料庫。

· 如何擷取和顯示資料。

· 如何編輯資料並且進行資料的有效性驗證。

1.2 創建工程

如果要建立一個ASP.NET MVC3的工程時，首先運行Visual Web Developer 2010 Express（本教程中簡稱“Visual Web Developer”）,並且在起始頁(start page)中選擇“建立項目”。
Visual Web Developer是一個整合式開發環境，你可以使用它來進行各種應用程式的開發。在Visual Web Developer的菜單的下面有一個工具條，可以直接點擊工具條中的各個工具按鈕來進行各種操作，也可以直接點擊菜單中的各個功能表項目來進行各種操作，此處我們點擊[檔案] 功能表中的“建立項目”功能表項目。

圖1-1 Visual Web Developer 2010 Express中的起始頁

1.3 創建你的第一個應用程式

你可以使用Visual Basic 或Visual C#作為開發語言來建立應用程式。在本教程中，選擇C#來作為開發語言。點擊“建立項目”功能表項目後，在開啟的“建立項目”對話方塊中，雙擊左邊的“Visual C#”使其成為展開狀態，然後點擊“Web”，點擊右邊的“ASP.NET MVC 3 Web 應用程式”，然後在下方的名稱文字框中填入應用程式的名稱，在本教程中命名為“MvcMovie”,然後點擊確定按鈕。

圖1-2 在建立項目對話方塊中選擇ASP.NET MVC3應用程式並為應用程式命名

在接下來開啟的“新ASP.NET MVC 3 項目”對話方塊中，點擊選中“Internet 應用程式”，在“視圖引擎”下拉框中保持預設的“Razor”選項不作修改（Razor視圖是ASP.NET MVC3種新增的一種十分重要的檢視類型，使用它可以使得Web應用程式的開發變得更加方便快捷，在後文中將對此進行詳細介紹）。

圖1-3 選擇項目模板與視圖引擎

點擊確定按鈕，Visual Web Developer會為你所建立的ASP.NET MVC項目提供一個預設範本，這樣的話你就擁有了一個可以立刻啟動並執行應用程式。預設的模板中提供的是一個很簡單的顯示“歡迎使用 ASP.NET MVC!”文字的應用程式，你可以以此作為你的開發起點。

圖1-4 Visual Web Developer提供了一個預設的應用程式模板

點擊“調試”菜單中的“啟動調試”功能表項目（該功能表項目的快速鍵為F5），Visual Web Developer將啟動一個內建的伺服器，並且在該伺服器中開啟當前Web應用程式的首頁，1-5所示。

圖1-5 ASP.NET MVC3的預設應用程式模板的調試畫面

請注意該頁面在瀏覽器中的地址為“http://localhost:4423/”。其中“localhost”代表了本機上你剛剛建立的Web應用程式的臨時網站地址，4423代表了Visual Web Developer使用的一個隨機連接埠，每次調試的時候，Visual Web Developer都會使用這個連接埠來作為內建伺服器的連接埠號碼。在各電腦上，該連接埠號碼都是不相同的，因為該連接埠號碼是Visual Web Developer隨機播放的。
在這個模板應用程式的頁面的右上方，提供了兩個按鈕與一個“登入”連結，點擊“登入”連結，頁面跳轉到登入頁面，點擊“首頁”按鈕，頁面返回到首頁，點擊“關於”按鈕，頁面跳轉到“關於”頁面。
接下來，讓我們開始逐步將這個預設的應用程式修改為我們所要的應用程式，在這個過程中逐步瞭解ASP.NET MVC 3的有關知識。首先，讓我們關閉瀏覽器並開始代碼的修改工作。