ASP.NET MVC3書店–第一節 概述

http://blog.sina.com.cn/s/blog_6ad539a90100qc9t.html

1.1 ASP.NET MVC3書店概述

    ASP.NET MVC3書店是一個僅作為樣本所用的虛擬網站（並非實際運行中的網站），通過該網站的建立來一步步介紹如何使用ASP.NET MVC與Visual Studio來進行Web網站及Web應用程式的開發。我們從最基礎的知識開始介紹起，所以零經驗的Web新手也可以看懂本教程中的內容。

    我們將要建立的網站是一個最簡單的Web書店，具有三個主要組成部分：挑選書籍、書款結算與訂單管理。使用者可以通過書籍的種類來挑選書籍，可以查看單個書 籍的資訊並將該書籍存放入購物車中，可以查看購物車中的書籍，並從購物車中刪除不想繼續購買的書籍，登入並且登入的使用者可以進入結算頁面進行書籍的帳款 結算。可以填入個人使用者的收貨地址，聯絡電話等收貨資訊。此外，我們還在該網站中提供後台管理頁面，管理員可以贈刪查改網站中的書籍資訊。本教程從使用 Vsual Web Developer2010來建立一個新的ASP.NET MVC2的項目開始，然後逐步增加新的功能，直到建立完成一個完整的應用程式為止。我們將涉及到資料庫訪問、表單提交、資料驗證、使用主版頁面來進行布局， 使用AJAX來進行頁面更新及驗證，使用者登入等各方面內容。

    你可以使用Visual Studio 2010或者Visual Web Developer 2010 Express來建立這個網站。該網站中使用的資料庫為SQL Server Express。

1.2   建立項目

    首先，我們點擊Visual Web Developer中[檔案] 功能表下的“建立項目”子功能表，1-1所示。

圖1-1 點擊“建立項目”子功能表

    點擊“建立項目”子功能表後，彈出“建立項目”對話方塊。在該對話方塊中我們點擊C#選項下的“Web”模板，然後在右邊選擇“ASP.NET MVC3 Web應用程式”，將我們的應用程式命名為MvcBookStore，1-2所示，然後點擊確定按鈕。

圖1-2 建立ASP.NET MVC 3 Web應用程式

    點擊確定按鈕後會彈出選擇項目模板對話方塊，在該對話方塊中我們可以為我們的項目進行一些特定的MVC設定。在這裡我們選擇一個空模板，視圖引擎中選擇“Razor”選項，1-3所示，然後點擊確定按鈕。

圖1-3 選擇空模板與Razor視圖引擎

    點擊確定按鈕之後，我們的項目將會被自動建立，1-4所示。

圖1-4  ASP.NET MVC3 Web項目被自動建立成功

    接下來，讓我們在右邊的方案總管中查看一下我們的應用程式中被加入了哪些檔案夾，1-5所示。

圖1-5 ASP.NET MVC3 Web項目中的基本檔案夾

    空白的MVC3模板並不代表什麼工作都不做，事實上，它加入了一個最基本的檔案夾結構。對於它們的具體說明如表1-1所示。

表1-1  ASP.NET MVC3 Web項目中基本檔案夾的說明

 

檔案夾	說明
Controllers	存放用來響應瀏覽器中輸入請求的控制器，控制器決定下一步進行什麼工作，並把響應返回給使用者。
Views	存放視圖模板檔案，視圖中顯示與使用者進行互動的使用者介面。
Models	存放用來映射資料的模型。
Content	存放網站圖片、CSS與其他靜態內容。
Scripts	存放JavaScript檔案。
App_Data	存放資料庫檔案。

 

      即使在選擇ASP.NET MVC3模板的時候選擇了一個空白的模板，以上這些檔案夾也會被自動建立出來。這是因為ASP.NET MVC framework預設使用一個“設定約定”，並且在檔案夾命名規範的基礎上進行一些假設。譬如，預設情況下，控制器會到Views文 件夾中去尋找視圖模板檔案，除非你在代碼中顯式指定視圖模板檔案的存放位置。保持這個預設的“設定約定”可以減少你需要書寫的代碼量，也可以提高你的整個 應用程式被其他開發人員閱讀時的可閱讀性（或者說可理解性）。在後文中，隨著整個應用程式的開發，我們將進一步對這些預設約定進行介紹。