Extjs框架作为一个07年就上线的框架,虽然与现在的框架对比,显得十分臃肿。但是在针对企业内部引用系统上,它依旧能发挥出不错的效果。现在我接触到了Extjs,所以我准备写一个入门框架,简单的介绍Extjs。
而我现在用的系统是Extjs4.2,其他最新系统变化不是很大,所以也可以按照我的教程来做。
首先我们的第一个环境配置的顺序试试:
(1)下载extjs
(2)创建文件
(3)实现简单的Hellow world功能。
1 下载Extjs
下载地址:http://extjs.org.cn/download
这里面有各种各样的版本可以下载,挑选适合你需要用的版本
Extjs 5 beta 版下载链接:http://cdn.sencha.com/ext/beta/ext-5.0.0.736.zip
Extjs 4.2.1 下载链接:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip
Extjs 4.0.7 下载链接:http://cdn.sencha.io/ext-4.0.7-gpl.zip
Extjs 3.4.0 下载链接:http://cdn.sencha.com/ext/gpl/ext-3.4.1.1-gpl.zip
Extjs 2.3.0 下载链接:http://dev.sencha.com/deploy/ext-2.3.0.zip
这里也有常用的版本,我下载的是Extjs 4.2.1 下载链接:http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip。
1.1地址
EXT发布包结构(来自黄灯桥)
adapter目录:放置的是EXT的核心代码和底层库,包括JQuery、Prototype和YUI的适配器;
build目录:放置的是EXT压缩后的代码,经过压缩的代码,体积更小,加载更快;
docs目录:是EXT的文档,其实最主要和最重要的是EXT的API,EXT离不开它;
examples目录:官方的演示示例,是初学者学习EXT的最佳途径之一;
resources目录:是EXT要用到的图片文件和样式文件,EXT绚丽的外观全部由这个目录中的文件所控制;
source目录:是EXT的源码文件,也就是相对build目录而言,未经过压缩的代码;
CHANGES.html文件:版本修正的列表文件;
ext-all.js文件:EXT的核心库,是必须引入的;
ext-all-debug.js文件:是ext-all.js的调试版,在调试时需要使用到调试版;
ext-core.js文件:EXT的核心库,是必须引入的;
ext-core-debug.js文件:是ext-core.js的调试版;
INCLUDE_ORDER.txt文件:说明了在页面上引入底层库的Java Script文件的顺序;
LICENSE.txt文件:是EXT的使用许可文件。
ux目录:放置的是extjs的各类扩展组件的CSS,js库。