Extjs MVC模式和MVVM模式的使用和区别

首先来了解每个字母所代表的含义。

（M:Model）模型：应用程序的数据，定义每个字段。
（V:View）视图：可以是任何的组件，主要是界面，视觉的表达。
（C:Controller）控制器：应用程序工作的视图逻辑的管理职责（主要是：渲染视图，路由实例化模型，和其他类型的应用程序逻 辑）
（VM：ViewModel）视图模型：一个管理视图的数据管理器。

MVC模式中文件含义

webapp
        app
                controller
                model
                store
                view
        css          (用于存放自定义的CSS文件)       
        data         (用于存放测试用的数据文件，如：xxx.json)
        ext      (用于存放 extjs相关的资源文件，如 ext-all.js 以及 ext-all.css)
        app.js       (用于启动应用程序的入口js程序)
        index.html   (首页)

MVVM模式中文件的含义及使用

Application.js：里面主要存放共享的stores（这个js是自动创建生成的）。
MainModel.js：视图模型，一个视图模型是一个类，管理一个数据对象。
MainController.js：连接视图使用“liseners”和“reference”配置
app.js：程序的入口
bulid：存放生成的css文件
ext：extjs 的插件
index.html：首页

MVC模式中各个步骤的实现

Controller：
1.动态加载；
2.定义controller类；
3.实现继承；
4.view 连接视图；
5.stores 获取数据源；
6.models 获取模型；
7.refs 查找组件；
8.init：function 事件 触发可以连接数据的 增删改操作。

app.js：用于连接前端和controller的使用，程序的入口。
index.html：导入所需要的各种插件，最后导入app.js （首页）。
model：定义 继承 filed 的使用。
store：接收后台的数据，或者定义数据。 定义 继承 和模型的实现 。autoLoad：第一次传入的数据值（分页的使用）。
view：视图 。定义，继承 ，别名。（可以放入多个js）