MVP架构思想

序言

一年前,接触了自己的第一个MVP的Android项目,当时仔细研究过一段时间这种架构,但是后来一直负责的项目都是基于MVC,现在都要忘记了,现在把他记录下来。

背景

什么叫MVP,为什么要用MVP?

15年实习的时候,很幸运开始从0开始做第一个项目,老大把框架搭建起来,后来开始写业务逻辑代码,当时所在的公司是做电商的,需求那就是3个字,改,改,改,Activity的代码上千行已经习以为常,这样的代码变得非常臃肿,难以维护。

那么什么叫MVP?就是Modle——View——Presenter,看到这个概念很懵逼,先甩一张图看一下和普通MVC的区别:


image

从图中可以很明显的看到MVC和MVP的区别,MVP消除了View和Model之间的相互依赖,中间通过Presenter来通讯,解耦合。

MVC和MVP各个部分在干什么?

MVC和MVP两个单词只差了一个字母,但是两种处理方式上改变得太多。

MVC三个部分分别在干什么

  • View:对应于布局文件,但是细细的想一想这个View对应于布局文件,其实能做的事情特别少,实际上关于布局文件中的数据绑定的操作,事件处理的操作都在Activity中,造成了Activity既像View又像Controller。
  • Model:业务逻辑和实体模型
  • Controller:对应于Activity

MVP三个部分分别在干什么

  • View:对应于Activity,负责View的绘制以及用户交互
  • Model:业务逻辑和实体逻辑
  • Presenter:负责完成View与Model之间的交互

写一个MVP的demo

  • 定义Modle
    1.定义bean类:
public class People {
    public int icon;
    public String like;
    public String style;

    public int getIcon() {
        return icon;
    }

    public String getLike() {
        return like;
    }

    public String getStyle() {
        return style;
    }

    public void setIcon(int icon) {
        this.icon = icon;
    }

    public void setLike(String like) {
        this.like = like;
    }

    public void setStyle(String style) {
        this.style = style;
    }

    @Override
    public String toString() {
        return "Pepole{" +
                "icon=" + icon +
                ", like='" + like + '\'' +
                ", style='" + style + '\'' +
                '}';
    }

2.定义Model接口:

public interface IPeopleModel {
    void loadPeople(PeolpleOnLoadListener girlOnLoadListener);
    interface PeolpleOnLoadListener{
        void onComplete(List<People> girls);
    }
}

model处理数据逻辑:

public class PeopleModelImpl implements IPeopleModel {
    Handler handler = new Handler(Looper.getMainLooper());

    @Override
    public void loadPeople(final PeolpleOnLoadListener peopleOnLoadListener) {
        new Thread() {
            @Override
            public void run() {
                try {
                    sleep(3000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                final List<People> data = new ArrayList<People>();
                data.add(new People(R.drawable.f1, "五颗星", "美女1"));
                data.add(new People(R.drawable.f2, "四颗星", "美女2"));
                data.add(new People(R.drawable.f3, "五颗星", "美女3"));
                data.add(new People(R.drawable.f4, "三颗星", "美女4"));
                data.add(new People(R.drawable.f5, "五颗星", "美女5"));
                data.add(new People(R.drawable.f6, "三颗星", "美女6"));
                data.add(new People(R.drawable.f7, "四颗星", "美女7"));
                data.add(new People(R.drawable.f8, "五颗星", "美女8"));
                data.add(new People(R.drawable.f9, "四颗星", "美女9"));
                data.add(new People(R.drawable.f10, "三颗星", "美女10"));
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        //回调
                        peopleOnLoadListener.onComplete(data);
                    }
                });
            }
        }.start();
    }
}
  • 定义Presenter
    从上面的图中可以看到,Presenter依赖了Model,也依赖了View,所以应该持有他们的引用。因为项目中会有很多的Presenter需要去编写,也有很多的代码会重复,所以把这些共有的东西进行封装,放到BasePresenter中。

1.编写基类Presenter

public abstract class BasePresenter<T> {
    protected WeakReference<T> mViewRef;
    public abstract void fetch();
    public void attachView(T view){
        mViewRef = new WeakReference<T>(view);
    }

    public void detach(){
        if(mViewRef!=null){
            mViewRef.clear();
            mViewRef = null;
        }
    }

}

2.编写具体的Presenter

public class PeoplePresenterImpl extends BasePresenter<IPeopleView> {

    IPeopleView  iGirlView;
    public PeoplePresenterImpl(IPeopleView iGirlView){
        this.iGirlView = iGirlView;
    }
    IPeopleModel peopleModel = new PeopleModelImpl();
    @Override
    public void fetch() {
        iGirlView.showloading();
        if(peopleModel!=null){
            peopleModel.loadPeople(new IPeopleModel.PeolpleOnLoadListener() {
                @Override
                public void onComplete(List<People> peoples) {
                    iPeopleView.showPeople(peoples);
                }
            });
        }
    }
}

  • 定义View。

