当前位置:   article > 正文

两分钟了解MVC、MVP和MVVM_mvc mvp mvvm通俗易懂

mvc mvp mvvm通俗易懂

MVC、MVP和MVVM的区别

一、MVC模型
MVC是Model-View- Controller的简写,即模型-视图-控制器。
M是指模型,模型(Model)指的是后端传递的数据。
V是指视图(View),视图(View)指的是所看到的页面。
C是controller控制器,控制层,它是Model 和 View 之间的胶水或者说是中间人。

MVC是将软件分成三个部分 模型(model) 视图(view) 控制器(controller)
  • 1

在这里插入图片描述
使用MVC的目的就是将M和V的代码分离。MVC是单向通信。也就是View跟Model,必须通过Controller来承上启下。它的运行过程如下:
1、View 传送指令到 Controller
2、Controller 完成业务逻辑后,要求 Model 改变状态
3、Model 将新的数据发送到 View,用户得到反馈
即:在这里插入图片描述

接受用户指令时,MVC 可以分成两种方式。
一种是通过 View 接受指令,传递给 Controller。
在这里插入图片描述
另一种是直接通过controller接受指令。
在这里插入图片描述
优点:Model 和 View 是完全隔离的,由 Controller 作为中间人来负责二者的交互的同时三者是完全独立分开的。
  这样可以保证 M 和 V 的可测试性和复用性以及维护性,但是一般由于 C 都是为特别的应用场景下的 M 和 V 做中间者,所以很难复用。

好处:
  耦合性低

  重用性高

  部署快,生命周期成本低。

  可维护性高。
存在的问题:
  不适合小型,中等规模的应用程序
  
  视图与控制器间的过于紧密的连接并且降低了视图对模型数据的访问。

二、MVP模型

  MVP全称是Model-View-Presenter;MVP 是模式MVC演变而来的,MVP 模式是将 Controller 改名为 Presenter,同时改变了通信方向:
在这里插入图片描述
1、各部分之间的通信,都是双向的。

2 、View 与 Model 不发生联系,都通过 Presenter 传递。

3、View 非常薄,不部署任何业务逻辑,称为"被动视图"(Passive View),即没有任何主动性,而 Presenter非常厚,它们之间的通信是通过Presenter来进行的,所有的交互都发生在Presenter内部所有逻辑都部署在那里。而在MVC中View会直接从Model中读取数据而不是通过Controller。

三、MVVM模型
MVVM即Model-View-ViewModel的简写,即模型-视图-视图模型。
模型(Model)指的是后端传递的数据。
视图(View)指的是所看到的页面。
视图模型(ViewModel)是mvvm模式的核心,它是连接view和model的桥梁。
在这里插入图片描述
MVVM的流程为:
在这里插入图片描述
这种模式跟的MVP模式很相似,将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。
区别 :它采用双向绑定(data-binding):View的变动,自动反映在 ViewModel,反之亦然 。Angular 和 Ember 都采用这种模式。
优点:
  1.、低耦合
  2.、可重用性
  3、 独立开发
   4、可测试
好处:实现了业务逻辑组件的重用,使开发更高效,结构更清晰,增加代码的复用性。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/66196
推荐阅读
相关标签
  

闽ICP备14008679号