Ajax--dwr框架詳解

關鍵字: ajax, dwr

介紹　　DWR（Direct Web Remoting）是一個開源的類庫,可以幫助開發人員開發包含AJAX技術的網站.它可以允許在瀏覽器裏的代碼使用運行在WEB服務器上的JAVA函數,就像它就在瀏覽器裏一樣.

　　它包含兩個主要的部分:允許JavaScript從WEB服務器上一個遵循了AJAX原則的Servlet(小應用程序)中獲取數據.另外一方面一個JavaScript庫可以幫助網站開發人員輕鬆地利用獲取的數據來動態改變網頁的內容.

　　DWR採取了一個類似AJAX的新方法來動態生成基於JAVA類的JavaScript代碼.這樣WEB開發人員就可以在JavaScript裏使用Java代碼就像它們是瀏覽器的本地代碼(客戶端代碼)一樣;但是Java代碼運行在WEB服務器端而且可以自由訪問WEB 服務器的資源.出於安全的理由,WEB開發者必須適當地配置哪些Java類可以安全的被外部使用.

　　這個從JAVA到JavaScript的遠程功能方法給DWR的用戶帶來非常像傳統的RPC機制,就像RMI或者SOAP一樣,而且擁有運行在WEB上但是不需要瀏覽器插件的好處.

　　DWR不認爲瀏覽器/WEB服務器協議是重要的,而更樂於保證編程界面的簡單自然.對此最大的挑戰就是把AJAX的異步特性和正常JAVA方法調用的同步特性相結合.在異步模式下,結果數據在開始調用之後的一段時間之後纔可以被異步訪問獲取到.DWR允許WEB開發人員傳遞一個回調函數,來異步處理Java函數調用過程.

使用方法

　　1.1、dwr.xml的配置

　　<dwr>

　　<allow>

　　</create>

　　</allow>

　　</dwr>

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

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

　　標籤指定要公開給javascript的java類名。

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

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

　　1.2、javascript中調用

　　首先，引入javascript腳本

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

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

　　Function callTestMethod1(){

　　testClass.testMethod1();

　　}

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

　　2.1、dwr.xml的配置

　　配置同1.1

　　<dwr>

　　<allow>

　　</create>

　　</allow>

　　</dwr>

　　2.2、javascript中調用

　　首先，引入javascript腳本

　　其次，編寫調用java方法的javascript函數和接收返回值的回調函數

　　Function callTestMethod2(){

　　testClass.testMethod2(callBackFortestMethod2);

　　}

　　Function callBackFortestMethod2(data){

　　//其中data接收方法的返回值

　　//可以在這裏對返回值進行處理和顯示等等

　　alert("the return value is " + data);

　　}

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

　　3、調用有簡單參數的java方法

　　3.1、dwr.xml的配置

　　配置同1.1

　　<dwr>

　　<allow>

　　</create>

　　</allow>

　　</dwr>

　　3.2、javascript中調用

　　首先，引入javascript腳本

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

　　Function callTestMethod3(){

　　//定義要傳到java方法中的參數

　　var data;

　　//構造參數

　　data = “test String”;

　　testClass.testMethod3(data);

　　}

　　4、調用返回JavaBean的java方法

　　4.1、dwr.xml的配置

　　<dwr>

　　<allow>

　　</create>

　　</convert>

　　</allow>

　　</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名稱，標籤指定要轉換的JavaBean屬性。

　　4.2、javascript中調用

　　首先，引入javascript腳本

　　其次，編寫調用java方法的javascript函數和接收返回值的回調函數

　　Function callTestMethod4(){

　　testClass.testMethod4(callBackFortestMethod4);

　　}

　　Function callBackFortestMethod4(data){

　　//其中data接收方法的返回值

　　//對於JavaBean返回值，有兩種方式處理

　　//不知道屬性名稱時，使用如下方法

　　for(var property in data){

　　alert("property:"+property);

　　alert(property+":"+data[property]);

　　}

　　//知道屬性名稱時，使用如下方法

　　alert(data.username);

　　alert(data.password);

　　}

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

　　5、調用有JavaBean參數的java方法

　　5.1、dwr.xml的配置

　　配置同4.1

　　<dwr>

　　<allow>

　　</create>

　　</convert>

　　</allow>

　　</dwr>

　　5.2、javascript中調用

　　首先，引入javascript腳本

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

　　Function callTestMethod5(){

　　//定義要傳到java方法中的參數

　　var data;

　　//構造參數，data實際上是一個object

　　data = { username:"user", password:"password" }

　　testClass.testMethod5(data);

　　}

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

　　6.1、dwr.xml的配置

　　配置同4.1

　　<dwr>

　　<allow>

　　</create>

　　</convert>

　　</allow>

　　</dwr>

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

　　6.2、javascript中調用(以返回List爲例，List的元素爲TestBean)

　　首先，引入javascript腳本

　　其次，編寫調用java方法的javascript函數和接收返回值的回調函數

　　Function callTestMethod6(){

　　testClass.testMethod6(callBackFortestMethod6);

　　}

