初識DWR-第一次測試
阿新 • • 發佈:2018-12-09
百度百科對DWR的介紹:DWR(Direct Web Remoting)是一個用於改善web頁面與Java類互動的遠端伺服器端Ajax開源框架,可以幫助開發人員開發包含AJAX技術的網站。它可以允許在瀏覽器裡的程式碼使用執行在WEB伺服器上的JAVA方法,就像它就在瀏覽器裡一樣。
一臉矇蔽的接觸DWR,使用中才發現原來還可以這樣神奇的呼叫java程式碼(原諒小白的無知,見識太少了)…..不說廢話了,直接進入主題: 這裡只是我使用dwr的案例,詳細的介紹請看阿里雲教程 第一:建立專案後引入jar包主要有 1.dwr.jar 連結: https://pan.baidu.com/s/16bU3ybjLDkMU-0kOQ_lzew
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" > <display-name></display-name>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
<!-- 配置DWR -->
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class >
<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>
</web-app>
第三:配置dwr.xml,注意這裡的dwr名稱是不能改變的,與web.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>
<create creator="new" javascript="TestDwr"><!-- 類名 -->
<param name="class" value="com.ws2018.TestDwr"/><!-- 類路徑 -->
<include method="add"/> <!-- 方法名 -->
<include method="diff"/>
<include method="getss"/>
</create>
</allow>
</dwr>
第四:在src中建立TestDwr類,路徑就是dwr中param配置的value路徑下
package com.ws2018;
public class TestDwr {
public TestDwr () {}
//這是我隨便寫的測試方法
public String add(String str1, String str2){
System.out.println(str1+str2);
String str3 = str1 + str2;
return str3;
}
public String diff(String str1, String str2){
System.out.println(str1+str2);
String str3 = str1 + str2;
return str3;
}
public String getss(String str1, String str2){
System.out.println(str1+str2);
String str3 = str1 + str2;
return str3;
}
}
第五:寫前段程式碼(可以是html,jsp)特別注意三個關鍵點路徑都不用改,而且你會發現你更找不到路徑,以及路徑下的檔案,我們只需要改關鍵1中的TestDwr名稱為自己寫的java類名稱
<script type='text/javascript' src='/dwr/interface/TestDwr.js'></script>//關鍵1
<script type='text/javascript' src='/dwr/engine.js'></script>//關鍵2
<script type='text/javascript' src='/dwr/util.js'></script>//關鍵3
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />//編碼不然可能亂碼
<script type="text/javascript" src="/js/select/script/jquery-1.8.3.min_wev8.js"></script>//這個檔案是是為了使用jQuery
<script>
function fncallback(o) {
$("#testmsg").val(o);
return ;
}
function fnTestDwr() {
TestDwr.add("小白","成長記",{callback: function(o){ $("#testmsg").val(o);}});
}
</script>
</head>
<body>
<div>test my dwr</div>
<div><input type="button" onclick="fnTestDwr()" name="test" value ="test"/></br>msg<input type="text" id="testmsg"/></div>
</body>
</html>
效果圖:
到這裡我的測試就結束了,下面就是我的一個採坑問題
瀏覽器後臺請求結果顯示:allowScriptTagRemoting is false 允許指令碼標籤遠端 是 false我們就配置一個param允許遠端,在web.xml標籤中
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>allowScriptTagRemoting</param-name >
<param-value>true </param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
使用DWR有時候會彈出session error,解決方式是繼續配置web.xml標籤,新增crossDomainSessionSecurity配置(不過聽說不安全,待測試中….)
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
<init-param>
<param-name>allowScriptTagRemoting</param-name >
<param-value>true </param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
以上是小白今天初次使用dwr以及遇到的問題,很多說法不專業,希望大家多多指正。