DWR实操教程-优快云博客

本文介绍了一种名为DWR的开源Java类库，该类库能够实现服务器端Java程序与客户端JavaScript之间的无缝交互。通过一个具体示例展示了如何在MyEclipse环境中搭建DWR项目，包括必要的jar包配置、web.xml及dwr.xml文件设置，并给出了具体的Java服务端代码与前端调用样例。

DWR是一个开源的java类库，它能使服务器端的java程序和浏览器端的javascript代码交互并且很方便的互相调用。

下面是一个简单例子，打开myeclipse新建一个新的web project，命名为DwrDemo：

1，安装DWR.jar文件

下载dwr.jar放到WEB-INF/lib中。

2，DWR依赖于commons loggins库，所以也把commons-logging.jar放到WEB-INF/lib中。

3，打开web.xml，配置一个DwrServlet让其处理所有的/dwr/*请求，如下：

<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>

4，创建DWR配置文件

创建dwr.xml文件到WEB-INF目录中，简单配置如下：

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
    "http://getahead.org/dwr/dwr30.dtd">

<dwr>
  <allow>
    <create creator="new" javascript="helloService">
      <param name="class" value="dwr.demo.HelloService"/>
    </create>
  </allow>
</dwr>

creator=“new”表示用new的方式构造HelloService实例，javascript="helloService"表示在页面中可以用helloService调用HelloService实例中的方法。

dwr.demo.HelloService代码如下：

package dwr.demo;

public class HelloService {

	public static String sayHello(String name){
		return "How you doin',"+name+"?";
	}
}

5，编写页面

<html>
	<head>
		<title>Dwr Demo</title>
		<script src='dwr/engine.js'></script>
		<script src='dwr/util.js'></script>
		<script src='dwr/interface/helloService.js' type="text/javascript"></script>
	</head>

	<body>
	<h1 id="content"></h1>
	<input type="button" onclick="call();" value="click">
	
	</body>
		<script type="text/javascript">
		function call(){
			helloService.sayHello('joey',function(data){
				dwr.util.setValue("content",data);
			} );
		}
		</script>
</html>

运行效果：

DWR用法