ExtJS4.2学习(9)——MVC

对于Extjs来说，大客户端程序一直很难写，当你为大客户端程序添加更多的功能和项目的时候，项目的体积往往迅速增长。这样的大客户端程序很难组织和维持 ，所以，Extjs4配备了一个新的应用程序体系结构，它能结构化你的代码。

Extjs4有别于其他MVC架构，Extjs有他自己定义：

1、Model是一个Field以及他的Data的集合，Modes知道如何通过Stores来表示数据，以能用于网格和其他组件。模型的工作很像Extjs3的记录集（Record class），通常通过数据加载器（Stores）渲染至网格（grid）和其他组件上边。

2、View：用以装载任何类型的组件—grid、tree和panel等等。

3、Controller—用来放使得app工作的代码，例如 render views , instantiating Models 或者其他应用逻辑。

其实说白了ExtJS的MVC架构和java等语言的MVC架构都基本相同，基本上工作的人对MVC架构都非常了解。可能有些人对前端MVC有些生疏而已，上图来说明下问题：

看到这些，可能大家基本上还是没有什么概念，我个人感觉本篇文章就是要抛砖引玉，让大家知道原来前端也可以实现MVC，那么实际上，没有示例来驱动学习是很难说明白ExtJS的MVC架构的。

那么从下次开始，我们就围绕ExtJS的高级组件展开进行讨论，而且基本上都是使用MVC架构来做一些示例，那么即便这次没怎么理解，以后时间长了，就会理解的。