MVC、MVP、MVI、MVVM、MVVM-C和VIPER等

以下是最重要的架构模式列表:

1、MVC(Model-View-Controller):

它是最早被采用的设计模式之一。其主要目标是将应用程序的数据、用户界面和控制逻辑分离成三个相互关联的组件。

在这里,模型Model管理数据和逻辑,视图View显示信息,控制器Controller连接模型和视图,处理用户输入。

适用于数据处理与用户界面明确分离的Web应用程序。

2、MVP(Model-View-Presenter):

该模式由 MVC 演化而来,旨在通过将视图View与模型Model解耦,解决 MVC 在事件驱动环境中的缺陷,而Presenter则充当中间人。

在这里,模型管理数据、视图显示数据,并向Presenter发送用户命令,而Presenter则从模型中检索数据并将其呈现给视图。

用途:强调测试和用户界面逻辑的应用程序,如 Android 应用程序。

3、MVC(Model-View-Intent):

MVI 是一种反应式架构,支持单向数据流,确保给定状态下的用户界面保持一致。

在这里,模型代表状态,视图反映状态,而意图Intent则代表改变状态的用户操作。

用途:注重状态一致性的反应式应用程序或 RxJava 等框架。

4、MVVM(Model-View-ViewModel):

MVVM 的出现是为了解决用户界面开发中的复杂问题,它提倡一种解耦方法,即由 ViewModel 处理视图逻辑,而无需了解用户界面组件。

在这里,Model 管理并显示数据,而 ViewModel 保存并包含与 UI 相关的数据。

用途:用户界面丰富的应用程序或具有数据绑定功能的平台,如 WPF 或具有 LiveData 功能的 Android。

5、MVVM-C(MVVM协调器):

MVVM-C 建立在 MVVM 的基础上,引入了 Coordinator 来处理导航,并将其与 View 和 ViewModel 解耦。

用途:大型应用程序,尤其是 iOS,其中复杂的导航需要与视图逻辑分离。

6、VIPER(View-Interactor-Presenter-Entity-Router):

VIPER 是一种类似于 Clean架构 的模块化架构。它强调可测试性和单一责任原则,将应用逻辑分解为不同的组件。

在这里,视图显示演示者Presenter发送的内容,交互者包含每个用例的业务逻辑,演示者Presenter包含准备内容的视图逻辑,实体包含主模型对象,路由器包含导航逻辑。

https://www.jdon.com/69576.html

相关推荐
前端青山5 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
从兄6 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
清灵xmf7 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
薛一半8 小时前
PC端查看历史消息,鼠标向上滚动加载数据时页面停留在上次查看的位置
前端·javascript·vue.js
过期的H2O28 小时前
【H2O2|全栈】JS进阶知识(四)Ajax
开发语言·javascript·ajax
MarcoPage8 小时前
第十九课 Vue组件中的方法
前端·javascript·vue.js
你好龙卷风!!!9 小时前
vue3 怎么判断数据列是否包某一列名
前端·javascript·vue.js
shenweihong11 小时前
javascript实现md5算法(支持微信小程序),可分多次计算
javascript·算法·微信小程序
巧克力小猫猿11 小时前
基于ant组件库挑选框组件-封装滚动刷新的分页挑选框
前端·javascript·vue.js
嚣张农民11 小时前
一文简单看懂Promise实现原理
前端·javascript·面试