1.先确定我们的View中干什么,定义功能接口

public interface IPeopleView {

    void  showloading();
    void showPeople(List<People> girls);
}

2.因为View要依赖Presenter,所以我们每个Activity肯定会持有一份Presenter的引用,所以在Activity销毁的时候要释放,这些操作放到BaseActivity中。

public abstract class BaseActivity<T extends BasePresenter> extends AppCompatActivity {
    protected  T mPresent;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mPresent = createPresent();
        mPresent.attachView(this);
    }

    @Override
    protected void onDestroy() {
        mPresent.detach();
        super.onDestroy();
    }

    public abstract T createPresent() ;
}

3.编写具体的Activity

public class MainActivity extends BaseActivity<PeoplePresenterImpl> implements IPeopleView {
    private ListView listView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main_v1);
        listView = (ListView) findViewById(R.id.listview);
        mPresent.fetch();
    }

    @Override
    public PeoplePresenterImpl createPresent() {
        return new PeoplePresenterImpl(this);
    }

    @Override
    public void showloading() {
        Toast.makeText(this,"正在拼命加载",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void showPeople(List<People> girls) {
        listView.setAdapter(new GirlListAdapter(this,girls));
    }
}

OK,MVP架构的练手项目就已经写完了。可以看到MVP模式中,Activity的代码会少很多。只是在展示,数据的处理和业务放在了model和presenter中。

效果图:

image

归纳(套路)

现在,每个人应该都听过一个词,叫套路,没错,做任何事情都有套路,把套路搞清楚了,再复杂的东西变得简单一些,总结一下编写MVP模式的套路:

  • View:负责绘制UI元素,与用户进行交互,也就是我们的Activity。他可以从模型中读取数据,但是不能修改或更新模型。view提供提供UI交互,在presenter的控制下修改UI,将业务事件交由presenter处理,注意: View层不存储数据,不与Model层交互,在Android中View层一般是Activity、Fragment、View(控件)、ViewGroup(布局等)等
  • Activity interface:需要View实现的接口,View通过View interface与Presenter进行交互,降低耦合,方便进行单元测试
  • Model:负责存储、检索、操纵数据(有时也实现一个Model interface用来降低耦合);表示数据模型和业务逻辑(business logic)。模型并不总是DataSet,DataTable之类的东西,它代表着一类组件(components)或类(class),这些组件或类可以向外部提供数据,同时也能从外部获取数据并将这些数据存储在某个地方。简单的理解,可以把模型想象成“外观类(facade class)。职责就是从网络,数据库,文件,传感器,第三方等数据源读写数据, 对外部的数据类型进行解析转换为APP内部数据交由上层处理,对数据的临时存储,管理,协调上层数据请求。
  • Presenter:作为View与Model交互的中间纽带,处理与用户交互的负责逻辑。

MVP的好处

  • 减少了Activity的职责,简化了Activity中的代码,将复杂的逻辑代码提取到了Presenter中进行处理。与之对应的好处就是,耦合度更低
  • Activity代码变得更加整洁,使用MVP之后,Activity就能瘦身许多了,基本上只有FindView、SetListener以及Init的代码。其他的就是对Presenter的调用,还有对View接口的实现。这种情形下阅读代码就容易多了,而且你只要看Presenter的接口,就能明白这个模块都有哪些业务,很快就能定位到具体代码。Activity变得容易看懂,容易维护,以后要调整业务、删减功能也就变得简单许多。
  • 方便进行单元测试,般单元测试都是用来测试某些新加的业务逻辑有没有问题,如果采用传统的代码风格(习惯性上叫做MV模式,少了P),我们可能要先在Activity里写一段测试代码,测试完了再把测试代码删掉换成正式代码,这时如果发现业务有问题又得换回测试代码,咦,测试代码已经删掉了!好吧重新写吧……

MVP中,由于业务逻辑都在Presenter里,我们完全可以写一个PresenterTest的实现类继承Presenter的接口,现在只要在Activity里把Presenter的创建换成PresenterTest,就能进行单元测试了,测试完再换回来即可。万一发现还得进行测试,那就再换成PresenterTest吧。

MVP的坏处

接手的MVP的大项目中,有时候层层回调让我不知所云,虽然代码的耦合降低,但是让人一看,会有很懵逼的感觉,代码写太多了,没有MVC好上手。不知道大家有没有这种感觉。哈哈!!

总结

没有最好的架构,只有最合适的架构,虽然MVP架构很好,但是在小项目中,MVC就已经很好的支持项目的开发,没必要用MVP。在大项目中可以考虑MVP的架构。搞定,收工。

源码点击下载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容