快速理解 ASP.NET MVC 架構：MVC 與三層架構差異、核心組件、專案結構與遷移指南

許多開發者混淆 **MVC 模式** 與 **三層架構 (3-Tier/N-Tier)**。兩者解決不同層面問題：MVC 是 **UI 層內部的關注點分離**，三層架構是 **系統層級的邏輯分層**。ASP.NET MVC Framework 旨在解決 Web Forms 的狀態管理複雜、測試困難、前後端耦合嚴重等痛點。

核心概念對照表

ASP.NET MVC 專案結構 (標準慣例)

MyApp/
├── Controllers/          # Controller 類別 (每個 .cs 一個 Controller)
│   ├── HomeController.cs
│   └── ProductController.cs
├── Models/               # 領域模型、ViewModel、資料存取介面
│   ├── Domain/
│   ├── ViewModels/
│   └── Repositories/
├── Views/                # Razor 視圖 (.cshtml)
│   ├── Home/
│   │   ├── Index.cshtml
│   │   └── About.cshtml
│   ├── Product/
│   └── Shared/           # Layout、Partial Views
├── Scripts/              # JavaScript (jQuery, Bootstrap, 自訂)
├── Content/              # CSS、圖片、字型
├── App_Start/            # 路由、Bundle、Filter 配置
│   ├── RouteConfig.cs
│   └── BundleConfig.cs
├── Global.asax.cs        # 應用程式啟動事件
└── Web.config

請求處理流程

1. 瀏覽器發送 HTTP 請求
2. UrlRoutingModule 攔截，比對 RouteTable 找到對應路由
3. MvcHandler 建立 Controller (透過 ControllerFactory)
4. ActionInvoker 選擇 Action 方法、繫結參數、執行 Filter
5. Action 執行業務邏輯 (透過 Model/Service/Repository)
6. Action 回傳 ActionResult (ViewResult、JsonResult、RedirectResult...)
7. ViewEngine 尋找並渲染視圖 (Razor 引擎)
8. 回應輸出至瀏覽器

從 Web Forms 遷移關鍵心法轉變

ASP.NET MVC 優勢總結

• 關注點分離：UI、流程、資料三者獨立演進
• 完全掌控 HTML：無 ViewState、無自動產生 ID、利於 SEO、前端框架整合
• 單元測試友善：Controller 為 POCO，可 Mock Repository/Service
• RESTful 原生支援：路由對應 HTTP Verb、資源導向設計
• 可擴展管線：13 大擴展點 (見前文) 滿足各種客製化
• 前後端分離就緒：Controller 回傳 JSON，前端獨立部署

學習路徑建議

1. 建立空白 MVC 專案，理解路由、Controller、View 基本運作
2. 掌握 Razor 語法：`@model`、`@foreach`、`@Html.*`、Partial View、Layout
3. 學習 Model Binding、DataAnnotations 驗證、ModelState 處理
4. 實作 Repository/Service 模式，Controller 僅負責流程協調
5. 整合 Entity Framework Core / Dapper 進行資料存取
6. 認識 Filter、Area、Bundle、SignalR、Identity 等進階功能
7. 嘗試 TDD：先寫 Controller 測試，再實作 Action

現代演進：ASP.NET Core MVC

ASP.NET Core 重寫了整個管線，核心概念 (MVC、Middleware、DI、Configuration) 保留但實作全新：

• 跨平台 (Linux/macOS/Windows)、高效能 (Kestrel)
• 內建依賴注入、配置系統、Logging
• Middleware 取代 HttpModule/Handler
• Endpoint Routing 取代 RouteCollection
• Razor Pages 作為頁面導向替代方案
• 專案檔 `.csproj` 簡化為 SDK 風格

新專務請直接使用 ASP.NET Core MVC**，舊專案評估遷移成本後再決定。