【Java设计模式】模型 - 视图 - 意图模式

道长不会写代码

于 2024-09-11 09:00:43 发布

阅读量164

点赞数 6

分类专栏： Java设计模式文章标签： java 设计模式开发语言

本文链接：https://blog.csdn.net/weixin_42545951/article/details/142124222

版权

Java设计模式专栏收录该内容

93 篇文章 0 订阅

订阅专栏

文章目录

【Java设计模式】模型 - 视图 - 意图模式

【Java设计模式】模型 - 视图 - 意图模式

一、概述

Java应用程序中的模型 - 视图 - 意图（MVI）模式在模型、视图和意图组件之间创建了单向和循环的数据流，增强了UI的可预测性和状态管理。

二、详细解释及实际示例

实际示例：
- 考虑一个使用Java的模型 - 视图 - 意图（MVI）模式的现实世界类比，以在快餐店点餐的场景来理解其在增强UI状态管理方面的应用。
- 在这个类比中：
- 模型：它就像餐厅的厨房，在这里管理您订单的当前状态。当您选择菜品时，厨房会更新订单状态和使用的食材。
- 视图：这代表菜单和数字显示板，您可以在其中看到当前订单的摘要。它反映了您订单的当前状态，显示您添加或删除的菜品。
- 意图：将其视为您与菜单交互时的决策过程。您做出的每个选择（如添加汉堡或删除饮料）都会向系统（厨房）发送特定的意图。
- 当您决定向订单中添加一个项目（意图）时，厨房（模型）处理此请求，更新订单的状态，然后显示屏（视图）更新以显示订单的最新状态。这个循环会一直持续到您完成订单，展示了MVI的单向和循环流特性。这确保了订单中的每一个变化都能在客户的视图中可预测地、准确地反映出来，类似于使用MVI的软件中UI组件根据状态变化进行更新。
通俗解释：
- 模型 - 视图 - 意图（MVI）模式是一种响应式架构方法，其中用户操作（意图）修改应用程序状态（模型），然后更新后的状态以单向和循环的数据流反映回用户界面（视图）。

三、Java中模型 - 视图 - 意图模式的编程示例

Java中的模型 - 视图 - 意图（MVI）模式是一种构建应用程序逻辑的现代方法，确保数据和事件的平滑、单向流动。它是模型 - 视图 - 展示器（MVP）和模型 - 视图 - 视图模型（MVVM）模式的变体，但具有更简化的数据和事件流。
在MVI中，视图将用户事件发送到意图。意图将这些事件转换为模型中的状态更改。模型然后将这个新状态推送到视图，视图相应地更新自己。这创建了一个单向数据流，可以使您的代码更容易理解和调试。
首先，我们有App类，它作为应用程序的入口点。它创建视图和视图模型，然后模拟用户与计算器的一系列交互。

public final class App {
    private static final double RANDOM_VARIABLE = 10.0;
    public static void main(final String[] args) {
        var view = new CalculatorView(new CalculatorViewModel());
        var variable1 = RANDOM_VARIABLE;
        view.setVariable(variable1);
        view.add();
        view.displayTotal();
        variable1 = 2.0;
        view.setVariable(variable1);
        view.subtract();
        view.divide();
        view.multiply();
        view.displayTotal();
    }
    private App() {
    }
}

CalculatorView类代表MVI中的视图。它接收用户事件（在本例中，由App类模拟），并将它们发送到视图模型。当它从视图模型接收新状态时，它也会更新其显示。

public class CalculatorView {
    private CalculatorViewModel viewModel;
    public CalculatorView(CalculatorViewModel viewModel) {
        this.viewModel = viewModel;
    }
    public void setVariable(double variable) {
        viewModel.process(new SetVariableEvent(variable));
    }
    public void add() {
        viewModel.process(new AddEvent());
    }
    public void subtract() {
        viewModel.process(new SubtractEvent());
    }
    public void divide() {
        viewModel.process(new DivideEvent());
    }
    public void multiply() {
        viewModel.process(new MultiplyEvent());
    }
    public void displayTotal() {
        System.out.println("Total: " + viewModel.getState().getTotal());
    }
}

CalculatorViewModel类代表MVI中的视图模型。它接收来自视图的事件，相应地更新模型的状态，然后将新状态推送到视图。

public class CalculatorViewModel {
    private CalculatorModel model;
    public CalculatorViewModel() {
        this.model = new CalculatorModel();
    }
    public void process(UserEvent event) {
        event.apply(model);
    }
    public CalculatorModel getState() {
        return model;
    }
}

CalculatorModel类代表MVI中的模型。它保存计算器的当前状态，并提供更新该状态的方法。

public class CalculatorModel {
    private double total;
    private double variable;
    public void setVariable(double variable) {
        this.variable = variable;
    }
    public void add() {
        total += variable;
    }
    public void subtract() {
        total -= variable;
    }
    public void divide() {
        total /= variable;
    }
    public void multiply() {
        total *= variable;
    }
    public double getTotal() {
        return total;
    }
}

最后，UserEvent接口及其实现代表可能发生的不同类型的用户事件。每个事件都知道如何将自己应用于模型。

public interface UserEvent {
    void apply(CalculatorModel model);
}
public class SetVariableEvent implements UserEvent {
    private double variable;
    public SetVariableEvent(double variable) {
        this.variable = variable;
    }
    @Override
    public void apply(CalculatorModel model) {
        model.setVariable(variable);
    }
}
// 为AddEvent、SubtractEvent、DivideEvent和MultiplyEvent创建类似的类...