DWR中Java方法的參數及返回值、對象javabean

轉自http://philos.iteye.com/blog/215696


DWR是一個框架,簡單的說就是能夠在javascript直接調用java方法,而不必去寫一大堆的javascript代碼。它的實現是基於ajax的,可以實現無刷新效果。

網上有不少DWR的例子,但大都只是某種方法的調用,本文只在使用層面上介紹DWR,並不涉更多的技術與設計,其目的是讓初學者能夠很快的學會各種java方法在javascript中是如何調用的。

本文以DWR 1.1 爲基礎,對於DWR 2.0,因爲還沒有正式發佈版,故不做介紹。


一、DWR配置篇之web.xml

1 、最小配置

Xml代碼 複製代碼 收藏代碼
  1. <servlet>  
  2.   <servlet-name>dwr-invoker</servlet-name>  
  3.   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
  4. </servlet>  
  5. <servlet-mapping>  
  6.   <servlet-name>dwr-invoker</servlet-name>  
  7.   <url-pattern>/dwr/*</url-pattern>  
  8. </servlet-mapping>  

2、當我們想看DWR自動生成的測試頁(Using debug/test mode)時,可在servlet配置中加上

Xml代碼 複製代碼 收藏代碼
  1. <init-param>  
  2.   <param-name>debug</param-name>  
  3.   <param-value>true</param-value>  
  4. </init-param>  

這個參數DWR默認是false。如果選擇true,我們可以通過http://localhost:port/app/dwr 看到你部署的每個DWR class。並且可以測試java代碼的每個方法是否運行正常。爲了安全考慮,在正式環境下你一定把這個參數設爲false。

 

3、多個dwr.xml文件的配置

可能有幾種情況,我們一一列舉。一個servlet,多個dwr.xml配置文件;多個servlet,每個servlet對應一個或多個dwr.xml配置文件。

3.1、一個servlet,多個dwr.xml配置文件

Xml代碼 複製代碼 收藏代碼
  1. <servlet>  
  2.     <servlet-name>dwr-invoker</servlet-name>  
  3.     <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
  4.     <init-param>  
  5.       <param-name>config-1</param-name>  
  6.       <param-value>WEB-INF/dwr1.xml</param-value>  
  7.     </init-param>  
  8.     <init-param>  
  9.       <param-name>config-2</param-name>  
  10.       <param-value>WEB-INF/dwr2.xml</param-value>  
  11.     </init-param>  
  12. </servlet>  

在這種配置下,param-name的值必須以config開頭。param-name可以有>=0個。如果沒有param-name,那麼將會讀取WEB-INF/dwr.xml。如果有大於零個param-name,那麼WEB-INF/dwr.xml文件將不會被讀取。

 

3.2 、多個 servlet ,每個 servlet 對應一個或多個 dwr.xml

Xml代碼 複製代碼 收藏代碼
  1. <servlet>  
  2.    <servlet-name>dwr-invoker</servlet-name>  
  3.     <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
  4. </servlet>  
  5. <servlet>  
  6.    <servlet-name>dwr-invoker1</servlet-name>  
  7.    <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
  8.    <init-param>  
  9.      <param-name>config-admin</param-name>  
  10.      <param-value>WEB-INF/dwr1.xml</param-value>  
  11.    </init-param>  
  12.    <init-param>  
  13.      <param-name>debug</param-name>  
  14.      <param-value>true</param-value>  
  15.    </init-param>  
  16. </servlet>  
  17. <servlet-mapping>  
  18. <servlet-name>dwr-invoker</servlet-name>  
  19.    <url-pattern>/dwr/*</url-pattern>  
  20. </servlet-mapping>  
  21. <servlet-mapping>  
  22.    <servlet-name>dwr-invoker1</servlet-name>  
  23.    <url-pattern>/dwr1/*</url-pattern>  
  24. </servlet-mapping>  

在這種情況下,我們可以根據 J2EE security 來控制權限,針對不同 url, 加不同的角色。

 

二、DWR使用篇

1、調用沒有返回值和參數的Java方法

1.1、dwr.xml的配置

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.   <allow>  
  3.     <create creator="new" javascript="testClass" >  
  4.       <param name="class" value="com.dwr.TestClass" />  
  5.       <include method="testMethod1"/>  
  6.     </create>  
  7.   </allow>  
  8. </dwr>  

 <allow> 標籤中包括可以暴露給 javascript 訪問的東西。

<create> 標籤中指定 javascript 中可以訪問的 java 類,並定義 DWR 應當如何獲得要進行遠程的類的實例。 creator="new" 屬性指定 java 類實例的生成方式, new 意味着 DWR 應當調用類的默認構造函數來獲得實例,其他的還有 spring 方式,通過與 IOC 容器 Spring 進行集成來獲得實例等等。 javascript=" testClass " 屬性指定 javascript 代碼訪問對象時使用的名稱

<param> 標籤指定要公開給 javascript java 類名。

<include> 標籤指定要公開給 javascript 的方法。不指定的話就公開所有方法。

<exclude> 標籤指定要防止被訪問的方法。

 

1.2、javascript中調用

首先,引入 javascript 腳本

Js代碼 複製代碼 收藏代碼
  1. <script src='dwr/interface/ testClass.js'></script>   
  2. <script src='dwr/engine.js'></script>   
  3. <script src='dwr/util.js'></script>  

其中 TestClass.js dwr 根據配置文件自動生成的, engine.js util.js dwr 自帶的腳本文件。

其次,編寫調用 java 方法的 javascript 函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod1(){   
  2.   testClass.testMethod1();   
  3. }  
 

 

2.調用有簡單返回值的java方法

2.1、dwr.xml的配置
配置同1.1

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.  <allow>  
  3.   <create creator="new" javascript="testClass" >  
  4.    <param name="class" value="com.dwr.TestClass" />  
  5.    <include method="testMethod2"/>  
  6.   </create>  
  7.  </allow>  
  8. </dwr>   

 2.2、javascript中調用

首先,引入javascript腳本
其次,編寫調用java方法的javascript函數和接收返回值的回調函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod2(){   
  2.  testClass.testMethod2(callBackFortestMethod2);   
  3. }   
  4. Function callBackFortestMethod2(data){   
  5.  //其中date接收方法的返回值   
  6.  //可以在這裏對返回值進行處理和顯示等等   
  7.  alert("the return value is " + data);   
  8. }   

其中callBackFortestMethod2是接收返回值的回調函數

 

3、調用有簡單參數的java方法
3.1、dwr.xml的配置
配置同1.1

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.  <allow>  
  3.   <create creator="new" javascript="testClass" >  
  4.    <param name="class" value="com.dwr.TestClass" />  
  5.    <include method="testMethod3"/>  
  6.   </create>  
  7.  </allow>  
  8. </dwr>   

3.2、javascript中調用
首先,引入javascript腳本
其次,編寫調用java方法的javascript函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod3(){   
  2.  //定義要傳到java方法中的參數   
  3.  var data;   
  4.  //構造參數   
  5.  data = “test String”;   
  6.  testClass.testMethod3(data);   
  7. }   


4、調用返回JavaBean的java方法

4.1、dwr.xml的配置

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.  <allow>  
  3.   <create creator="new" javascript="testClass" >  
  4.    <param name="class" value="com.dwr.TestClass" />  
  5.    <include method="testMethod4"/>  
  6.   </create>  
  7.   <convert converter="bean" match=""com.dwr.TestBean">  
  8.    <param name="include" value="username,password" />  
  9.   </convert>  
  10.  </allow>  
  11. </dwr>   

<creator>標籤負責公開用於Web遠程的類和類的方法,<convertor>標籤則負責這些方法的參數和返回類型。convert元素的作用是告訴DWR在服務器端Java 對象表示和序列化的JavaScript之間如何轉換數據類型。DWR自動地在Java和JavaScript表示之間調整簡單數據類型。這些類型包括 Java原生類型和它們各自的封裝類表示,還有String、Date、數組和集合類型。DWR也能把JavaBean轉換成JavaScript 表示,但是出於安全性的原因,要求顯式的配置,<convertor>標籤就是完成此功能的。converter="bean"屬性指定轉換的方式採用JavaBean命名規範,match=""com.dwr.TestBean"屬性指定要轉換的javabean名稱,<param& gt;標籤指定要轉換的JavaBean屬性。
4.2、javascript中調用
首先,引入javascript腳本
其次,編寫調用java方法的javascript函數和接收返回值的回調函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod4(){   
  2.  testClass.testMethod4(callBackFortestMethod4);   
  3. }   
  4. Function callBackFortestMethod4(data){   
  5.  //其中date接收方法的返回值   
  6.  //對於JavaBean返回值,有兩種方式處理   
  7.  //不知道屬性名稱時,使用如下方法   
  8.  for(var property in data){   
  9.   alert("property:"+property);   
  10.   alert(property+":"+data[property]);   
  11.  }   
  12.  //知道屬性名稱時,使用如下方法   
  13.  alert(data.username);   
  14.  alert(data.password);   
  15. }   

其中callBackFortestMethod4是接收返回值的回調函數


5、調用有JavaBean參數的java方法
5.1、dwr.xml的配置
配置同4.1

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.  <allow>  
  3.   <create creator="new" javascript="testClass" >  
  4.    <param name="class" value="com.dwr.TestClass" />  
  5.    <include method="testMethod5"/>  
  6.   </create>  
  7.   <convert converter="bean" match="com.dwr.TestBean">  
  8.    <param name="include" value="username,password" />  
  9.   </convert>  
  10.  </allow>  
  11. </dwr>   

5.2、javascript中調用

首先,引入javascript腳本
其次,編寫調用java方法的javascript函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod5(){   
  2.  //定義要傳到java方法中的參數   
  3.  var data;   
  4.  //構造參數,date實際上是一個object   
  5.  data = { username:"user", password:"password" }   
  6.  testClass.testMethod5(data);   
  7. }   

 

6、調用返回List、Set或者Map的java方法

6.1、dwr.xml的配置
配置同4.1

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.  <allow>  
  3.   <create creator="new" javascript="testClass" >  
  4.   
  5.    <param name="class" value="com.dwr.TestClass" />  
  6.    <include method="testMethod6"/>  
  7.   </create>  
  8.   <convert converter="bean" match="com.dwr.TestBean">  
  9.    <param name="include" value="username,password" />  
  10.   </convert>  
  11.  </allow>  
  12. </dwr>   

注意:如果List、Set或者Map中的元素均爲簡單類型(包括其封裝類)或String、Date、數組和集合類型,則不需要<convert>標籤。

6.2、javascript中調用(以返回List爲例,List的元素爲TestBean)
首先,引入javascript腳本
其次,編寫調用java方法的javascript函數和接收返回值的回調函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod6(){   
  2.  testClass.testMethod6(callBackFortestMethod6);   
  3. }   
  4. Function callBackFortestMethod6(data){   
  5.  //其中date接收方法的返回值   
  6.  //對於JavaBean返回值,有兩種方式處理   
  7.  //不知道屬性名稱時,使用如下方法   
  8.  for(var i=0;i<data.length;i++){   
  9.   for(var property in data){   
  10.    alert("property:"+property);   
  11.    alert(property+":"+data[property]);   
  12.   }   
  13.  }   
  14.  //知道屬性名稱時,使用如下方法   
  15.  for(var i=0;i<data.length;i++){   
  16.   alert(data[i].username);   
  17.   alert(data[i].password);   
  18.  }   
  19. }   


7、調用有List、Set或者Map參數的java方法

7.1、dwr.xml的配置

Xml代碼 複製代碼 收藏代碼
  1. <dwr>  
  2.  <allow>  
  3.   <create creator="new" javascript="testClass" >  
  4.    <param name="class" value="com.dwr.TestClass" />  
  5.    <include method="testMethod7"/>  
  6.   </create>  
  7.   <convert converter="bean" match="com.dwr.TestBean">  
  8.    <param name="include" value="username,password" />  
  9.   </convert>  
  10.  </allow>  
  11.   
  12.  <signatures>  
  13.   <![CDATA[  
  14.    import java.util.List;  
  15.    import com.dwr.TestClass;  
  16.    import com.dwr.TestBean;  
  17.    TestClass.testMethod7(List<TestBean>);  
  18.   ]]>  
  19.  </signatures>  
  20. </dwr>   

<signatures>標籤是用來聲明java方法中List、Set或者Map參數所包含的確切類,以便java代碼作出判斷。

7.2、javascript中調用(以返回List爲例,List的元素爲TestBean)
首先,引入javascript腳本
其次,編寫調用java方法的javascript函數

Js代碼 複製代碼 收藏代碼
  1. Function callTestMethod7(){   
  2.  //定義要傳到java方法中的參數   
  3.  var data;   
  4.  //構造參數,date實際上是一個object數組,即數組的每個元素均爲object   
  5.  data = [   
  6.  {username:"user1",password:"password2"},   
  7.  {username:"user2",password:" password2"}   
  8.  ];   
  9.  testClass.testMethod7(data);   
  10. }  

 

注意

1、對於第6種情況,如果java方法的返回值爲Map,則在接收該返回值的javascript回調函數中如下處理:

Js代碼 複製代碼 收藏代碼
  1. function callBackFortestMethod(data){   
  2.  //其中date接收方法的返回值   
  3.  for(var property in data){   
  4.   var bean = data[property];   
  5.   alert(bean.username);   
  6.   alert(bean.password);   
  7.  }   
  8. }   

2、對於第7種情況,如果java的方法的參數爲Map(假設其key爲String,value爲TestBean),則在調用該方法的javascript函數中用如下方法構造要傳遞的參數:

Js代碼 複製代碼 收藏代碼
  1. function callTestMethod (){   
  2.  //定義要傳到java方法中的參數   
  3.  var data;   
  4.  //構造參數,date實際上是一個object,其屬性名爲Map的key,屬性值爲Map 的value   
  5.  data = {   
  6.   "key1":{username:"user1",password:"password2"},   
  7.   "key2":{username:"user2",password:" password2"}   
  8.  };   
  9.  testClass.testMethod(data);   
  10. }   

並且在dwr.xml中增加如下的配置段

Xml代碼 複製代碼 收藏代碼
  1. <signatures>  
  2.  <![CDATA[  
  3.   import java.util.List;  
  4.   import com.dwr.TestClass;  
  5.   import com.dwr.TestBean;  
  6.   TestClass.testMethod7(Map<String,TestBean>);  
  7.  ]]>  
  8. </signatures>   

3、由以上可以發現,對於java方法的返回值爲List(Set)的情況,DWR將其轉化爲Object數組,傳遞給javascript;對於java方法的返回值爲Map的情況,DWR將其轉化爲一個Object,其中Object的屬性爲原Map的key值,屬性值爲原Map相應的 value值。

4、如果java方法的參數爲List(Set)和Map的情況,javascript中也要根據3中所說,構造相應的javascript數據來傳遞到java中。


發佈了46 篇原創文章 · 獲贊 4 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章