EXT学习笔记1 EXT项目创建-优快云博客

总体来说使用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包即可，无需另行进行配置