从MVP登录Demo理解MVP模式

(1)MVP概述


  • 一说到MVP模式,就必然要了解这张图。复杂的原理先不用说,说了大家也是迷迷糊糊的,首先记住两点就可以了

    • Model层与View层之间不直接交互,由Presenter这个中间角色完成
    • Activity可以充当View层
      这里写图片描述
  • 接下来我会用MVP写一个简单登录页面,输入用户名和密码,点击登录,toast返回成功/失败结果;点击清除数据输入框被清空数据

  • 项目结构
    这里写图片描述

(2)View层


  • 之前说了View层其实就是Activity,MVP模式中大量使用了接口,同样作为一个登录的View(Activity),至少需要以下方法

    • 获取用户名、密码
    • 清空用户名、密码
    • 展示隐藏加载动画
    • 登录成功和失败的回调
  • 在代码中我们就可以封装成以下一个View层的接口LoginView

public interface LoginView {

    String getUserName();

    String getPassword();

    void clearUserName();

    void clearPassword();

    void showLoading();

    void hideLoading();

    void loginSuccess(User user);

    void loginFail();
}
  • 然后让我们的Activity实现这个接口并重写上述几个抽象方法(注释掉的代码先不用管,是后来Presenter添加的代码)
public class UserLoginActivity extends AppCompatActivity implements LoginView {

    private EditText username;
    private EditText password;

    private ProgressDialog pd;

//    private LoginPresenterImpl presenter = new LoginPresenterImpl(this);


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

        initView();
    }

    private void initView() {
        username = ((EditText) findViewById(R.id.username));
        password = ((EditText) findViewById(R.id.password));

        Button login = (Button) findViewById(R.id.login);
        login.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

//                presenter.login();

            }
        });

        Button clear = (Button) findViewById(R.id.clear);
        clear.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
//                presenter.clear();
            }
        });
    }

    @Override
    public String getUserName() {
        return username.getText().toString();
    }

    @Override
    public String getPassword() {
        return password.getText().toString();
    }

    @Override
    public void clearUserName() {
        username.setText("");
    }

    @Override
    public void clearPassword() {
        password.setText("");
    }

    @Override
    public void showLoading() {

        if (pd == null) {
            pd = ProgressDialog.show(this, "", "正在加载", true, false);
        } else if (pd.isShowing()) {
            pd.setTitle("");
            pd.setMessage("正在加载...");
        }
        pd.show();
    }

    @Override
    public void hideLoading() {
        if (pd != null && pd.isShowing()) {
            pd.dismiss();
        }
    }

    @Override
    public void loginSuccess(User user) {
        Toast.makeText(this, user.getUsername()+"登录成功", Toast.LENGTH_SHORT).show();

    }

    @Override
    public void loginFail() {
        Toast.makeText(this, "登录失败", Toast.LENGTH_SHORT).show();
    }
}
  • 这样我们View层就写好了,一个接口和一个实现类
    • 一个接口LoginView,定义了该Activity一些必备方法
    • 一个Activity,并实现上述接口的抽象方法

(3)Model层


  • Model层类似于一个JavaBean类,但功能更强大,也有业务逻辑的实现
  • 首先Model层得有个用户登录的User类,就是一个普通实体Bean类
public class User {

    private String username ;
    private String password ;

    public String getUsername()
    {
        return username;
    }

    public void setUsername(String username)
    {
        this.username = username;
    }

    public String getPassword()
    {
        return password;
    }

    public void setPassword(String password)
    {
        this.password = password;
    }
}
  • 其次,Model层还实现具体业务逻辑,此处就是输入用户名和密码进行登录的业务逻辑,同样,先定义一个登录接口(接口中一个抽象的登录方法和一个登录的回调接口)
  • 至于这个回调接口的作用此处暂时说一下,是为了将Model层的业务逻辑处理结果返回给Presenter
public interface LoginModel {

    void login(String username, String password, OnLoginListener loginListener);

    interface OnLoginListener {

        void loginSuccess(User user);

