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包即可，無需另行進行配置