MVC与MVP设计模式

MVC模式 (Model-View-Controller)

基本概念

MVC是一种将应用程序分为三个核心组件的设计模式:

  • Model(模型): 负责数据和业务逻辑

  • View(视图): 负责显示数据和用户界面

  • Controller(控制器): 处理用户输入并更新模型和视图

交互流程

cpp 复制代码
┌─────────┐    ┌───────────┐    ┌──────┐
│   View  │ ←→ │ Controller│ ←→ │ Model│
└─────────┘    └───────────┘    └──────┘
     ↑                              │
     └──────────────────────────────┘
  1. 用户与View交互(如点击按钮)

  2. View将用户操作传递给Controller

  3. Controller处理输入,可能需要更新Model

  4. Model更新后通知View(通常通过观察者模式)

  5. View从Model获取最新数据并更新显示

特点

  • View和Model之间存在直接通信

  • Controller相对较轻,主要作为中介

  • 常用于Web框架如Spring MVC、Ruby on Rails等

MVP模式 (Model-View-Presenter)

基本概念

MVP是MVC的变体,主要区别在于:

  • Presenter取代了Controller

  • View和Model完全解耦

交互流程

cpp 复制代码
┌──────┐    ┌───────────┐    ┌──────┐
│ View │ ←→ │ Presenter │ ←→ │ Model│
└──────┘    └───────────┘    └──────┘
  1. 用户与View交互

  2. View将事件委托给Presenter

  3. Presenter处理业务逻辑,可能需要更新Model

  4. Model更新后通知Presenter(不是直接通知View)

  5. Presenter从Model获取数据并更新View

特点

  • View和Model完全分离,通过Presenter通信

  • Presenter比Controller更重,包含更多展示逻辑

  • View通常是被动的,只负责显示

  • 常用于桌面应用和Android开发

关键区别图示

cpp 复制代码
MVC:
┌──────┐       ┌───────────┐       ┌──────┐
│ View │ ←───→ │Controller │ ←───→ │ Model│
└──────┘       └───────────┘       └──────┘
   ↑                                 │
   └─────────────────────────────────┘

MVP:
┌──────┐       ┌───────────┐       ┌──────┐
│ View │ ←───→ │Presenter  │ ←───→ │ Model│
└──────┘       └───────────┘       └──────┘
(无直接View-Model通信)

优缺点比较

MVC优点

  • 结构简单直接

  • 开发速度快

  • 适合小型到中型应用

MVC缺点

  • View和Model耦合

  • 大型应用中Controller可能变得臃肿

  • 单元测试较困难

MVP优点

  • 更好的关注点分离

  • 更易于单元测试

  • View和Model完全解耦

  • 适合复杂UI逻辑

MVP缺点

  • 需要更多样板代码

  • Presenter可能变得复杂

  • 学习曲线略高

实际应用示例

MVC示例(Web应用)

cpp 复制代码
// Model
public class User {
    private String name;
    // getters/setters
}

// View (JSP)
<html><body>Hello ${user.name}</body></html>

// Controller
@Controller
public class UserController {
    @GetMapping("/user")
    public String getUser(Model model) {
        model.addAttribute("user", new User("Alice"));
        return "userView";
    }
}

MVP示例(Android)

cpp 复制代码
// Model
public class User {
    private String name;
    // getters/setters
}

// View接口
public interface UserView {
    void showUserName(String name);
}

// Presenter
public class UserPresenter {
    private UserView view;
    private User user;
    
    public UserPresenter(UserView view) {
        this.view = view;
        this.user = new User("Bob");
    }
    
    public void loadUser() {
        view.showUserName(user.getName());
    }
}

// Activity实现View接口
public class UserActivity extends AppCompatActivity implements UserView {
    private UserPresenter presenter;
    
    protected void onCreate(Bundle b) {
        presenter = new UserPresenter(this);
        presenter.loadUser();
    }
    
    public void showUserName(String name) {
        textView.setText(name);
    }
}
相关推荐
TechNomad5 小时前
设计模式:状态模式(State Pattern)
设计模式·状态模式
努力也学不会java5 小时前
【设计模式】 原型模式
java·设计模式·原型模式
TechNomad7 小时前
设计模式:模板方法模式(Template Method Pattern)
设计模式·模板方法模式
leo03089 小时前
7种流行Prompt设计模式详解:适用场景与最佳实践
设计模式·prompt
ytadpole11 小时前
揭秘设计模式:工厂模式的五级进化之路
java·设计模式
烛阴12 小时前
【TS 设计模式完全指南】用工厂方法模式打造你的“对象生产线”
javascript·设计模式·typescript
_请输入用户名15 小时前
EventEmitter 是广播,Tapable 是流水线:聊聊它们的本质区别
前端·设计模式
Buling_015 小时前
游戏中的设计模式——第一篇 设计模式简介
游戏·设计模式
小蜗牛在漫步16 小时前
设计模式六大原则2-里氏替换原则
设计模式·里氏替换原则
小蜗牛在漫步17 小时前
23种设计模式-Proxy模式
设计模式·代理模式