第一个DWR程序：Hello World

最新推荐文章于 2021-02-22 15:10:44 发布

原创最新推荐文章于 2021-02-22 15:10:44 发布 · 161 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#dwr

web前端同时被 3 个专栏收录

5 篇文章

订阅专栏

java

5 篇文章

订阅专栏

javaWeb

5 篇文章

订阅专栏

本文介绍了一种名为DWR的远程调用技术，该技术能够简化Java Web应用中的Ajax开发过程。文章详细阐述了如何安装DWR，包括配置web.xml和dwr.xml文件，编写Java服务类，以及创建JSP页面来测试DWR的功能。

有2中方法可以帮助你入门DWR，一个方法是去下载WAR文件并且去完整看一下代码，但是这样并不能

帮助你发现DWR是如何简单地集成到你当前地WEB应用，所以以下几个简单地步骤推荐看一下：

1.2.1 将DWR放入你的工程

1）从官方网站下载dwr.jar包。然后将它放在你webapp的WEB-INF/lib 目录下。

2）将下载的dwr-版本号-src.zip \java\org\directwebremoting内的engine.js和util.js放入WEB应用

中，比如js 文件夹下。

1.2.2 编辑配置文件

1. web.xml

以下几行代码必须被添加到WEN-INF/web.xml 文件中。注意，要把<servlet>和其他<servlet>放在一起，

<servlet-mapping>要和其他<servlet-mapping>放在一起

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

2. dwr.xml

在web.xml的同一目录下，创建dwr.xml，并且将要被调用的java 类写入其中。

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 
3.0//EN" "http://www.getahead.ltd.uk/dwr/dwr30.dtd"> 
<dwr> 
  <allow> 
    <create creator="new" javascript="service"> 
      <param name="class" value="helloWorld.Service" /> 
    </create> 
  </allow> 
</dwr>

1.2.3 编写service

就像没有dwr一样，写一个简单类并加一个方法

是

package helloWorld; 
 
public class Service { 
  public String sayHello(String yourName) { 
         //可以是访问数据库的复杂代码 
    return "Hello World " + yourName; 
  } 
}

1.2.4 测试DWR

将代码放入应用服务器（比如Tomcat），启动。

然后在地址栏输入http://localhost:8080/你的工程/dwr

然后点击service，会看到刚才写的sayHello()的方法，输入自己的名字然后点击“Execute”，如果发现

确实是正确的返回结果，说明测试通过了，可以进入下一步了。

1.2.5 编写一个jsp

接下来最后一步就是创建一个jsp 文件

1）要引用几个dwr的js，其中engine.js必须要，如果需要用到dwr提供的一些方便的工具要引用util.js

2）然后还要引用dwr自动生成的js，dwr/interface/service.js，注意js 名字要和dwr.xml配置的一样

3） js 里的service.sayHello和java 类的那个有一点区别，多了个参数，用来callback返回的数据

<%@ page language="java" pageEncoding="UTF-8"%> 
 
<html> 
  <head> 
    <title>My JSP 'first_dwr.jsp' starting page</title> 
     <script type='text/javascript' src='/项目名/dwr/util.js'/> 
     <script type='text/javascript' src='/项目名/dwr/engine.js'/> 
     <script type='text/javascript' src='/项目名/dwr/interface/service.js'/> 
  <script type="text/javascript"> 
    function firstDwr(){ 
       service.sayHello("Jorwen",callBackHello); 
    } 
    function callBackHello(data){ 
      alert(data); 
    } 
  </script> 
  </head> 
  <body> 
    <input type="button" name="button" value="测试" onclick="firstDwr()"> 
  </body> 
</html>

地址栏输入http://localhost:8080/你的工程/first_dwr.jsp