Ext的学习(一):学习之前的准备和想法

大概完成了上个项目.现在给派到配合另外一个同事完成一个ext和android web端和手机端开发的知识管理系统中.首先完成web端ext为视图的开发.然后再完成手机端andriod开发.所以必须得先对ext了解一遍先.刚看到ext代码发现其开发和swing惊人的相似.应该使用的设计模式原理一样吧！

1.上ext官网下载一个ext3.1的包.[url]http://www.extjs.com/[/url]
进入下载页面可以看到大致如图xxx所示的内容，可以选择选择3.1或2.1版本，我选择使用的3.1版本。

[img]http://dl.iteye.com/upload/attachment/193311/8b508b7b-f7ed-35b4-9d0c-83d1c0d555cb.jpg[/img]

2.把下载得到的ZIP压缩文件解压缩到【D:\EXTMessage】目录下，可以得到如图所示的内容。
[img]http://dl.iteye.com/upload/attachment/193316/d951fa98-4845-3008-a2d3-693b9e651580.jpg[/img]

[color=red]
adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。
docs： API帮助文档。
exmaples：提供使用ExtJs技术做出的小实例。
resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
pkgs:了解了一下好像是个新的工具包
src： 无压缩Ext全部的源码(里面分类存放)
Ext-all.js：压缩后的Ext全部源码。
ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
　[/color]

3.由于项目使用的2.0几的.因为收费的问题吧.所以没办法该针对这个进行学习了.将网上找到ext-2.0.1的包解压到【D:\EXTMessage】目录下,可以得到如下图所示的内容。

[img]http://dl.iteye.com/upload/attachment/193440/d126ab5f-4315-3906-bb3e-a0ac046c5e20.jpg[/img]

[color=blue]adapter：负责将里面提供第三方底层库（包括Ext自带的底层库）映射为Ext所支持的底层库。
build： 压缩后的ext全部源码(里面分类存放)。
docs： API帮助文档。
exmaples：提供使用ExtJs技术做出的小实例。
resources：Ext UI资源文件目录，如CSS、图片文件都存放在这里面。
source： 无压缩Ext全部的源码(里面分类存放)
Ext-all.js：压缩后的Ext全部源码。
ext-all-debug.js：无压缩的Ext全部的源码(用于调试)。
ext-core.js：压缩后的Ext的核心组件，包括sources/core下的所有类。
ext-core-debug.js：无压缩Ext的核心组件，包括sources/core下的所有类。[/color]

这时候就看下项目中常用到的一些视图格式是否有与exmaples中一样的.当然google查询是少不了的了..查找过程中找了一些可视化的操作工具..对于ext自己提供的xds-1.0.5.air.这个好像传说只是个玩具..不过有些大牛做了补丁可以进行代码的显示.不过用起来个人感觉代码不够规范.你拷下代码来还可能要有很多修改.要是你自己编写ext有足够规范的话.其实做起来可能更快吧.
这里是介绍一些插件的链接.2.x的好像只提供了网上编译的.
[url]http://www.iteye.com/topic/445480[/url][color=red] (eclipse的jsBuilder)[/color][url]http://atian25.iteye.com/blog/444581[/url][color=red] (官网补丁破解版本)[/color]

从这些可以了解到.下面的学习是对ext各个组件的属性和属性将显示什么样的效果进行了解.
肯定是要先学一些常用的组件.因为项目中实际应用嘛.