系统架构：深入理解MVP

原创 已于 2024-11-18 08:43:31 修改 · 1.4k 阅读 · 17 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#架构

于 2024-10-23 12:31:57 首次发布

引言

MVP（Model-View-Presenter，模型-视图-提供者）是一种广泛应用于软件开发中的架构模式，是经典MVC（Model-View-Controller）的变种。在传统的MVC模式中，Model和View之间存在直接的依赖和数据交互，这种设计在一定程度上会导致代码耦合性增加，影响系统的可维护性和可扩展性。而在MVP模式中，Model和View完全解耦，它们之间的交互通过Presenter来实现。这种设计提高了代码的可维护性和可测试性，降低了复杂度。

本文将深入探讨MVP的架构概念、体系结构，最后通过一个完整的登录功能示例，展示如何在实际项目中运用MVP架构。

架构概念

MVP架构的核心思想是通过引入一个Presenter作为中间层，解耦Model和View之间的直接依赖关系，使得View仅负责UI渲染和用户交互，而Presenter处理业务逻辑并与Model交互。在MVP模式下，Model和View不存在任何直接的依赖和交互。它们之间的通讯完全通过Presenter来实现，这样可以更好地分离职责，降低代码的耦合度，提高代码的清晰性和可测试性。

MVP模式的依赖和交互关系如下图所示。MVP中的各部分之间的通信都是双向的，Presenter作为中间者，居中协调View和Model的交互。
在这里插入图片描述
MVP架构的三层功能如下：

  • Model：负责处理数据的获取、存储和管理，通常包含数据访问层（如数据库、API等）和实体模型
  • View：负责展示UI并与用户交互。View是一个“被动视图”（Passive View），它不会包含任何业务逻辑，只接受Presenter的指令来更新界面。
  • Presenter：是MVP的核心组件，负责处理业务逻辑。Presenter从Model获取数据，并将其传递给View，同时监听View的用户操作并处理相应的逻辑。

体系结构

三层解耦

MVP通过引入Presenter层，彻底实现了Model、View和Presenter三层的解耦：

  • Model：专注于数据处理，不关心UI展示。
  • View：专注于UI展示，不关心数据的来源和逻辑处理。
  • Presenter：负责在View和Model之间传递信息和业务逻辑的处理。

与MVC相比，MVP最大的不同点在于View和Model之间没有直接交互，而是通过Presenter桥接。Presenter通过接口与View和Model通信，保证了各组件之间的低耦合性，从而使代码更易于维护和测试。

双向通信

在MVP中，Presenter是核心，View通过接口与Presenter通信，而Presenter又通过调用Model来处理数据，最后将处理结果返回给View。通信流程如下：

  • 用户在View中触发某个操作（如点击按钮）。
  • View将该操作通知给Presenter。
  • Presenter根据业务逻辑决定如何处理事件，并通过Model获取数据。
  • Model返回处理结果给Presenter。
  • Presenter将结果传递给View，更新UI。

MVP的典型通信流程如下图所示：

在这里插入图片描述

被动视图（Passive View）

MVP中的View是“被动视图”，它只负责接收用户的输入和展示UI，而不会主动处理数据或业务逻辑。所有的逻辑都由Presenter处理，这样设计让View变得更加简单，并且使Presenter更具测试性。Presenter通过接口与View交互，使得Presenter可以独立于具体的UI实现进行单元测试。

测试友好

MVP模式的另一个显著优势是它非常利于单元测试。Presenter包含了所有的业务逻辑，且通过接口与View和Model交互，因此可以轻松地使用Mock对象来隔离实际的View和Model，从而更高效地进行测试。与MVC不同，MVP的View只是被动更新UI，没有复杂的逻辑需要测试，Presenter和Model的逻辑则可以通过自动化测试进行充分验证。

完整示例：登录功能

为了更好地理解MVP架构，接下来通过一个简单的登录功能示例来展示MVP模式在实践中的应用。

定义接口

首先，为了保证Presenter与View和Model的解耦，我们需要为View和Model定义接口。

LoginView接口：

public interface LoginView {
    void showLoginSuccess(String message);
    void showLoginError(String error);
    void showLoading();
    void hideLoading();
}

LoginModel接口：

public interface LoginModel {
    void login(String username, String password, LoginCallback callback);

