Ext JS 初识

来源：互联网发布：淘宝iphone 正品原装编辑：程序博客网时间：2024/05/16 07:18

初识 Ext JS

1.什么是Ext JS

Ext JS 是一个用JavaScript写的，与后台技术无关的前端框架。主要用来开发前端用户界面，类似的框架还有Easy UI 等。

2.下载Ext JS

官网地址：http://www.sencha.com/products/extjs这里博主用的是ExtJS 4.2的版本，本系列博客也将基于这个版本对Ext JS的用法进行介绍、学习。下面附上下载地址：http://cdn.sencha.com/ext/gpl/ext-4.2.1-gpl.zip注：ExtJS 3.0及之前的版本是免费的，之后的版本是收费的。另外,3.0之前和4.0之后的变化还是挺大的。

下载完成以后，我们就得到了ExtJS的源代码、API文档以及官方示例。将压缩包进行解压缩，得到目录结构如下图所示：

主要目录文件说明：builds 目录ExtJS压缩后的代码
docs 目录ExtJS文档
examples 目录官方示例
locale 目录语言资源文件，其中ext-lang-zh_CN.js是简体中文资源文件
pkgs 目录ExtJS各部分功能的打包文件
resources 目录ExtJS UI资源文件，如CSS样式，图片等
src 目录未压缩的源代码目录
ext-all.jsExtJS的核心库
ext-all-debug.js调试版本
bootstrap.jsExtJS库的引导文件，通过参数可以自动切换ext-all.js和ext-all-debug.js

3.导入Java Web项目中简单使用

需要导入的文件：

resources目录下的所有文件
ext-all.js
ext-lang-zh_CN.js

引入文件结构如下：

实现"Hello World"：

执行效果如下：

0 0