dwrツール入門
3583 ワード
DWRはオープンソースのクラスライブラリであり、開発者がAJAX技術を含むウェブサイトの開発を支援することができる.ブラウザ内のコードは、ブラウザ内にあるように、WEBサーバ上で動作するJAVA関数を使用することができる.JavaScriptは、WEBサーバ上のAJAXの原則に従うサーブレットからデータを取得できるようにする2つの主要な部分を含む.一方、JavaScriptライブラリは、Webサイトの開発者が取得するデータを簡単に利用して、Webページの内容を動的に変更するのに役立つ.
テストを開始します.
一.dwrを導入する.JArパッケージ
二.新しいTestを作成します.JAvaクラス:
三.WEB-INFでdwrを新規作成する.xmlプロファイル(最後にdwrエンジニアリングファイルにコピーを取るのが便利です)、修正内容は以下の通りです.
四.Webでxmlには、次の内容が追加されます.
五.新しいjspファイルindex.jsp、jspに追加する必要がある内容は次のとおりです.
六.アクセス:http://localhost:8080/DWR_0100_HelloWorld/,clickMeボタンをクリックすると,ウィンドウがポップアップする:DWR,Hello World!!,バックグラウンドにも印刷:DWR,Hello World!!,テスト成功
特に注意点:dwr.xmlでjavascript="T"とjspページに導入されたjavascriptファイル 、javascript関数でT.hello...この3つの場所のTの名前は統一しなければなりません.そうしないとテストは成功しません.
また、dwrはspringと構成を継承する構成方法もあります.
テストを開始します.
一.dwrを導入する.JArパッケージ
二.新しいTestを作成します.JAvaクラス:
package com.dwr;
public class Test {
public String hello(){
String welcome = "DWR, Hello World!!!";
System.out.println(welcome);
return welcome;
}
}
三.WEB-INFでdwrを新規作成する.xmlプロファイル(最後にdwrエンジニアリングファイルにコピーを取るのが便利です)、修正内容は以下の通りです.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<!-- intro - for the test on index.html -->
<create creator="new" javascript="T">
<param name="class" value="com.dwr.Test"/>
</create>
</allow>
</dwr>
四.Webでxmlには、次の内容が追加されます.
<servlet>
<servlet-name>dwr-invoker</servlet-name>
<display-name>DWR Servlet</display-name>
<description>Direct Web Remoter Servlet</description>
<servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<!-- , Tomcat6.0 ,7.0 Session Error -->
<init-param>
<param-name>crossDomainSessionSecurity</param-name>
<param-value>false</param-value>
</init-param>
</servlet>
<servlet-mapping>
<servlet-name>dwr-invoker</servlet-name>
<url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
五.新しいjspファイルindex.jsp、jspに追加する必要がある内容は次のとおりです.
<script type='text/javascript' src='dwr/interface/T.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type="text/javascript">
function clickMe() {
T.hello(
function(datas){
alert(datas);
}
);
}
</script>
六.アクセス:http://localhost:8080/DWR_0100_HelloWorld/,clickMeボタンをクリックすると,ウィンドウがポップアップする:DWR,Hello World!!,バックグラウンドにも印刷:DWR,Hello World!!,テスト成功
特に注意点:dwr.xmlでjavascript="T"とjspページに導入されたjavascriptファイル
また、dwrはspringと構成を継承する構成方法もあります.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC
"-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN"
"http://getahead.org/dwr/dwr20.dtd">
<dwr>
<allow>
<create creator="new" javascript="cnToSpell">
<param name="class" value="com.onnet.utils.CnToSpell"/>
</create>
<create creator="spring" javascript="payDwr">
<param name="beanName" value="payDwr" />
</create>
</allow>
</dwr>