    interface LoginCallback {
        void onSuccess(String message);
        void onError(String error);
    }
}

实现Model和Presenter

LoginModel实现：

public class LoginModelImpl implements LoginModel {
    @Override
    public void login(String username, String password, LoginCallback callback) {
        // 模拟网络请求
        if ("admin".equals(username) && "1234".equals(password)) {
            callback.onSuccess("Login Successful");
        } else {
            callback.onError("Invalid Credentials");
        }
    }
}

LoginPresenter实现：

public class LoginPresenter {
    private LoginView loginView;
    private LoginModel loginModel;

    public LoginPresenter(LoginView view) {
        this.loginView = view;
        this.loginModel = new LoginModelImpl(); // 可以通过依赖注入解耦
    }

    public void login(String username, String password) {
        loginView.showLoading();
        loginModel.login(username, password, new LoginModel.LoginCallback() {
            @Override
            public void onSuccess(String message) {
                loginView.hideLoading();
                loginView.showLoginSuccess(message);
            }

            @Override
            public void onError(String error) {
                loginView.hideLoading();
                loginView.showLoginError(error);
            }
        });
    }
}

View层实现

最后，我们在View层（如Activity或Fragment）中实现LoginView接口，并将操作委托给Presenter。

LoginActivity实现：

public class LoginActivity extends AppCompatActivity implements LoginView {
    private EditText usernameEditText;
    private EditText passwordEditText;
    private Button loginButton;
    private ProgressBar progressBar;
    private LoginPresenter loginPresenter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        // 初始化UI组件
        usernameEditText = findViewById(R.id.username);
        passwordEditText = findViewById(R.id.password);
        loginButton = findViewById(R.id.loginButton);
        progressBar = findViewById(R.id.progressBar);

        // 初始化Presenter
        loginPresenter = new LoginPresenter(this);

        // 设置按钮点击事件
        loginButton.setOnClickListener(v -> {
            String username = usernameEditText.getText().toString();
            String password = passwordEditText.getText().toString();
            loginPresenter.login(username, password);
        });
    }

    @Override
    public void showLoginSuccess(String message) {
        Toast.makeText(this, message, Toast.LENGTH_SHORT).show();
    }

    @Override
    public void showLoginError(String error) {
        Toast.makeText(this, error, Toast.LENGTH_SHORT).show();
    }

    @Override
    public void showLoading() {
        progressBar.setVisibility(View.VISIBLE);
    }

    @Override
    public void hideLoading() {
        progressBar.setVisibility(View.GONE);
    }
}

LoginActivity布局：

LoginActivity相对应activity_login.xml布局文件，它定义了简单的登录界面，包含用户名输入框、密码输入框、登录按钮和加载进度条。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="16dp">

    <!-- 用户名输入框 -->
    <EditText
        android:id="@+id/username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Username"
        android:inputType="text"
        android:padding="12dp"
        android:layout_marginBottom="16dp"/>

    <!-- 密码输入框 -->
    <EditText
        android:id="@+id/password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="Password"
        android:inputType="textPassword"
        android:padding="12dp"
        android:layout_marginBottom="16dp"/>

    <!-- 登录按钮 -->
    <Button
        android:id="@+id/loginButton"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Login"
        android:padding="12dp"
        android:layout_marginBottom="16dp"/>

    <!-- 加载进度条 -->
    <ProgressBar
        android:id="@+id/progressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone"/>

</LinearLayout>

布局说明：

  • 用户名输入框 (EditText)：用户输入登录用户名的地方，id为username。
  • 密码输入框 (EditText)：用户输入登录密码的地方，id为password，并设置了输入类型为密码格式。
  • 登录按钮 (Button)：用于触发登录操作的按钮，id为loginButton。
  • 加载进度条 (ProgressBar)：在处理登录请求时显示的加载指示器，默认隐藏（visibility=“gone”），只有在请求处理中显示。

结论

MVP架构通过将View、Model、Presenter三层彻底解耦，使得业务逻辑、UI展示、数据处理分别在不同的层中负责。这样不仅提高了代码的可维护性和可测试性，也使得项目的扩展性更强。在实际开发中，MVP非常适用于复杂度较高的应用程序，尤其是在需要严格分离UI逻辑和业务逻辑的场景下

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值