第2章[2.3] 基于Ext JS的MVC/MVVM架构的应用开发模式

本文详细介绍了Ext JS中的MVC和MVVM架构,包括各自的概念、工作原理以及开发者如何选择和应用。重点讲解了MVC中的模型、视图和控制器,以及MVVM中的ViewModel在数据绑定中的作用。文章还提到了Ext JS 5引入MVVM框架后,开发者应该如何适应变化,并给出了应用程序的文件结构和关键组件如Models、Stores、ViewModels的配置示例。
摘要由CSDN通过智能技术生成

Ext JS 对MVC 和MVVM两种架构都支持。这两种架构都是根据逻辑划分程序的代码,两种各有优劣。

MVC是什么?

Model, View , Control的首字母。
在MVC架构中,大多数类都是模型,视图和控制器。 用户与视图交互,视图显示模型中保存的数据。 这些交互由Controller监控,然后根据需要通过更新View和Model来响应交互。
视图和模型不直接交换, 由控制器负责更新。 也就是说, 在MVC模型中, 控制器包含基本所有的应用程序逻辑, 视图基本不包含业务逻辑, 模型主要是数据接口,包含管理所述数据更改的业务逻辑。
MVC的目标是明确定义应用程序中每个类的职责。 因为每个类都有明确的责任,松耦合。 这使得应用程序更易于测试和维护,并且其代码更易于重用。

MVVM是什么?

与MVC最大的区别是View 变成了ViewModel. ViewModel使用称为“数据绑定”的技术协调Model的数据和View的数据表示之间的变化。

结果是模型和框架执行尽可能多的工作,最小化或消除直接操作View的应用程序逻辑。

对于开发者的变化

Ext JS5引进了MVVM框架, 并且之后建议使用这种方式开发。但是Ext JS4中的MVC架构会维持不变。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

oscar999

送以玫瑰,手留余香

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值