DWR第一篇之入门示例

来源：互联网发布：linux 内核 usleep 编辑：程序博客网时间：2024/06/06 04:47

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里的方法。

7. 测试（注意：需要JDK1.7及以上）

阅读全文

0 0