天天看点

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包即可,无需另行进行配置