MVP、MVVM、MVC：打造优异软件架构的基石

前端

2023-07-04 15:49:50

MVC、MVVM 和 MVP：选择最适合你的软件架构模式

在现代软件开发中，选择合适的架构模式至关重要。MVC、MVVM 和 MVP 是业界广泛使用的三大模式。在这篇文章中，我们将深入探讨每种模式的优势和适用场景，帮助你根据应用程序需求做出明智的选择。

MVC：经典且广受欢迎

MVC（模型-视图-控制器）模式是软件架构的基石。它将应用程序划分为三个独立的部分：

模型： 处理业务逻辑和数据管理。
视图： 负责数据的可视化呈现。
控制器： 协调用户交互和模型和视图之间的通信。

MVC 模式以其简单性和灵活性而著称，适用于各种类型的应用程序。

MVVM：数据驱动的现代选择

MVVM（模型-视图-ViewModel）模式在 MVC 的基础上更进一步，引入了 ViewModel（视图模型）的概念。ViewModel 作为模型和视图之间的桥梁，负责数据转换和呈现，从而实现视图与模型的完全解耦。

MVVM 模式特别适合数据驱动的应用程序，因为它允许 ViewModel 轻松与数据模型同步，并动态更新视图。

MVP：灵活性与测试便利性

MVP（模型-视图-表示层）模式类似于 MVC 和 MVVM，但更强调表示层（Presenter）的角色。Presenter 负责中介视图和模型之间的交互，处理用户输入并协调模型和视图的行为。

MVP 模式的主要优势在于其灵活性，因为 Presenter 可以根据需要采用不同的实现方式。它还方便单元测试，因为 Presenter 与视图完全解耦。

如何选择最合适的模式

选择合适的架构模式取决于以下几个因素：

应用程序类型： MVC 适合大多数应用程序，而 MVVM 和 MVP 更适合数据驱动的和需要高度灵活性的应用程序。
团队技能： 如果团队熟悉 MVC，它可能是一个更简单易行的选择。
应用程序规模： 小型应用程序可以使用 MVC，而大型应用程序可能需要 MVVM 或 MVP 来处理复杂性。

代码示例

以下是使用每种模式编写的示例代码：

MVC:

// 模型
class Model {
    private int count = 0;

    public int GetCount() {
        return count;
    }

    public void IncrementCount() {
        count++;
    }
}

// 视图
class View {
    public void DisplayCount(int count) {
        Console.WriteLine(// 模型
class Model {
    private int count = 0;

    public int GetCount() {
        return count;
    }

    public void IncrementCount() {
        count++;
    }
}

// 视图
class View {
    public void DisplayCount(int count) {
        Console.WriteLine($"Count: {count}");
    }
}

// 控制器
class Controller {
    private Model model;
    private View view;

    public Controller(Model model, View view) {
        this.model = model;
        this.view = view;
    }

    public void HandleButtonClick() {
        model.IncrementCount();
        view.DisplayCount(model.GetCount());
    }
}
quot;Count: {count}");
    }
}

// 控制器
class Controller {
    private Model model;
    private View view;

    public Controller(Model model, View view) {
        this.model = model;
        this.view = view;
    }

    public void HandleButtonClick() {
        model.IncrementCount();
        view.DisplayCount(model.GetCount());
    }
}

MVVM:

// 模型
class Model {
    private int count = 0;

    public int GetCount() {
        return count;
    }

    public void IncrementCount() {
        count++;
    }
}

// 视图模型
class ViewModel {
    private Model model;

    public ViewModel(Model model) {
        this.model = model;
    }

    public int Count {
        get { return model.GetCount(); }
    }

    public void IncrementCount() {
        model.IncrementCount();
        OnPropertyChanged("Count"); // 通知视图模型更改，以便更新视图
    }
}

// 视图
class View {
    private ViewModel viewModel;

    public View(ViewModel viewModel) {
        this.viewModel = viewModel;
        viewModel.PropertyChanged += OnViewModelPropertyChanged; // 订阅视图模型的更改通知
    }

    private void OnViewModelPropertyChanged(object sender, PropertyChangedEventArgs e) {
        if (e.PropertyName == "Count") {
            DisplayCount(viewModel.Count);
        }
    }

