posts - 0, comments - 14, trackbacks - 0, articles - 7

          DWR使用筆記

          Posted on 2006-12-25 11:30 lendo 閱讀(841) 評(píng)論(2)  編輯  收藏
          ??? 作者:minisun2000
          ???
          ??? DWR是一個(gè)框架,簡(jiǎn)單的說(shuō)就是能夠在javascript直接調(diào)用java方法,而不必去寫(xiě)一大堆的javascript代碼。它的實(shí)現(xiàn)是基于ajax的,可以實(shí)現(xiàn)無(wú)刷新效果。

          ??? 網(wǎng)上有不少DWR的例子,但大都只是某種方法的調(diào)用,本文只在使用層面上介紹DWR,并不涉更多的技術(shù)與設(shè)計(jì),其目的是讓初學(xué)者能夠很快的學(xué)會(huì)各種java方法在javascript中是如何調(diào)用的。

          ??? 本文以DWR 1.1 為基礎(chǔ),對(duì)于DWR 2.0,因?yàn)檫€沒(méi)有正式發(fā)布版,故不做介紹。

          ?? 1 、最小配置
          <servlet>
          ? <servlet-name>dwr-invoker</servlet-name>
          ? <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
          </servlet>
          <servlet-mapping>
          ? <servlet-name>dwr-invoker</servlet-name>
          ? <url-pattern>/dwr/*</url-pattern>
          </servlet-mapping>

          2、當(dāng)我們想看DWR自動(dòng)生成的測(cè)試頁(yè)(Using debug/test mode)時(shí),可在servlet配置中加上
          <init-param>
          ? <param-name>debug</param-name>
          ? <param-value>true</param-value>
          </init-param>
          3、多個(gè)dwr.xml文件的配置
          可能有幾種情況,我們一一列舉。一個(gè)servlet,多個(gè)dwr.xml配置文件;多個(gè)servlet,每個(gè)servlet對(duì)應(yīng)一個(gè)或多個(gè)dwr.xml配置文件。
          3.1、一個(gè)servlet,多個(gè)dwr.xml配置文件
          <servlet>
          ? ? <servlet-name>dwr-invoker</servlet-name>
          ? ? <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
          ? ? <init-param>
          ? ? ? <param-name>config-1</param-name>
          ? ? ? <param-value>WEB-INF/dwr1.xml</param-value>
          ? ? </init-param>
          ? ? <init-param>
          ? ? ? <param-name>config-2</param-name>
          ? ? ? <param-value>WEB-INF/dwr2.xml</param-value>
          ? ? </init-param>
          </servlet>
          在這種配置下,param-name的值必須以config開(kāi)頭。param-name可以有>=0個(gè)。如果沒(méi)有param-name,那么將會(huì)讀取WEB-INF/dwr.xml。如果有大于零個(gè)param-name,那么WEB-INF/dwr.xml文件將不會(huì)被讀取。
          3.2 、多個(gè) servlet ,每個(gè) servlet 對(duì)應(yīng)一個(gè)或多個(gè) dwr.xml
          <servlet>
          ? ?<servlet-name>dwr-invoker</servlet-name>
          ? ? <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
          </servlet>
          <servlet>
          ? ?<servlet-name>dwr-invoker1</servlet-name>
          ? ?<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
          ? ?<init-param>
          ? ? ?<param-name>config-admin</param-name>
          ? ? ?<param-value>WEB-INF/dwr1.xml</param-value>
          ? ?</init-param>
          ? ?<init-param>
          ? ? ?<param-name>debug</param-name>
          ? ? ?<param-value>true</param-value>
          ? ?</init-param>
          </servlet>
          <servlet-mapping>
          <servlet-name>dwr-invoker</servlet-name>
          ? ?<url-pattern>/dwr/*</url-pattern>
          </servlet-mapping>
          <servlet-mapping>
          ? ?<servlet-name>dwr-invoker1</servlet-name>
          ? ?<url-pattern>/dwr1/*</url-pattern>
          </servlet-mapping>
          在這種情況下,我們可以根據(jù) J2EE security 來(lái)控制權(quán)限,針對(duì)不同 url, 加不同的角色。
          ?
          ?
          1、調(diào)用沒(méi)有返回值和參數(shù)的JAVA方法
          1.1、dwr.xml的配置
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod1"/>
          </create>
          </allow>
          </dwr>
          <allow> 標(biāo)簽中包括可以暴露給 javascript 訪問(wèn)的東西。
          <create> 標(biāo)簽中指定 javascript 中可以訪問(wèn)的 java 類(lèi),并定義 DWR 應(yīng)當(dāng)如何獲得要進(jìn)行遠(yuǎn)程的類(lèi)的實(shí)例。 creator="new" 屬性指定 java 類(lèi)實(shí)例的生成方式, new 意味著 DWR 應(yīng)當(dāng)調(diào)用類(lèi)的默認(rèn)構(gòu)造函數(shù)來(lái)獲得實(shí)例,其他的還有 spring 方式,通過(guò)與 IOC 容器 Spring 進(jìn)行集成來(lái)獲得實(shí)例等等。 javascript=" testClass " 屬性指定 javascript代碼訪問(wèn)對(duì)象時(shí)使用的名稱(chēng)
          <param> 標(biāo)簽指定要公開(kāi)給 javascript java 類(lèi)名。
          <include> 標(biāo)簽指定要公開(kāi)給 javascript 的方法。不指定的話就公開(kāi)所有方法。
          <exclude> 標(biāo)簽指定要防止被訪問(wèn)的方法。
          1.2、javascript中調(diào)用
          首先,引入 javascript 腳本
          <script src='dwr/interface/ testClass.js'></script>
          <script src='dwr/engine.js'></script>
          <script src='dwr/util.js'></script>
          其中 TestClass.js dwr 根據(jù)配置文件自動(dòng)生成的, engine.js util.js dwr 自帶的腳本文件。
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)
          Function callTestMethod1(){
          ????? testClass.testMethod1();
          }
          2、調(diào)用有簡(jiǎn)單返回值的java方法
          2.1、dwr.xml的配置
          配置同1.1
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod2"/>
          </create>
          </allow>
          </dwr>
          2.2、javascript中調(diào)用
          首先,引入 javascript 腳本
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)和接收返回值的回調(diào)函數(shù)
          Function callTestMethod2(){
          ????? testClass.testMethod2(callBackFortestMethod2);
          }
          Function callBackFortestMethod2(data){
          ???? // 其中 date 接收方法的返回值
          ???? // 可以在這里對(duì)返回值進(jìn)行處理和顯示等等
          alert("the return value is " + data);
          }
          其中 callBackFortestMethod2 是接收返回值的回調(diào)函數(shù)
          3、調(diào)用有簡(jiǎn)單參數(shù)的java方法
          3.1、dwr.xml的配置
          配置同1.1
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod3"/>
          </create>
          </allow>
          </dwr>
          3.2、javascript中調(diào)用
          首先,引入 javascript 腳本
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)
          Function callTestMethod3(){
          ???????????????? // 定義要傳到 java 方法中的參數(shù)
          ????? var data;
          ????? // 構(gòu)造參數(shù)
          ????? data = “test String”;
          ????? testClass.testMethod3(data);
          }
          4、調(diào)用返回JavaBean的java方法
          4.1、dwr.xml的配置
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod4"/>
          </create>
          <convert converter="bean" match=" "com.dwr.TestBean">
          ?????????? ?????? <param name="include" value="username,password" />
          </convert>
          </allow>
          </dwr>
          <creator> 標(biāo)簽負(fù)責(zé)公開(kāi)用于 Web 遠(yuǎn)程的類(lèi)和類(lèi)的方法, <convertor> 標(biāo)簽則負(fù)責(zé)這些方法的參數(shù)和返回類(lèi)型。 convert 元素的作用是告訴 DWR 在服務(wù)器端 Java 對(duì)象表示和序列化的 JavaScript 之間如何轉(zhuǎn)換數(shù)據(jù)類(lèi)型。 DWR 自動(dòng)地在 Java JavaScript 表示之間調(diào)整簡(jiǎn)單數(shù)據(jù)類(lèi)型。這些類(lèi)型包括 Java 原生類(lèi)型和它們各自的封裝類(lèi)表示,還有 String Date 、數(shù)組和集合類(lèi)型。 DWR 也能把 JavaBean 轉(zhuǎn)換成 JavaScript 表示,但是出于安全性的原因,要求顯式的配置, <convertor> 標(biāo)簽就是完成此功能的。 converter="bean" 屬性指定轉(zhuǎn)換的方式采用 JavaBean 命名規(guī)范, match=""com.dwr.TestBean" 屬性指定要轉(zhuǎn)換的 javabean 名稱(chēng), <param> 標(biāo)簽指定要轉(zhuǎn)換的 JavaBean 屬性。
          4.2 javascript中調(diào)用
          首先,引入 javascript 腳本
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)和接收返回值的回調(diào)函數(shù)
          Function callTestMethod4(){
          ????? testClass.testMethod4(callBackFortestMethod4);
          }
          Function callBackFortestMethod4(data){
          ???? // 其中 date 接收方法的返回值
          // 對(duì)于 JavaBean 返回值,有兩種方式處理
          ????? ?????? // 不知道屬性名稱(chēng)時(shí),使用如下方法
          ?????????? for(var property in data){
          ????????????? alert("property:"+property);
          ????????????? alert(property+":"+data[property]);
          ?????????? }
          // 知道屬性名稱(chēng)時(shí),使用如下方法
          ?????????? alert(data.username);
          ?????????? alert(data.password);
          }
          其中 callBackFortestMethod4 是接收返回值的回調(diào)函數(shù)
          5、調(diào)用有JavaBean參數(shù)的java方法
          5.1、dwr.xml的配置
          配置同4.1
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod5"/>
          </create>
          <convert converter="bean" match=" com.dwr.TestBean">
          ?????????? ?????? <param name="include" value="username,password" />
          </convert>
          </allow>
          </dwr>
          5.2 javascript中調(diào)用
          首先,引入 javascript 腳本
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)
          Function callTestMethod5(){
          ????? ?????????? // 定義要傳到 java 方法中的參數(shù)
          ????? var data;
          ????? // 構(gòu)造參數(shù), date 實(shí)際上是一個(gè) object
          ????? data = { username:"user", password:"password" ?}
          ????? testClass.testMethod5(data);
          }
          6、調(diào)用返回List、Set或者M(jìn)ap的java方法
          6.1、dwr.xml的配置
          配置同4.1
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod6"/>
          </create>
          <convert converter="bean" match= "com.dwr.TestBean ">
          <param name="include" value="username,password" />
          </convert>
          </allow>
          </dwr>
          注意:如果 List Set 或者 Map 中的元素均為簡(jiǎn)單類(lèi)型(包括其封裝類(lèi))或 String Date 、數(shù)組和集合類(lèi)型,則不需要<convert>標(biāo)簽。
          6.2 javascript中調(diào)用(以返回List為例,List的元素為TestBean)
          首先,引入 javascript 腳本
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)和接收返回值的回調(diào)函數(shù)
          Function callTestMethod6(){
          ????? testClass.testMethod6(callBackFortestMethod6);
          }
          Function callBackFortestMethod6(data){
          ???? // 其中 date 接收方法的返回值
          // 對(duì)于 JavaBean 返回值,有兩種方式處理
          ????? ?????? // 不知道屬性名稱(chēng)時(shí),使用如下方法
          ?????????? for(var i=0;i<data.length;i++){
          for(var property in data){
          ????????????? ??? alert("property:"+property);
          ????????????? ??? alert(property+":"+data[property]);
          ?????????? ??? }
          }
          // 知道屬性名稱(chēng)時(shí),使用如下方法
          for(var i=0;i<data.length;i++){
          ?????????? ??? alert(data.username);
          ?????????? ??? alert(data.password);
          }
          }
          7、調(diào)用有List、Set或者M(jìn)ap參數(shù)的java方法
          7.1、dwr.xml的配置
          <dwr>
          <allow>
          <create creator="new" javascript="testClass" >
          <param name="class" value= "com.dwr.TestClass" />
          <include method="testMethod7"/>
          </create>
          <convert converter="bean" match= "com.dwr.TestBean ">
          <param name="include" value="username,password" />
          </convert>
          </allow>
          <signatures>
          <![CDATA[
          import java.util.List;
          import com.dwr.TestClass;
          import com.dwr.TestBean;
          TestClass.testMethod7(List<TestBean>);
          ]]>
          </signatures>
          </dwr>
          <signatures> 標(biāo)簽是用來(lái)聲明 java 方法中 List Set 或者 Map 參數(shù)所包含的確切類(lèi),以便 java 代碼作出判斷。
          7.2 javascript中調(diào)用(以返回List為例,List的元素為TestBean)
          首先,引入 javascript 腳本
          其次,編寫(xiě)調(diào)用 java 方法的 javascript 函數(shù)
          Function callTestMethod7(){
          // 定義要傳到 java 方法中的參數(shù)
          ????? var data;
          ????? // 構(gòu)造參數(shù), date 實(shí)際上是一個(gè) object 數(shù)組,即數(shù)組的每個(gè)元素均為 object
          data = [
          ????????????????? ??? {
          ???????????????????? ??? username:"user1",
          ???????????????????? ??? password:"password2"
          ????????????????? ??? },
          ????????????????? ??? {
          ???????????????????? ??? username:"user2",
          ???????????????????? ??? password:" password2"
          ????????????????? ??? }
          ????????????? ??? ];
          ????? testClass.testMethod7(data);
          }
          注意:
          1、 對(duì)于第 6 種情況,如果 java 方法的返回值為 Map ,則在接收該返回值的 javascript 回調(diào)函數(shù)中如下處理:
          function callBackFortestMethod(data){
          ?????????? // 其中 date 接收方法的返回值
          ?????????? for(var property in data){
          ????????????????? var bean = data[property];
          ????????????????? alert(bean.username);
          ????????????????? alert(bean.password);
          ????????????? }
          }
          2、 對(duì)于第 7 種情況,如果 java 的方法的參數(shù)為 Map (假設(shè)其 key String value TestBean ),則在調(diào)用該方法的 javascript 函數(shù)中用如下方法構(gòu)造要傳遞的參數(shù):
          function callTestMethod (){
          ????????????? // 定義要傳到 java 方法中的參數(shù)
          ????????????? var data;
          ????????????? // 構(gòu)造參數(shù), date 實(shí)際上是一個(gè) object ,其屬性名為 Map key ,屬性值為 Map value
          ????????????? data = {
          ???????????????????????? "key1":{
          ????????????????? ?????????? username:"user1",
          ??????????????????????????? password:"password2"
          ???????????????????????? },
          ???????????????????????? "key2":{
          ??????????????????????????? username:"user2",
          ??????????????????????????? password:" password2"
          ???????????????????????? }
          ???????????????????? };
          ????????????? testClass.testMethod(data);
          }
          并且在 dwr.xml 中增加如下的配置段
          <signatures>
          <![CDATA[
          import java.util.List;
          import com.dwr.TestClass;
          import com.dwr.TestBean;
          TestClass.testMethod7(Map<String,TestBean>);
          ]]>
          </signatures>
          3、 由以上可以發(fā)現(xiàn),對(duì)于 java 方法的返回值為 List(Set) 的情況, DWR 將其轉(zhuǎn)化為 Object 數(shù)組,傳遞個(gè) javascript ;對(duì)于 java 方法的返回值為 Map 的情況, DWR 將其轉(zhuǎn)化為一個(gè) Object ,其中 Object 的屬性為原 Map key 值,屬性值為原 Map 相應(yīng)的 value 值。
          4、 如果 java 方法的參數(shù)為 List(Set) Map 的情況, javascript 中也要根據(jù) 3 種所說(shuō),構(gòu)造相應(yīng)的 javascript 數(shù)據(jù)來(lái)傳遞到 java 中。
          ???? 為了方便大家學(xué)習(xí),可以郵件到 minisun2000@163.com ,我可以將整套的源代碼公開(kāi)給大家學(xué)習(xí)用^_^。

          Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1216918

          Feedback

          # re: DWR使用筆記  回復(fù)  更多評(píng)論   

          2007-01-11 09:38 by BeanSoft
          這么好的東西沒(méi)人頂, 可惜了! 不過(guò)發(fā)現(xiàn)貌似返回接口的方法無(wú)法轉(zhuǎn)換..

          public IDataReader getDataReader() { return new DataReaderXml(); }

          # re: DWR使用筆記  回復(fù)  更多評(píng)論   

          2007-05-30 11:05 by sss
          呵呵,好多東西

          只有注冊(cè)用戶(hù)登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 溆浦县| 明溪县| 仁化县| 新田县| 鱼台县| 胶南市| 河间市| 金昌市| 青川县| 牡丹江市| 留坝县| 北流市| 永嘉县| 曲阳县| 太康县| 玛纳斯县| 苍山县| 郁南县| 定结县| 苗栗县| 密云县| 平潭县| 随州市| 汕尾市| 湄潭县| 柳江县| 淮安市| 清河县| 苍山县| 津南区| 岐山县| 海晏县| 县级市| 惠水县| 建宁县| 防城港市| 汾阳市| 永平县| 五常市| 湛江市| 武宣县|