        void loginFailed();
    }
}
  • 既然有接口,就必须来个实现类
public class LoginModelImpl implements LoginModel {

    @Override
    public void login(final String username, final String password, final OnLoginListener loginListener) {
        //模拟子线程耗时操作
        new Thread() {
            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                //模拟登录成功
                if ("monkey".equals(username) && "123".equals(password)) {
                    User user = new User();
                    user.setUsername(username);
                    user.setPassword(password);
                    loginListener.loginSuccess(user);
                } else {
                    loginListener.loginFailed();
                }
            }
        }.start();
    }
}

(4)Presenter层


  • 接下来就是最重要的Presenter层,它负责Model层和View之间的交互,同样Presenter也有一个接口和一个具体的实现类
  • 接口LoginPresenter
public interface LoginPresenter {

    void login();

    void clear();
}
  • 实现类LoginPresenterImpl

    • 我们先来看看Presenter层怎么写,首先实现两个抽象方法,login登录 clear清空数据
    • 其次Presenter扮演着view和model的中间层的角色,因此我们要在构造方法中取到view和model的具体实现类对象
    • 然后我们分析一下Presenter的login方法中

      • 通过View的具体实现类userLoginView取出UI上的具体值,相当于图中的第一步
      • 然后调用Model的实现类userBiz执行登录业务逻辑,相当于图中的第二步
      • 最后,在登录的回调中用Handler传递到主线程中,调用了View层的的方法刷新UI,相当于图中的第三步
    • clear方法同理

这里写图片描述

public class LoginPresenterImpl implements LoginPresenter{

    private LoginView userLoginView;
    private LoginModel userBiz;
    private Handler handler = new Handler();

    /**
     * Presenter扮演着view和model的中间层的角色,因此在构造方法中找到view和model的实现类对象
     *      IUserLoginView接口的实现类 UserLoginActivity
     *      LoginModel接口的实现类 LoginModelImpl
     */
    public LoginPresenterImpl(LoginView userLoginView) {
        this.userLoginView = userLoginView;
        this.userBiz = new LoginModelImpl();

    }

    @Override
    public void login(){
        userLoginView.showLoading();
        userBiz.login(userLoginView.getUserName(), userLoginView.getPassword(), new LoginModel.OnLoginListener() {
            @Override
            public void loginSuccess(final User user) {
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        userLoginView.loginSuccess(user);
                        userLoginView.hideLoading();
                    }
                });
            }

            @Override
            public void loginFailed() {
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        userLoginView.loginFail();
                        userLoginView.hideLoading();
                    }
                });
            }
        });

    }

    @Override
    public void clear(){
        userLoginView.clearUserName();
        userLoginView.clearPassword();
    }
}
  • 最后我们在Activity中实例化Presenter实例,并在登录和清除的点击事件中调用presenter的login和clear方法,就是之前Activity中注释掉的部分
  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
