总体来说使用EXT已经3年了,开发过很多项目,但由于一直没有连贯的使用,所以每次使用起来都会有这样或者那样的问题出现,现在把EXT的相关知识做一个系统的收集和整理方便自己和其他人。
EXT项目创建步骤
1. 下载EXT最新版本
如果你未曾下载过,那应从这里下载最新版本的Ext http://extjs.com/downloads。
针对你的下载需求,有几个不同的弹性选项。通常地,最稳定的版本,是较多人的选择。下载解包后,那个example文件夹便是一个探索Ext的好地方!
2. 创建一个web project
使用Eclipse向导创建一个web project这里就不做累述。
3. 添加EXT核心库
3.1 加压EXT文件,将其目录下的/resources文件夹拷贝到项目/WebRoot下
3.2 在项目的WebRoot目录下新建一个文件夹名为JS(可以自由命名,本人习惯这样命名)将EXT目录下的
ext-all-debug.js
ext-all.js
ext-base.js
ext-core-debug.js
ext-core.js
ext-lang-zh_CN.js文件拷贝到JS目录下
这样EXT的核心库文件就配置到项目中了
4. 添加DWR和JSON包
EXT是一个基于AJAX的JS开源框架,里面很多交互方法除了使用传统的HTTPRequest外,用的比较普遍的就是 DWR包,用于数据传输的方式主要是XML和JSON,因此配置DWR和使用JSON数据能很大程度的提高EXT的使用效率减少开发周期。
4.1.配置DWR
导入DWR的JAR包,然后再web.xml中加入以下一段话
<!-- 配置dwr-->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<param-name>classes</param-name>
<param-value>java.lang.Object</param-value>
</init-param>
<load-on-startup>100</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
<servlet-mapping>
在WEB-INF目录下新建一个名为dwr.xml的文件
其本格式如下
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
<allow>
</allow>
</dwr>
4.2 JSON的导入比较简单只需要导入JSON的JAR包即可,无需另行进行配置