??? 作者: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