深入剖析ExtJS 2.2实现及应用连载(5):ExtJS文件结构
深入剖析ExtJS 2.2实现及应用连载 版权所有，谢绝转载 作者：彭仁夔 QQ：546711211
1.5 ExtJS文件结构
当我们下载Ext之后，解压了其文件。对着众多的文件无从下手。这一节就对其目录下所有的文件进行简单地说明。在让读者在使用过程更好了解Ext。下面就Ext2.2的文件夹中的文件进行说明。
|
文件或子文件夹 |
说明 |
|
Adapter |
adapter文件夹是为Ext提供了适配器。Ext提供了四种适配器：ext、jquery、prototype、yui。Ext的使用是建立在适配器的基础上。也就是在使用Ext之前要先调用适配器。通过这些适配器，可以在Ext中使用jquery,prototype，yui等框架的功能。 |
|
Air |
Air是在Ext2.02新增加的功能。它针对Adobe® Integrated Runtime (AIR)1.0中应用程序的沙箱提供运行的支持。Ext的air使用Js能轻松实现访问并实现本地的功能，如系统拖盘等。 |
|
Build |
build是source编译压缩过的文件。其文件夹内部的结构和source文件相同。并且文件是一一对应的，其规则是在源码的文件后面加上了-min的后缀。如源文件夹Action.js对应Build文件夹中的Action-min.js。这为我们单独引用其源码中的文件提供了方便。 |
|
Docs |
docs文件夹中是Ext的使用文档。Ext中类的方法、属性的使用说明都可以在该文档中找到。该文档其实是采用Ext构建的一个独立的文档系统。在其OutPut的文件夹中的每个html文件都对应着一个类的说明。我们可以把其抽出形成chm文档。使用更方便。 |
|
Examples |
examples文件夹是分门别类地为每个类提供其实例演示。通过这些实例，用户能很快使用Ext来进行。不过其实例要部署才能使用。这些实例涉及到日常系统开发中的方方面面的应用，这些例子来了解和学习Ext的最好的资料。 |
|
Resources |
resources文件夹包括了Ext的所有CSS样式和其图片的资源。在其CSS子文件夹中是其所有样式文件。这些样式文件在其名相关的类中应用。其下的images文件夹提供了三组图片分别默认风格、grey、vista风格的图片。 |
|
Source |
该文件夹中包括Ext所有源文件。其子文件夹说明如下：adapter提供自身的适配器实现。core是指Ext的核心、低层实现的部分，如元素、Template、事件。data是用来处理Ext的数据部分。dd:是进行拖曳的实现。locale是本地化的语言的实现。state实现了Ext的状态管理。util则是Ext的实用工具箱。 widgets中包括了Ext的所有组件。如grid,menu,tree等。 |
|
CHANGES.html INCLUDE_ORDER.txt license.txt |
CHANGES.html给出当前版本从最近的上一版本的改进。license.txt则是指定Ext的版权及免费和商业之间的使用范围。INCLUDE_ORDER.txt指明引用Ext的源文件的顺序。 |
|
ext-all-debug.js ext-all.js ext-core-debug.js ext-core.js |
ext-all-debug.js、ext-core-debug.js是在开发中引用Ext的core或all的文件。它主是就是为了开发时进行方便调试而用的。在发布时就可以采用ext-core.js、ext-core.js。如果想在开发只用到基本功能，引用ext-core-xx.js文件。否则就应该用到all文件。在引用它们之前，还要引用适配器。 |
表1-1 文件夹中文件介绍
这些文件夹中的文件，特别是source中文件，我们会在后面的章节进行详细地分析。在这里给出一个说明，让读者对Ext包中的文件有一个大概的了解。
1.6其它框架介绍
在进行web开发时，还有一些其它的JS框架也可以为我们的开发提供其大的效率。下面就这些框架做一个简单的介绍，读者可以根据自己的需求在项目中选择所需要的框架。
1、Prototype
prototype是一个易于使用、面向对象的JavaScript框架。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。script.aculo.us是一个易于使用，支持多种浏览器，用于增强Prototype的JavaScript框架。script.aculo.us包含：动画框架（animation framework），拖放（drag and drop）， Ajax控件，DOM工具，单元测试等。其网址：http://www.prototypejs.org/及http://script.aculo.us/。
2、jquery
jQuery是一个快速、简洁的JavaScript框架，帮助你简化查询DOM对象，处理事件，制作动画，和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。如要仔细分析jquery的源码，可以参见笔者的网络版的《jquery
3、MooTools
MooTools是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 Mootools从Prototype.js中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比Prototype.js多，整体设计也比Prototype.js要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。其网址：http://mootools.net/。
4、YUI
Yahoo! User Interface (YUI) Library是一组采用DOM scripting，DHTML和Ajax等技术开发的Web UI控件和工具。它提供了众多的控件，如Container（包括：Module、Overlay、Panel、Tooltip、Dialog、SimpleDialog）、Menu、TreeView、DataTable、Button等。Ext的前身就是YUI，在现版的Ext中还能找到众多YUI的影子。它的文档也非常丰富。如果想单独采用某个或某些组件，使用YUI是一个不错的选择。其网址：http://developer.yahoo.com/yui/。
5、Dojo
Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成：Core、Dijit、DojoX。Core提供Ajax，events，packaging，CSS-based querying，animations，JSON等相关操作API。Dijit是一个可更换皮肤，基于模板的WEB UI控件库。DojoX包括一些创新/新颖的代码和控件：DateGrid，charts，离线应用，跨浏览器矢量绘图等。尽管dojo有着大公司的支持，有着，离线应用，跨浏览器矢量绘图这些它独有的实现，但是由于其0.3的版本有着其大问题，推翻重写之后的0.9、1.0及之后的版本可能在性能上都着有极大的提高。但是使用者不多。对于分析其源码实现，还是有着很多借鉴的地方，其网址：http://dojotoolkit.org/。
6、Qooxdoo
qooxdoo和Ext一样，是一个用于开发Ajax应用程序的GUI框架。不需要HTML,CSS,DOM知识，采用面向对象的JavaScript API就能够开发出类似于Window桌面风格的Web应用程序。与Ext相比，它更多地是采用了面向对象的编程方法来进行架构和重现JavaScript的语言。其网址：http://qooxdoo.org/。
7、Flex
Flex并不是一个Ajax的框架，它是支持RIA开发和部署一系列发展中的技术和产品线的概括词。它使用基于XML的MXML语言进行GUI界面开发。在展现方面，它提供了众多的组件及特效的实现。在开发方面，它提供了基于Eclipse的IDE：Flex Builder 2，集成了编译器，代码缩进，调试，设计视图，源代码控制等功能。在后台方面，它提供自动测试，企业通信，数据服务的 Flex Enterprise Services 2。
1.7 小结
本章从Ext的背景讲起，分析了Ext出现的环境，给出如何学习Ext以及为什么要学习或使用Ext。还从Ext的体系结构和其文件包是文件进行了分析，从即从其功能上做出总体概述，同时还讲解了文件包的文件的作用。最后给了同类的框架的说明，让读者能根据自己的开发选择合适的应用。
在下一章，我们将通过一个实例要讲解Ext串通本章所讲的功能及内容。
深入剖析ExtJS 2.2实现及应用连载 版权所有，谢绝转载 作者：彭仁夔 QQ：546711211
