http://blog.csdn.net/anluo_sun/article/details/48654093
由於最近要寫一個在線的聊天工具，找到了這個比較不錯的開源工具。 - DWR (Direct Web Remoting)
最後的架構是希望SSH2 + DWR3實現比較複雜的在線聊天功能。
廢話少說，馬上開始。（開發工具：Eclipse Indigo + Tomcat7)
第一個DWR3程序
第一步：導入需要的兩個Jar包：(下載地址：http://directwebremoting.org/dwr/downloads/index.html）
- dwr.jar
- commons-logging-1.1.1.jar
第二步：創建web.xml文件 （目錄在WebContent/WEB-INF/lib/下）
- <?xml version="1.0" encoding="UTF-8"?>
- <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
- <servlet>
- <display-name>DWR Servlet</display-name>
- <servlet-name>dwr-invoker</servlet-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>
- <?xml version="1.0" encoding="UTF-8"?>
- <!DOCTYPE dwr PUBLIC
- "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
- "http://directwebremoting.org/schema/dwr30.dtd">
- <dwr>
- <allow>
- <!-- 注意，Javascript的類名必須要和真正的class名稱一致，否則會報錯 -->
- <create creator="new" javascript="DwrTest">
- <!-- 具體在server端實現的類 -->
- <param name="class" value="com.eztalk.bean.DwrTest"/>
- </create>
- </allow>
- </dwr>
- package com.eztalk.bean;
- public class DwrTest {
- public String test(String message)
- {
- System.out.println("get Message:" + message);
- return "hello: " + message;
- }
- }
第五步：寫客戶端的界面：
- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <title>DRM3 Test</title>
- <!-- 注意以下兩個javascript的順序不能隨便改
- 1.第一個是engine.js文件，由dwr.jar包提供
- 2.第二個是根據自己寫的類生成的js文件，格式爲/{app name}/dwr/interface/{在dwr中暴露的javascript類名.js}
- 3.如果對script的寫法不好掌握，可以調用以下URL查看:
- http://urlname/app name/drw/
- -->
- <script type='text/javascript' src='/ezTalk/dwr/engine.js'></script>
- <script type='text/javascript' src='/ezTalk/dwr/interface/DwrTest.js'></script>
- <script type="text/javascript">
- function sendMessage()
- {
- var message = document.getElementById("message").value;
- alert(message);
- //直接用dwr.xml中暴露出來的類來調用，第一個是方法test的傳入參數，最後一個是回調的方法
- DwrTest.test(message,showMessage);
- }
- //回調方法
- function showMessage(data)
- {alert(data);}
- </script>
- </head>
- <body>
- <input type="text" id="message" name="message" />
- <input type="button" value="send message" onclick = "sendMessage()" />
- <div id="returnmessage"></div>
- </body>
- </html>
第六步：收工測試 -測試OK
eclipse中的目錄結構：
第七步：注意事項
- dwr.xml中javascript的名字和類名必須一致，我試着用不同的名字來代替，結果就悲劇了. --糾正一下，這個說法是錯誤的，我重啓了一下Tomcat Sever，用不同的Javascript名字也可以正常運行了。 --Nov-6 2011
- dwr自動生成的script腳本在客戶端是有先後順序的,engine.js必須放在前面，自己生成的js文件要放到後面，否則也會報錯。
- 最好是根據官方網站的例子來寫，寫法比較標準
- 對於客戶端的javascript錯誤，最好用firefox+firebug插件來跟蹤，這裏我犯了幾個錯誤，都是靠firebug發現的，比方說dwr.xml中的javascript class定義錯誤.\
- 一點點的耐性