DWR入门教程

来源：互联网发布：秀才不出门便知天下事编辑：程序博客网时间：2024/04/19 04:35

DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.

废话少说，现在就搞起，
请先到 http://getahead.ltd.uk/dwr/ 下载 dwr.jar ，放到 WEB-INF/lib 下 …

负责处理客户端请求，并呼叫 Java 对象的是 DWRServlet ， DWR 其实也有些 Model 2 的味道，只是 View 的这一层比较弱，因为放到客户端的 JavaScript 应用程序中 …

在 web.xml 中加入 DWRServlet…

view plaincopy to clipboardprint?
01.<?xml version="1.0" encoding="UTF-8"?>
02.<web-app id="WebApp_ID" version="2.4"
03.    xmlns="http://java.sun.com/xml/ns/j2ee"
04.    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
05.    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
06.    <display-name>dwrtest</display-name>
07.
08.    <servlet>
09.        <servlet-name>dwr-invoker</servlet-name>
10.
11.        <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
12.        <init-param>
13.            <param-name>debug</param-name>
14.            <param-value>true</param-value>
15.        </init-param>
16.    </servlet>
17.
18.    <servlet-mapping>
19.        <servlet-name>dwr-invoker</servlet-name>
20.        <url-pattern>/dwr/*</url-pattern>
21.    </servlet-mapping>
22.
23.</web-app>

接下来写个简单的 Hello 吧！

view plaincopy to clipboardprint?
01.package com.dwr;
02.
03.public class HelloWorld {
04.    private String name;
05.    public HelloWorld(){
06.
07.    }
08.    public String getName() {
09.        return name;
10.    }
11.    public void setName(String name) {
12.        this.name = name;
13.    }
14.    public String sayHello(String name) {
15.        return "Hello, " + name;
16.    }
17.
18.}

客户端要呼叫这个 Java 对象，传给它参数，而后传回一个字符串，客户端再显示这个字符串，神奇？其实是要告诉 DWRServlet 这件事，这需要一个 dwr.xml，在WEB-INF目录下建立这个这个文件：

view plaincopy to clipboardprint?
01.<!DOCTYPE dwr PUBLIC
02.    "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN"
03.    "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
04.
05.<dwr>
06. <allow>
07.    <create creator="new" javascript="JDate">
08.      <param name="class" value="java.util.Date"/>
09.    </create>
10.    <create creator="new" javascript="Hello">
11.      <param name="class" value="com.dwr.HelloWorld"/>
12.    </create>
13. </allow>
14.</dwr>

creator 设定为 new ，表示使用 Hello 的无参数建构子来生成对象， javascript 设定为 Hello ，表示客户端 JavaScript 程序可以使用 Hello 来呼叫对应的 onlyfun.caterpillar.Hello 物件。

来写个客户端的网页，当中有一个输入字段，这里我们建立一个index.html，内容如下：

view plaincopy to clipboardprint?
01.<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
02.<html>
03.<head>
04.<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
05.<title>DWR's HelloWorld</title>
06.<mce:script type='text/javascript' src="dwr/interface/Hello.js" mce_src="dwr/interface/Hello.js"></mce:script>
07.<mce:script type='text/javascript' src="dwr/engine.js" mce_src="dwr/engine.js"></mce:script>
08.<mce:script type='text/javascript' src="dwr/util.js" mce_src="dwr/util.js"></mce:script>
09.<mce:script type='text/javascript' src="hello.js" mce_src="hello.js"></mce:script>
10.</head>
11.<body>
12.<input id="user" type="text" /><input type='button' value='哈罗' onclick='hello();' /> <div id="result"></div>
13.</body>
14.</html>

dwr/interface/Hello.js 是由 DWRServlet 根据 dwr.xml 中的设定生成的， engine.js 负责客户端伺服端沟通， util.js 是一些好用的 JavaScript 程序，可以让您少写很多 JavaScript 。

hello.js 是我们自定义的函式，按下按钮后，会呼叫当中的 hello() 函式,因而需要在当前文件夹下建立一个hello.js:

view plaincopy to clipboardprint?
01.function hello(){
02.    var user = $('user').value;
03.    Hello.sayHello(user,callback);
04.}
05.function callback(msg){
06.    DWRUtil.setValue('result',msg);
07.}

${'user'} 取得输入字段的 DOM 对象， value 取得当中的域值，而后呼叫 Hello.hello() ，并将 value 当作参数传送 … 结果是呼叫 Server 端的 Hello Java 对象，当结果传回后，会呼叫 JavaScript 的 callback 函式， DWRUtil 的 setValue() 方法会将传回的 msg 设定给指定 id 的 DOM ，结果就是 … 啥！ AJAX 的功能在哪 … 就这个而言就是发出异步请求，而响应不用 Refresh 页面啦！

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/terryzero/archive/2009/03/14/3989054.aspx