开发架构模式

一、开发架构

有MVC、MVP、MVVM、等

1.1 MVC架构介绍

是古老的架构,随着MVP与MVVM的流行渐渐退出历史舞台

架构图案如下:
image

MVC架构解析:

1.视图层(View)

2.控制层(Controller),主要负责业务逻辑

3.模型层(Model),主要负责网络请求,数据库处理,I/O的操作,即页面的数据来源

1.2 MVP架构介绍

在MVC后为了解决其缺陷,于是MVP应运而生

架构图如下:
image

架构解析:

1.View层:显示ui,界面。与model没有磨合

2.presenter层:主要负责处理业务逻辑,通过接口回调View层

3.Model层:主要负责网络请求,数据库处理等操作,这个没有什么变化

1.3 MVVM架构介绍

MVVM是Model-View-ViewModel的简写。本质是MVC的改进。
架构解析:
1.Model:模型,数据和业务逻辑都在Model定义

2.View:视图,负责数据的展示

3.ViewModel:负责监听Model中数据的改变并且控制视图的更新,处理用户交互操作

MVVM 模式将 Presenter 改名为 ViewModel,基本上与 MVP 模式完全一致。

image

MVVM架构采用了双向绑定。就是说,只要Model数据变了,会自动反应到UI上
其主要体现者有:Vue.js、微信小程序、AngularJS

如Vue.js的MVVM模式体现:
![image]( https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.pianshen.com%2Fimages%2F87%2Fc54a8a65791375c301b9577bf267dabf.png&refer=http%3A%2F%2Fwww.pianshen.com&app=2002&size=f9999 ,10000&q=a80&n=0&g=0n&fmt=auto?sec=1651391107&t=0d6ab9ec2dea5cc32cc05c4f4355c364)

posted @ 2022-03-14 18:28  十五十五  阅读(184)  评论(0)    收藏  举报