DWR入門 - Hello World DWR
2008/04/29 23:16Update
TAGS: DWR入門
今回は、DWR2を利用して、簡単なアプリケーションHello World DWRを作成します。
前回は、DWR 2.0 のインストール及び利用
について解説しました。
今回は、DWR2を利用して、簡単なアプリケーションHello World DWRを作成します。
Hello World DWRはHelloDwr.html というHTMLファイルからJavaメソッドを呼び出します。
では、始めましょう。
今回のテスト環境は以下となります:
IDE:Eclipse3.3
WEBサーバ:Tomcat5.5
OS:WindowsXP
DWRバージョン:DWR 2.0.3
作成したプロジェクトの階層は以下のようになります:
HelloDWR
\src
\build
\WebContent
\ META-INF
MANIFEST.MF
\ WEB-INF
\ classes
\ lib
web.xml
1)ダウンロードdwr.jarをHelloDWR/WebContent/WEB-INF/libにコピーします。
2)web.xmlにDWRサーバレットの定義を記述します。
作成したJavaクラスHelloDwrの内容は以下になります:
ファイルの内容は以下になります。
解説:
1)、 <create creator="new" javascript="HelloDwr">
プロパティjavascriptにはHTMLに利用されるJavascript名を記述します。ほとんどの場合、Javaクラス名と同じにすればいいでしょう。
2)、 <param name="class" value="com.syboos.test.dwr.HelloDwr"/>
プロパティvalueにはJavaクラスのパッケージ+クラス名を記述します。
これで、JavaクラスHelloDwrのメソッドをHTMLファイルから呼び出すことができます。
次のページ:Javaクラスを呼び出すHTMLファイルを作成する、及び動作確認。
について解説しました。今回は、DWR2を利用して、簡単なアプリケーションHello World DWRを作成します。
Hello World DWRはHelloDwr.html というHTMLファイルからJavaメソッドを呼び出します。
では、始めましょう。
今回のテスト環境は以下となります:
IDE:Eclipse3.3
WEBサーバ:Tomcat5.5
OS:WindowsXP
DWRバージョン:DWR 2.0.3
1、プロジェクト“HelloDWR”を新規作成します。
作成したプロジェクトの階層は以下のようになります:
HelloDWR
\src
\build
\WebContent
\ META-INF
MANIFEST.MF
\ WEB-INF
\ classes
\ lib
web.xml
2、DWR設定
1)ダウンロードdwr.jarをHelloDWR/WebContent/WEB-INF/libにコピーします。
2)web.xmlにDWRサーバレットの定義を記述します。
<?xml version="1.0" encoding="UTF-8"?> <web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <display-name>HelloDWR</display-name> <servlet> <servlet-name>dwr-invoker</servlet-name> <display-name>DWR Servlet</display-name> <servlet-class> org.directwebremoting.servlet.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>
3、Javaクラスを作成します:
作成したJavaクラスHelloDwrの内容は以下になります:
package com.syboos.test.dwr;
public class HelloDwr {
//パラメータなし
public String sayHello() {
return "Hello DWR!";
}
//パラメータがあるメソッド
public String sayHelloWithParam(String name) {
return "Hello:" + name;
}
}
4、HelloDWR/WebContent/WEB-INFの下にdwr.xmlを作成します。
ファイルの内容は以下になります。
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> <dwr> <allow> <create creator="new" javascript="HelloDwr"> <param name="class" value="com.syboos.test.dwr.HelloDwr"/> </create> </allow> </dwr>
解説:
1)、 <create creator="new" javascript="HelloDwr">
プロパティjavascriptにはHTMLに利用されるJavascript名を記述します。ほとんどの場合、Javaクラス名と同じにすればいいでしょう。
2)、 <param name="class" value="com.syboos.test.dwr.HelloDwr"/>
プロパティvalueにはJavaクラスのパッケージ+クラス名を記述します。
これで、JavaクラスHelloDwrのメソッドをHTMLファイルから呼び出すことができます。
次のページ:Javaクラスを呼び出すHTMLファイルを作成する、及び動作確認。
Sponsored Link
- Relative Articles
- SourceForge.netコミュニティ 2009年 受賞作発表 - (2009/07/31 13:42)
- XAMPP チュートリアル - 動画で解説 - (2008/11/23 23:48)
- PHP開発環境を10分で構築するチュートリアル - (2008/11/23 23:28)
- FireBugを使いこなす - その2 – FireBugを使ってみる - (2008/11/22 12:21)
- FireBugを使いこなす - その1 - FireBugのインストール - (2008/11/22 12:20)
- 動画で学ぶExt JSデザイナーの使い方 - (2008/11/12 23:23)
- Google Chromeを使ってみる – 図解Google Chrome - (2008/09/04 16:21)
- サンプルから学ぶHttpUnitの使い方 - (2008/05/08 16:51)
- WEBアプリケーションテストフレームワークHttpUnitのインストール及びHttpUnit基本 - (2008/05/08 14:56)
- HttpUnitでJavascriptを無効するには - (2008/05/08 14:27)
- DWRを利用してAjaxで特定な画面のみタイムアウトをさせない - (2008/04/23 21:41)
- DWR+JSONでクライアントとサーバ側間でJSON形式のデータ変換処理 - (2008/03/28 23:50)
- JSON入門 - JavaScriptでJSONデータを評価する - (2008/03/28 00:07)
- JSON入門 - JSONの基本的な形式例 - (2008/03/27 23:49)
- DWR入門 - サンプルから学ぶJSFとの統合 - (2008/03/18 23:48)