基於 MVC 設計模式的 Web 應用框架研究：從 Struts 到 WebFramework 的演進與實作

摘要

MVC (Model-View-Controller) 設計模式是 J2EE Web 應用開發的主流架構基石。本文系統介紹 MVC 核心概念、分析 Apache Struts 框架優缺點，並提出一種輕量化的新型框架 WebFramework，詳細闡述其分層架構、核心組件設計與關鍵技術實現，旨在降低開發複雜度、提升可維護性與擴展性。

一、引言：框架演進的動力

隨著開源生態蓬勃，Struts 等框架大幅降低 J2EE 開發門檻。但實務中暴露出：學習曲線陡峭、配置檔膨脹、表現層與業務層耦合度高、缺乏前端驗證方案等痛點。WebFramework 應運而生，目標為結構清晰、易理解、低耦合、高擴展、低成本。

二、MVC 設計模式核心架構

MVC 將互動式應用分解為三大職責分離的組件：

核心價值：關注點分離 → 並行開發、單元測試容易、技術遷移風險低 (如換 View 引擎不動 Model)。

三、Struts 框架分析：優點與侷限

架構流程

1. ActionServlet (Front Controller) 接收所有請求
2. 依 struts-config.xml 映射至 Action 類別
3. Action 呼叫業務邏輯 (Model)，封裝結果於 ActionForm
4. 轉向指定 JSP (View) 渲染回應

優點

• 表單驗證框架：聲明式驗證規則 (validation.xml)，增強健壯性
• 頁面導航集中管理：struts-config.xml 中的 <forward> 使業務流程可視化
• 標籤庫豐富：html:, logic:, bean: 標籤提升 JSP 開發效率

侷限 (痛點)

四、WebFramework 架構設計

設計目標

• 遵循 J2EE 規範，採多層分散式架構，保障長期擴展性
• 邏輯分層清晰，支援團隊並行開發
• 異常情況下仍能提供服務，提升穩定性

五層架構總覽

┌─────────────────────────────────────┐
│       Presentation Layer (表示層)      │
│  ┌──────────────┐ ┌────────────────┐  │
│  │ View Format  │ │Presentation Ctrl│  │  ← 細分 View 與控制邏輯
│  │   Layer      │ │   Logic Layer   │  │
│  └──────────────┘ └────────────────┘  │
├─────────────────────────────────────┤
│       Business Layer (業務邏輯層)       │
│  ┌──────────────┐ ┌────────────────┐  │
│  │Business Session│ │Business Persist│  │  ← 會話外觀 + 持久化分離
│  │   Layer       │ │   Layer        │  │
│  └──────────────┘ └────────────────┘  │
├─────────────────────────────────────┤
│        Data Layer (資料層)            │
│  Database / File / External Systems   │
└─────────────────────────────────────┘

關鍵分層說明

MVC 在 WebFramework 中的對應

• Controller：Servlet 元件 (表示控制邏輯層)
• View：JSP 及 Browser (視圖格式層)
• Model：會話外觀、邏輯 Bean、值物件 VO (業務會話/持久化層)

五、核心技術實現亮點

1. 簡化表現層 — VO (Value Object) 傳遞資料

取代 Struts ActionForm，使用純 POJO 作為層間傳輸載體：

// Controller
public class UserController extends BaseController {
    public void execute(HttpServletRequest req, HttpServletResponse res) {
        UserVO vo = new UserVO();
        vo.setName(req.getParameter("name"));
        vo.setEmail(req.getParameter("email"));
        
        UserService service = ServiceFactory.getUserService();
        UserVO result = service.register(vo); // 業務層回傳 VO
        
        req.setAttribute("user", result);
        forward("/success.jsp"); // 轉向 View
    }
}

優勢：無框架特定基類、易單元測試、序列化支援遠端呼叫。

2. 瀏覽器端表單驗證 — 提升效率與體驗

• 採用輕量 JS 驗證框架 (如 jQuery Validation / Parsley.js)
• 規則聲明於 HTML5 屬性 (required, pattern, data-*)
• 伺服器端保留二次驗證 (安全基線)

3. 簡化配置 — 慣例優於配置 + 註解驅動

// 以註解取代龐大 XML
@Controller
@RequestMapping("/user")
public class UserController {
    
    @ActionMapping("/register")
    @Validate(RegisterValidator.class) // 伺服器端驗證
    public String register(UserVO vo) {
        // ...
        return "forward:/success.jsp";
    }
}

配置檔僅保留資料源、事務管理等基礎設施設定，業務映射零配置。

六、資料層設計細節

資料層對業務層提供標準化介面，支援事務、備份/還原、安全控管。

七、總結與展望

WebFramework 通過細分表示層、解耦業務會話與持久化、引入 VO 傳遞、簡化配置，有效解決 Struts 時代的痛點。其核心思想——關注點分離、慣例優於配置、POJO 化業務邏輯——與後續 Spring MVC、Spring Boot 設計哲學一脈相承。雖技術棧已演進，但分層架構原則與框架設計思維對現代微服務、Serverless 架構同樣具指導意義。

附圖說明

• 圖 1：MVC 設計模式結構圖
• 圖 2：Struts 工作原理流程圖
• 圖 3：WebFramework 整體架構圖 (含五層細分)

註：文中圖片路徑為原始文檔佔位符，實際部署時請替換為對應圖片資源。