ASP.NET MVC - 打造真實世界的 Internet 應用程式
透過完整的專案實作掌握 ASP.NET MVC 精髓,我們將從零開始建構一個功能完整的 Internet 應用程式。
第一部分:專案建立與開發環境配置。
專案目標:打造完整的資料驅動 Web 應用
本教學系列將建構一個具備完整 CRUD (建立、讀取、更新、刪除) 功能的資料庫應用程式,涵蓋資料模型設計、資料庫遷移、驗證機制、身分認證授權、前端互動等企業級開發核心技術。
開發工具與技術棧選型
Visual Web Developer (Visual Studio Express 系列) 提供多種專案範本,我們採用以下最佳實務組合:
- 開發工具:Visual Web Developer 2012/2010 Express
- 專案範本:ASP.NET MVC 3 Web Application
- 程式語言:C# (建議採用 .NET Framework 4/4.5)
- 視圖引擎:Razor (語法簡潔、效能優異、Intellisense 支援完整)
- 標記標準:HTML5 (語意化標記、多媒體支援、行動裝置友善)
我們將採用漸進式開發策略:先建立空白專案架構,再逐層加入模型、控制器、視圖、資料存取、驗證、安全性等功能模組,每個步驟都會詳細解析程式碼運作原理與設計考量。
建立 MVC 專案的完整步驟
若已安裝 Visual Web Developer,請啟動並選擇 New Project 開始建立專案:
新專案對話框配置:
- 展開 Visual C# 範本分類
- 選擇 ASP.NET MVC 3 Web Application 範本
- 專案名稱設為 MvcDemo
- 儲存位置建議:c:\w3cschool_demo (避免中文路徑與過長路徑)
- 點擊 OK 進入專案範本選擇
MVC 專案範本精確配置:
- 選擇 Internet Application 範本 (內建帳戶管理、驗證架構)
- 視圖引擎選 Razor Engine
- 勾選 HTML5 Markup 使用 HTML5 語意標記
- 點擊 OK 完成專案建立
Visual Studio Express 將自動產生包含完整 MVC 架構的專案結構:
下一章我們將深入剖析專案中的每個檔案與資料夾用途,建立扎實的架構認知基礎。