1. 新建maven-web项目，目录结构如下：
2. 在pom.xml里添加dwr所需的依赖
1 <dependency> 2 <groupId>org.directwebremoting</groupId> 3 <artifactId>dwr</artifactId> 4 <version>3.0.1-RELEASE</version> 5 </dependency> 6 <dependency> 7 <groupId>commons-logging</groupId> 8 <artifactId>commons-logging</artifactId> 9 <version>1.2</version> 10 </dependency>
3. 在web.xml里边添加dwr的servlet配置
1 <!-- 配置dwr请求的servlet --> 2 <servlet> 3 <servlet-name>dwr-invoker</servlet-name> 4 <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> 5 </servlet> 6 <servlet-mapping> 7 <servlet-name>dwr-invoker</servlet-name> 8 <url-pattern>/dwr/*</url-pattern> 9 </servlet-mapping>
4. 新建核心控制器类CoreServlet.java（注意：这里只是普通的java类，不是servlet）
1 package com.skyer.servlet; 2 3 public class CoreServlet { 4 public void sayHello() { 5 System.out.println("Hello World!"); 6 } 7 8 public String getHello(String name) { 9 return "Hello " + name; 10 } 11 }
5. 在WEB_INF根目录下添加dwr.xml文件：
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd"> <dwr> <allow> <create creator="new" javascript="CoreServlet"> <param name="class" value="com.skyer.servlet.CoreServlet" /> </create> </allow> </dwr>
6. 新建测试用的jsp页面index.jsp
1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 2 <% 3 String path = request.getContextPath(); 4 String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; 5 %> 6 7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 8 <html> 9 <head> 10 <base href="<%=basePath%>"> 11 12 <title>dwr_demo</title> 13 <script type='text/javascript' src='dwr/engine.js'></script> 14 <script type='text/javascript' src='dwr/util.js'></script> 15 <script type='text/javascript' src='dwr/interface/CoreServlet.js'></script> 16 </head> 17 18 <body> 19 <input type="button" value="发送" onclick="sayHello();"> 20 <br> 21 <input type="text" id="getHello"> 22 <br> 23 <input type="button" value="发送" onclick="getHello();"> 24 <br> 25 <input type="text" id="getHelloValue"> 26 </body> 27 <script type="text/javascript"> 28 function sayHello() { 29 CoreServlet.sayHello(); 30 } 31 function getHello() { 32 var name = dwr.util.getValue("getHello"); 33 CoreServlet.getHello(name, function(data) { 34 dwr.util.setValue("getHelloValue", data); 35 }); 36 } 37 </script> 38 </html>
注意，JSP文件里引入了三个js包，其中engine.js和util.js是dwr里自带的js文件，添加到项目里即可。另外一个CoreServlet.js文件需要自己手动建立，其路径必须在dwr/interface，名称必须和dwr.xml配置文件里的javascript属性一致。下面的js脚本调用了CoreServlet里的方法。