　　Function callBackFortestMethod6(data){

　　//其中data接收方法的返回值

　　//對於JavaBean返回值，有兩種方式處理

　　//不知道屬性名稱時，使用如下方法

　　for(var i=0;i<data.length;i++){

　　for(var property in data){

　　alert("property:"+property);

　　alert(property+":"+data[property]);

　　}

　　//知道屬性名稱時，使用如下方法

　　for(var i=0;i<data.length;i++){

　　alert(data.username);

　　alert(data.password);

　　}

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

　　7.1、dwr.xml的配置

　　<dwr>

　　<allow>

　　</create>

　　</convert>

　　</allow>

　　<![CDATA[

　　import java.util.List;

　　import com.dwr.TestClass;

　　import com.dwr.TestBean;

　　TestClass.testMethod7(List<TestBean>);

　　]]>

　　</signatures>

　　</dwr>

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

　　7.2、javascript中調用(以返回List爲例，List的元素爲TestBean)

　　首先，引入javascript腳本

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

　　Function callTestMethod7(){

　　//定義要傳到java方法中的參數

　　var data;

　　//構造參數，data實際上是一個object數組，即數組的每個元素均爲object

　　data = [

　　{

　　username:"user1",

　　password:"password2"

　　{

　　username:"user2",

　　password:" password2"

　　}

　　];

　　testClass.testMethod7(data);

　　}

　　注意：

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

　　function callBackFortestMethod(data){

　　//其中data接收方法的返回值

　　for(var property in data){

　　var bean = data[property];

　　alert(bean.username);

　　alert(bean.password);

　　}

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

　　function callTestMethod (){

　　//定義要傳到java方法中的參數

　　var data;

　　//構造參數，date實際上是一個object，其屬性名爲Map的key，屬性值爲Map的value

　　data = {

　　"key1":{

　　username:"user1",

　　password:"password2"

　　"key2":{

　　username:"user2",

　　password:" password2"

　　}

　　};

　　testClass.testMethod(data);

　　}

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

　　<![CDATA[

　　import java.util.List;

　　import com.dwr.TestClass;

　　import com.dwr.TestBean;

　　TestClass.testMethod7(Map<String,TestBean>);

　　]]>

　　</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中

安裝配置

　　1. 安裝 DWR JAR 包

　　下載 dwr.jar 文件，然後將它放在 web 程序的 WEB-INF/lib 目錄下面，很可能在這個目錄下已經有一些 jar 文件了。

　　2. 編輯 config 文件

　　將下面的代碼添加到 WEB-INF/web.xml 文件中，<servlet>需要放在另外的<servlet>之後，<servlet-mapping>也是如此。

　　<servlet-name>dwr-invoker</servlet-name>

　　<display-name>DWR Servlet</display-name>

　　<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>

　　<init-param>

　　debug</param-name>

　　true</param-value>

　　</init-param>

　　</servlet>

　　<servlet-mapping>

　　<servlet-name>dwr-invoker</servlet-name>

　　<url-pattern>/dwr/*</url-pattern>

　　</servlet-mapping>

　　接下來創建 dwr.xml 文件並將此放在 web.xml 所在的 WEB-INF 目錄下。文件中類似下面的內容：

　　<!DOCTYPE dwr PUBLIC

　　”-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN”

　　”http://www.getahead.ltd.uk/dwr/dwr10.dtd”>

　　<dwr>

　　<allow>

　　</create>

　　</create>

　　</allow>

　　</dwr>

　　DWR 配置文件定義了由 DWR 創建和被 Javascript 遠程使用的類。在上面的例子中我們在遠程創建了2個類，並且給出了在 Javascript 中的類名。

　　上面使用的 new creator 使用了所有的 JavaBeans 必須含有的公有（public）無參（no-args）的構造函數。值得一提的是， DWR 還有一些限制：

　　避免使用 JavaScript 保留字；以保留字命名的方法將自動被排除。大多數 JavaScript 的保留字同時也是 Java 的保留字，因此無論如何你也不能使用一個名爲 “try()” 的方法。但是最常用的一個詞 “delete()”，在 JavaScript 中有特殊的含義而在 Java 中沒有。

　　重載方法（Overloaded methods）將會在調用的時候陷入未知的狀況，因此應該避免重載方法。

　　3. 訪問下面的地址

　　http://localhost:8080/[YOUR-WEBAPP]/dwr/

　　你應該會看到一個頁面，上面顯示了剛纔你在第二步所創建的類。進入一個鏈接之後你會看到所有等待調用方法的列表。這些動態產生的例子你也能通過 DWR 來實現。

　　親自嘗試和體會下吧。

　　怎樣應用到你的 Web 程序中？

　　在側邊欄有很多例子演示了怎樣改變網頁中的文本、更新列表、操作表單和動態修改表格。每一個例子都有詳細的說明。

　　另外一個開始方法就是從頁面中查看源代碼，這些頁面你剛剛瀏覽過：

　　進入 http://localhost:8080/[YOUR-WEBAPP]/dwr/ 然後點擊你創建的類；

　　查看源代碼然後定位到你所感興趣的方法的代碼行；

　　將這些文本粘貼到你 Web 程序的一個 HTML 或 JSP頁面中；

　　包含下面的 javascrip 文件：

　　你可以根據實際情況修改 /[YOUR-WEBAPP]/ 部分。

wfskiki

發佈了24 篇原創文章 · 獲贊 2 · 訪問量 7萬+

私信關注

Ajax--dwr框架詳解

談談LoadRunner中的關聯

Toad 使用快速入門

Axis框架開發web service

Ajax--dwr框架詳解

Toad 使用快速入門

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結