DWR 1
原文：http://www.blogjava.net/Supershen/archive/2008/01/18/176207.htmlDWR
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好的浏览器支持,还支持一个可选的commons-logging日记操作.它通过反射，将java翻译成javascript，然后利用回调机制，轻松实现了javascript调用Java代码。
其大概开发过程如下：
先介绍下相关的Java类
??User: 用户类，
??public class User {
private String id;
private String name;
private String password;
private String email;
//以下包含getXXX和setXXX方法
??}
??UserDAO：实现User的数据库访问，这里作为一个演示，编写测试代码
??public class UserDAO {
???????? private static Map dataMap = new HashMap();
???????? public boolean save(User user) {
?????????????????? if (dataMap.containsKey(user.getId())){
??????????????????????????? ??return false;
?????????????????? }else{
return true;
?????????????????? }
???????? ?}
???????? public User find(String id) {
?????????????????? ?return (User)dataMap.get(id);
???????? ?}
}
??DWRUserAccess：DWR组件，提供给javascript访问的。
??public class DWRUserAccess {
??????UserDAO userDAO = new UserDAO();
??????public boolean save(User user) {
???????? return userDAO.save(user);
??????}
??? ?public User find(String id) {
???????? return userDAO.find(id);
??????}
??}
??注意，DWRUserAccess是供DWR调用的，是DWR组件，因此需要将DWRUserAccess类配置到dwr中。
在web.xml中配置
<servlet>
????<servlet-name>dwr-invoker</servlet-name>
????<display-name>DWR Servlet</display-name>
????<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
????<init-param>
??????<param-name>debug</param-name>
??????<param-value>true</param-value>
????</init-param>
????<init-param>
??????<param-name>scriptCompressed</param-name>
??????<param-value>false</param-value>
????</init-param>
????<load-on-startup>1</load-on-startup>
??</servlet>
??<servlet-mapping>
????<servlet-name>dwr-invoker</servlet-name>
????<url-pattern>/dwr/*</url-pattern>
??</servlet-mapping>
??以上的配置可以拦截所有指向dwr的请求。
WEB-INF下新建dwr.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="DWRUserAccess">
?????????????????? ?<param name="class" value="test.DWRUserAccess"/>
</create>
<convert converter="bean" match="test.User"/>
??</allow>
</dwr>
编写测试的HTML页面 test.html
<HTML>
<HEAD>
<TITLE>DWR测试</TITLE>
<meta http-equiv=Content-Type content="text/html; charset=gb2312">
<script src="/oblog312/dwr/engine.js"></script>
<script src="/oblog312/dwr/util.js"></script>
<script src="/oblog312/dwr/interface/DWRUserAccess.js"></script>
</HEAD>
<BODY>
<B>用户注册</B><br>
<Br>
<form name="regForm">
登陆ID：<input type="text" name="id"><br>
口??令：<input type="password" name="password"><br>
姓??名：<input type="text" name="name"><br>
电子邮件：<input type="text" name="email"><br>
<input type="button" name="submitBtn" value="提交" onclick="OnSave()"><br>
</form>
<br>
<br><B>用户查询</B><br>
<Br>
<form name="queryForm">
登陆ID：<input type="text" name="id"><br>
<input type="button" name="submitBtn" value="提交" onclick="OnFind()"><br>
</form>
<br>
</BODY>
</HTML>
<SCRIPT LANGUAGE="JavaScript">
<!—
function saveFun(data) {
if (data) {
alert("注册成功！");
} else {
alert("登陆ID已经存在！");
}
}
function OnSave() {
var userMap = {};
userMap.id = regForm.id.value;
userMap.password = regForm.password.value;
userMap.name = regForm.name.value;
userMap.email = regForm.email.value;
DWRUserAccess.save(userMap, saveFun);
}
function findFun(data) {
if (data == null) {
??alert("无法找到用户："+queryForm.id.value);
??return;
}
alert("找到用户，nid："+data.id+"，npassword："+data.password+"，nname："+data.name+"，nemail："+data.email);
}
function OnFind() {
DWRUserAccess.find(queryForm.id.value, findFun);
}
//-->
</SCRIPT>
解释
<script src="/oblog312/dwr/engine.js"></script>
<script src="/oblog312/dwr/util.js"></script>
这两个是dwr提供的，用户可以不必关心，只需要导入即可
<script src="/oblog312/dwr/interface/DWRUserAccess.js"></script>
是我们编写的DWRUserAccess类，经dwr反射后，生成的javascript代码，它和DWRUserAccess.java是对应的，供用户调用，实际上我们就是通过这个js文件去调用服务器端的DWRUserAccess类的。
我们来看下OnSave函数，首先它构造一个map，将表单数据都设置到map中，然后调用DWRUserAccess.save(userMap, saveFun)，执行save操作。大家可以注意到，服务器端的DWRUserAccess中的save方法是这样的：boolean save(User user)，其参数是一个User对象，返回一个boolean值；而客户端的方法是这样的：save(userMap,saveFun)，第一个参数userMap是javascirpt中的map对象，在这里相当于服务器端的User对象（在服务器端执行时，会通过convert转换成User对象），前面我们提到dwr是利用回调函数来返回执行结果的，第二个参数saveFun即是一个回调函数。在函数function saveFun(data)中，data是执行结果，这里是一个bool值，非常简单的，我们通过判断data是否为真，可以知道用户名是否重复，用户是否注册成功。
看一下OnFind查找函数，执行结果在回调函数findFun(data)中，因为服务器端返回的是一个User对象，通过convert，将会转换成javascript的一个map对象，于是在findFun中，通过data.id、data.name、data.password、data.email我们可以轻松的访问到这个User对象。