开发架构模式

一、开发架构

有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

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