### 回答1: MVP(Model-View-Presenter)是一种用于构建用户界面的设计模式,它将界面分为三个主要部分:模型(Model)、视图(View)和展示者(Presenter)。在Qt框架中实现MVP设计模式demo可以按照以下步骤进行: 1. 首先,创建一个数据模型类(Model),该类负责处理数据的获取和管理。可以定义一些成员变量用于保存数据,并提供相应的方法来操作这些数据。 2. 接下来,创建一个视图类(View),该类用于用户界面的展示。可以在视图类中使用Qt的控件来构建界面,并将用户输入的操作反馈给Presenter类处理。 3. 然后,创建一个展示者类(Presenter),该类作为Model和View之间的中介,处理业务逻辑和数据的交互。可以在Presenter中实例化Model和View对象,并定义一些方法用于处理用户界面的操作,同时更新数据模型。 4. 最后,在Qt的主函数中初始化Model、View和Presenter对象,并建立它们之间的连接。在实际的应用场景中,可以通过信号和槽机制来实现View和Presenter之间的通信,以及Model和Presenter之间的数据传递。 通过上述步骤的实现,就可以在Qt框架中创建一个简单的MVP设计模式demo。在这个demo中,View负责用户界面展示,Presenter处理业务逻辑和数据交互,Model负责数据的管理。这种设计模式的好处是使代码结构清晰,职责明确,易于扩展和维护,使得开发过程更加高效。 ### 回答2: MVP(Model-View-Presenter)是一种常用的设计模式,用于将业务逻辑和用户界面分离。Qt框架是一个功能强大的GUI开发框架,可以轻松地实现MVP设计模式。 首先,我们需要创建三个主要的组件:Model(模型)、View(视图)和Presenter(展示器)。 模型(Model)是应用程序的数据源。它负责处理数据的读取、写入和处理。在Qt中,我们可以使用QAbstractItemModel类或自定义的数据结构作为模型。 视图(View)是用户界面的呈现层。它负责展示数据,并且可以与用户进行交互。在Qt中,我们可以使用QWidget或QML作为视图。 展示器(Presenter)是模型和视图之间的桥梁。它负责接收视图的用户交互事件,并使用模型来处理业务逻辑。在Qt中,我们可以使用QObject类来实现展示器。 在实现MVP设计模式Demo中,我们可以创建一个简单的待办事项列表应用程序。 首先,在模型中,我们可以定义一个代表待办事项的数据结构,并实现数据的增删改查操作。 接下来,在视图中,我们可以使用QWidget或QML来创建一个用于展示待办事项的列表的界面。用户可以添加、删除和更新待办事项。 最后,在展示器中,我们可以连接视图和模型,处理用户的交互事件,并将其反映到模型中。 例如,当用户点击添加按钮时,展示器将接收到该事件,并调用模型的添加方法。模型更新后,展示器将更新视图以反映最新的待办事项列表。 通过以上步骤,我们可以实现一个简单的MVP设计模式Demo,同时利用Qt框架的强大功能。这样做将使代码更易于维护和扩展,并促进良好的代码分离和可测试性。 ### 回答3: MVP(Model-View-Presenter)是一种软件设计模式,主要用于分离应用程序的业务逻辑和图形界面。在Qt中实现MVP设计模式的示例可以按照以下步骤进行: 1. 创建模型(Model):模型负责处理应用程序的业务逻辑和数据处理。可以使用Qt的数据结构,如QList、QMap等来表示数据。例如,在一个学生信息管理系统中,可以创建一个学生模型类(StudentModel),用于存储和处理学生的信息。 2. 创建视图(View):视图是用户界面的可视化部分,负责读取模型中的数据并展示给用户。可以使用Qt的界面设计工具(如Qt Designer)创建视图的UI界面。例如,在学生信息管理系统中,可以创建一个学生信息展示的窗口,包含姓名、年龄、性别等信息的文本框和标签。 3. 创建Presenter(Presenter):Presenter是连接模型和视图之间的桥梁,负责处理用户的输入操作,更新模型中的数据,并将更新后的数据传递给视图进行展示。可以使用Qt的信号与槽机制来实现Presenter的交互逻辑。例如,在学生信息管理系统中,可以创建一个学生信息展示的Presenter类(StudentPresenter),用于响应用户的操作,更新学生模型的数据,并将更新后的数据传递给学生信息展示的视图进行展示。 4. 其他辅助类:除了上述三个核心类外,还可以根据需要创建其他辅助类,用于处理一些通用的功能,如数据验证、数据转换等。 在实现MVP设计模式Demo中,可以创建一个学生信息管理系统的应用程序。通过使用上述步骤创建模型、视图和Presenter,并在主函数中进行连接和初始化,以实现学生信息的展示和更新操作。用户可以通过视图输入学生信息,并通过Presenter将输入的信息更新到模型中,并实时反映在视图中。 通过以上步骤以及合理的类和模块的划分,可以实现MVP设计模式Demo,并帮助开发人员更好地分离业务逻辑和图形界面,提高代码的可维护性和可扩展性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

代码充电宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值