【extjs6学习笔记】1.2 初始:MVC MVVM

模型

这表示数据层。该模型可以包含数据验证和逻辑来保持数据。在 ext js 中, 大多数模型都与一个数据存储一起使用。

视图

这表示用户界面。

是用户在屏幕上看到的组件。 在每次互动的用户与应用程序,组件将发送事件。

控制器

这将处理任何与视图相关的逻辑、视图的事件处理以及任何应用程序逻辑。

MVVM

这将封装视图所需的表示逻辑, 将数据绑定到视图, 并在数据更改时处理更新

如果它们被绑定就更容易控制View和Model。 例如,考虑到我们有一个数据网格,我们列出一些联系人。 当我们选择一个联系人并点击"编辑"按钮时,我们希望应用程序打开一个名为联系人名称的弹出窗口,弹出窗口还将显示一个表单,显示联系人详细信息以进行编辑。 如果我们使用默认的MVC模式,我们将需要控制View(数据网格,弹出窗体和窗体)与Model(联系信息)的交互方式。 MVVM(它基于MVC)引入了一个新的抽象实体,即ViewModel。 ViewModel会调用View和相关模型之间的更改。

然而,借助这种新的模式和新的ViewModel抽象,Sencha还为控制器引入了一个抽象,它绑定到View,称为ViewController。 ViewController与MVC模式的传统控制器非常相似,具体如下:

时间: 2024-10-11 02:21:00

【extjs6学习笔记】1.2 初始:MVC MVVM的相关文章

[学习笔记] 理解ASP.NET MVC的路由系统

引言 路由,正如其名,是决定消息经由何处被传递到何处的过程.也正如网络设备路由器Router一样,ASP.NET MVC框架处理请求URL的方式,同样依赖于一张预定义的路由表.以该路由表为转发依据,请求URL最终被传递给特定Controller的特定Action进行处理.而在相反的方向上,MVC框架的渲染器同样要利用这张路由表,生成最终的HTML页面并返回URL.所以,理解整个ASP.NET MVC的路由系统,有两个必须出现的关键元素:Controller与Action,有两个方向的操作:传入的

[原创]java WEB学习笔记19:初识MVC 设计模式:查询,删除 练习(理解思想)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

【extjs6学习笔记】1.8 初始: ExtJS命名约定

Convention for Description Example Class 类名应该在CamelCase中 MyCustomClass 类名应包含字母数字字符. 如果属于技术术语,则允许使用数字. Base64 不要使用下划线,连字符或任何其他非字母数字字符. 类名应至少包含一个由dot(.)分隔的唯一命名空间. TopLevelNamespace.MyClassName 不由Sencha分发的类不应该使用Ext作为顶级命名空间. 顶级命名空间和实际的类名应该在CamelCase中,其他的

【extjs6学习笔记】1.12 初始: Working with DOM

http://www.extjs-tutorial.com/extjs/working-with-dom Ext JS是一个DHTML库. 它通过使用JavaScript创建或操作DOM元素来创建UI. 您可能知道,并不是所有浏览器都使用相同的JavaScript DOM操作方法对DOM元素执行相同的操作. 与DOM创建和操纵有关的跨浏览器问题. 为了解决跨浏览器问题,Ext JS包含以下类来创建或操作DOM元素. Class Description Ext.dom.Element Ext JS

【extjs6学习笔记】1.10 初始: 定义类

http://www.extjs-tutorial.com/extjs/define-new-class-in-extjs

【extjs6学习笔记】1.9 初始: Mixins

Mixin允许我们使用一个类的函数作为另一个类的函数而不继承. Mixins可以使用mixins关键字定义,并将值指定为JSON对象,其中属性的名称应该是要使用的方法的名称,属性的值将是定义方法的类的名称. ----------------------------------------------- http://www.extjs-tutorial.com/extjs/mixins

【extjs6学习笔记】1.6 初始:本地化

app.json中修改

【extjs6学习笔记】1.7 初始:加载第三方库

https://www.sencha.com/blog/integrating-ext-js-with-3rd-party-libraries-2/ Introduction Ext JS provides a lot of built-in components right out of the box that are highly customizable. If it's not in the framework, you can easily extend the classes or

【extjs6学习笔记】1.11 初始: config

Ext JS有一个名为config的功能. 该配置允许您使用默认值声明公共属性,这些属性将被其他类成员完全封装. 通过config声明的属性将自动获取get()和set()方法,如果类没有定义这些方法.