    public void DisplayCount(int count) {
        Console.WriteLine(// 模型
class Model {
    private int count = 0;

    public int GetCount() {
        return count;
    }

    public void IncrementCount() {
        count++;
    }
}

// 视图模型
class ViewModel {
    private Model model;

    public ViewModel(Model model) {
        this.model = model;
    }

    public int Count {
        get { return model.GetCount(); }
    }

    public void IncrementCount() {
        model.IncrementCount();
        OnPropertyChanged("Count"); // 通知视图模型更改，以便更新视图
    }
}

// 视图
class View {
    private ViewModel viewModel;

    public View(ViewModel viewModel) {
        this.viewModel = viewModel;
        viewModel.PropertyChanged += OnViewModelPropertyChanged; // 订阅视图模型的更改通知
    }

    private void OnViewModelPropertyChanged(object sender, PropertyChangedEventArgs e) {
        if (e.PropertyName == "Count") {
            DisplayCount(viewModel.Count);
        }
    }

    public void DisplayCount(int count) {
        Console.WriteLine($"Count: {count}");
    }
}
quot;Count: {count}");
    }
}

MVP:

// 模型
class Model {
    private int count = 0;

    public int GetCount() {
        return count;
    }

    public void IncrementCount() {
        count++;
    }
}

// 表示层
class Presenter {
    private Model model;
    private IView view;

    public Presenter(Model model, IView view) {
        this.model = model;
        this.view = view;

        view.ButtonClickListener += OnButtonClickListener; // 订阅视图的事件
    }

    private void OnButtonClickListener(object sender, EventArgs e) {
        model.IncrementCount();
        view.DisplayCount(model.GetCount());
    }
}

// 视图接口
interface IView {
    event EventHandler ButtonClickListener;
    void DisplayCount(int count);
}

// 视图实现
class View : IView {
    public event EventHandler ButtonClickListener;

    public void DisplayCount(int count) {
        Console.WriteLine(// 模型
class Model {
    private int count = 0;

    public int GetCount() {
        return count;
    }

    public void IncrementCount() {
        count++;
    }
}

// 表示层
class Presenter {
    private Model model;
    private IView view;

    public Presenter(Model model, IView view) {
        this.model = model;
        this.view = view;

        view.ButtonClickListener += OnButtonClickListener; // 订阅视图的事件
    }

    private void OnButtonClickListener(object sender, EventArgs e) {
        model.IncrementCount();
        view.DisplayCount(model.GetCount());
    }
}

// 视图接口
interface IView {
    event EventHandler ButtonClickListener;
    void DisplayCount(int count);
}

// 视图实现
class View : IView {
    public event EventHandler ButtonClickListener;

    public void DisplayCount(int count) {
        Console.WriteLine($"Count: {count}");
    }
}
quot;Count: {count}");
    }
}

常见问题解答

哪种模式是最好的？
没有一种最好的模式，最佳选择取决于应用程序的特定需求和团队偏好。
什么时候应该使用 MVVM？
当应用程序的数据驱动且需要高度的视图和模型解耦时，MVVM 是一个不错的选择。
什么时候应该使用 MVP？
当应用程序需要高灵活性、易于测试性和针对不同平台的可移植性时，MVP 是理想的选择。
MVC 和 MVP 之间有什么区别？
MVC 中的控制器负责视图和模型之间的通信，而 MVP 中的表示层负责处理此交互。
MVVM 和 MVC 之间的主要区别是什么？
MVVM 引入了 ViewModel，它充当模型和视图之间的桥梁，并负责数据转换和呈现。

Kyle

探索Web开发资源和人工智能教程的代码社区

联系我

扫码关注微信公众号

MVP、MVVM、MVC：打造优异软件架构的基石

Kyle

依赖管理：构建健壮可维护的 Node.js 项目

独创解读Event Loop，还不会我就哭给你看

ES6中的Class语法及其与ES5中Class的区别解析

赋能开发，掌控未来——揭秘uniapp生命周期函数的奥秘

揭开 React 神秘面纱：带你亲手打造迷你版 React，领略其基本设计理念