资讯专栏INFORMATION COLUMN

一篇文章了解架构模式:MVC/MVP/MVVM

raoyi / 705人阅读

摘要:架构模式的文章很多,好理解的没有几个。没有明确的目的理解架构模式的真正意义是什么虚拟和组件化在中的位置题目开的太大,一定有很多疏忽错误的地方,也恳请大家指出。因此,模式出现了。然后通过双向数据绑定使中的状态数据与中的显示状态保持一致。

架构模式的文章很多,好理解的没有几个。大部分文章出现的主要问题有:

没有设定好作用域:前端MVC是改造过的MVC,和后台MVC有明显的区别,不能一概而论

没有实际的例子:实际的例子对应日常的工作,没有就很难产生共鸣,从而造成看一次忘一次的困扰。

没有明确的目的:理解架构模式的真正意义是什么?虚拟DOM和组件化在MV*中的位置?

题目开的太大,一定有很多疏忽错误的地方,也恳请大家指出。

1. MV* 1.1 后端MVC与前端MVC

从实现上来说,主要可以分为后端MVC和前端MVC两种。这两种MVC的不同点如下:

可以看到,前端的MVC其实是为了解决前端复杂JS模块化的问题,从后端MVC的V分出来的MVC,与后端MVC并没有直接的关系。前端的MVC中,M占的比例很低,只指代数据。而后端V的比例很低,只有模版的部分。

1.2 MVC/MVP/MVVM

可以清晰的看出,这三个架构的区别在“M与V联系”的部分。下面我们针对这一部分做一个对比:

Controller: 负责监听View的用户事件,得到数据后Controller做一些处理,然后渲染View。

当然,在一些后端MVC架构里,Model也可以直接渲染View模版,但这只是不同变种的实现,这里不多做讨论。

但是随时逻辑的复杂,这样的处理遇到了很难调试的问题。由于View一定要运行在UI环境下,而且Model或者Controller和View强耦合,没有办法多带带验证应用逻辑的正确性。当出了问题之后,因为各个模块是耦合在一起的,也不能快速判断究竟是哪个模块出现的问题。因此,MVP模式出现了。

Presenter: 比起Controller,Presenter会调用View层提供的接口去渲染Model。这样做有几点好处:

面向接口编程

更好的解耦

方便做单元测试

现在P和V解耦了,P可以自己做单元测试了。软件结构划分的更加清楚,逻辑清晰并方便调试。但是这一切都来自于一个前提:View层要提供接口。当一个UI复杂起来的时候,View层需要提供的接口是很多的,这本身也是一种开发调试的成本。所以,MVVM应运而生。

ViewModel: 比起MVP中View需要自己提供API,MVVM在VM中构建一组状态数据(state data),作为View状态的抽象。然后通过双向数据绑定(data binding)使VM中的状态数据(state data)与View中的显示状态(screen state)保持一致。这样,VM中的展示逻辑只需要修改对应的状态数据,就可以控制View的状态,从而避免在View上开发大量的接口。

VM有没有什么缺点?有的,当UI比较简单的时候,使用VM就会使业务逻辑变得复杂,有过分设计的嫌疑。所以VM只适合复杂UI交互的项目。

2. 举个栗子

栗子

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/28858.html

相关文章

  • 文章了解架构模式MVC/MVP/MVVM

    摘要:架构模式的文章很多,好理解的没有几个。没有明确的目的理解架构模式的真正意义是什么虚拟和组件化在中的位置题目开的太大,一定有很多疏忽错误的地方,也恳请大家指出。因此,模式出现了。然后通过双向数据绑定使中的状态数据与中的显示状态保持一致。 架构模式的文章很多,好理解的没有几个。大部分文章出现的主要问题有: 没有设定好作用域:前端MVC是改造过的MVC,和后台MVC有明显的区别,不能一概...

    bingchen 评论0 收藏0
  • 文章了解架构模式MVC/MVP/MVVM

    摘要:架构模式的文章很多,好理解的没有几个。没有明确的目的理解架构模式的真正意义是什么虚拟和组件化在中的位置题目开的太大,一定有很多疏忽错误的地方,也恳请大家指出。因此,模式出现了。然后通过双向数据绑定使中的状态数据与中的显示状态保持一致。 架构模式的文章很多,好理解的没有几个。大部分文章出现的主要问题有: 没有设定好作用域:前端MVC是改造过的MVC,和后台MVC有明显的区别,不能一概...

    darcrand 评论0 收藏0
  • 我的Android重构之旅:架构

    摘要:是的架构的实现。是在年提出的一种前端架构,主要用来处理复杂的逻辑的一致性问题当时是为了解决页面的消息通知问题。 去年10月底来到了新公司,刚开始接手 Android 项目时,发现该项目真的是一团遭,项目开发上没有任何架构可言,开发人员连简单的 MVC、MVP 都不了解,Activity 及其臃肿,业务边界也不明确,因此我决定重新分析一下当前主流的几种开发架构,选出适合当前项目的架构形式...

    mylxsw 评论0 收藏0
  • Android架构

    摘要:目前它还未正式发布。理解系列一是谷歌在发布一套帮助开发者解决架构设计的方案。但最近还是推出了一份关于应用架构的实践指南,并给出了相当详尽的步骤和一些指导建议。 MVP+Retrofit+Rxjava在项目中实战解析 文章目标 MVP在android中的原理解析 MVP+Retrofit+Rxjava在项目中实战解析 架构经验分享 MVP简单介绍 先说说MVC分层: View:对应于布局...

    bergwhite 评论0 收藏0

发表评论

0条评论

raoyi

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<