Dwr是什么以及简单应用

最新推荐文章于 2018-05-17 22:44:33 发布

sunshinegyy

最新推荐文章于 2018-05-17 22:44:33 发布

阅读量2.7k

点赞数

分类专栏： Java 文章标签： dwr javascript servlet java ajax 服务器

Java 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

什么是DWR？

DWR是Direct Web Remoting 的缩写。

DWR 是一个开放源码的使用 Apache 许可协议的解决方案，它包含服务器端 Java 库、一个 DWR servlet 以及 Java Script 库。虽然 DWR 不是 Java 平台上唯一可用的 Ajax-RPC 工具包，但是它是最成熟的，而且提供了许多有用的功能。从最简单的角度来说，DWR 是一个引擎，可以把服务器端 Java 对象的方法公开给 Java Script 代码。使用 DWR 可以有效地从应用程序代码中把 Ajax 的全部请求-响应循环消除掉。这意味着客户端代码再也不需要直接处理 XMLHttp Request 对象或者服务器的响应。不再需要编写对象的序列化代码或者使用第三方工具才能把对象变成 XML。甚至不再需要编写 servlet 代码把 Ajax 请求调整成对 Java 域对象的调用。 DWR 是作为 Web 应用程序中的 servlet 部署的。把它看作一个黑盒子，这个 servlet 有两个主要作用：首先，对于公开的每个类，DWR 动态地生成包含在 Web 页面中的 Java Script。生成的 Java Script 包含存根函数，代表 Java 类上的对应方法并在幕后执行 XMLHttp Request。这些请求被发送给 DWR，这时它的第二个作用就是把请求翻译成服务器端 Java 对象上的方法调用并把方法的返回值放在 servlet 响应中发送回客户端，编码成 Java Script。DWR 还提供了帮助执行常见的用户界面任务的 Java Script 工具函数。

DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA.

下面将一步一步的介绍怎么完成一个简单DEMO

1，从官方网站下载DWR https://dwr.dev.java.net/files/documents/2427/32252/dwr.war 把他直接放到TOMCAT_HOME/webapps 下面

2，编写一个Java类如下：

   DWRTest.java

package com.test.ajax;

/**

*

* @author 方见华

*

*/

public class DWRTest {

public DWRTest(){



}

public String getMyName(){

  return "James Fang";

}

}

3, 把DRWTest类配置在dwr.xml中，dwr.xml是DWR的配置文件，所有需要在JavaScript中调用的java的类都必须在这个文件中描述。这个文件的位于TOMCAT_HOME/webapps/dwr/WEB-INF/dwr.xml. 在<allow>标签中添加以下内容

</create>

4, 编写调用DWRTest类 getMyName的方法的HTML文件，test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>DWR - My First AJAX</title>

var mycall=function callBack(data){

DWRUtil.setValue("demo1",data);

}

function showMyName(){

MyTest.getMyName(mycall);

}

function clearName(){

demo1.value="";

}

</script>

</head>

<body>

</body></html>

5, 运行，在浏览器中输入 http://localhost:8080/dwr/test.html

DWR让Ajax更简单

最近看了一个java实现的Ajax的框架——DWR，觉得很不错。下面自己编写小例子，例子实现的是在在页面上点一个“查看当前时间”的按钮，然后在页面不刷新的情况下，从服务器端返回当前时间并显示在页面。步骤如下：

1、到http://getahead.ltd.uk/dwr/download下载dwr.jar文件。

2、用eclipse新建一个项目，我的项目名就叫dwr。

3、把刚才下载的dwr.jar放到web-inf/lib下面。

4、在web.xml中加入一下内容：

<servlet-name>dwr-invoker</servlet-name>

<display-name>DWR Servlet</display-name>

<description>Direct Web Remoter Servlet</description>

<servlet-class>uk.ltd.getahead.dwr.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>

5、在web.xml的所在目录下新建dwr.xml，内容如下：

<?xml version="1.0" encoding="UTF-8"?>

<dwr>

<allow>

</create>

</allow>

</dwr>

6、创建服务器端的程序com.wuahui.test.ajax.AjaxTest.java，代码如下：

package com.wuahui.test.ajax;

import java.util.Date;

public class AjaxTest {

public String dispCurrentTime(){

return new Date().toString();

}

7、在web目录下创建前台页面myAjax.html，内容如下：

<html>

<head>

</head>

var reply0 = function(data)

{

if (data != null && typeof data == 'object') alert(DWRUtil.toDescriptiveString(data, 2));

else DWRUtil.setValue('timestr', DWRUtil.toDescriptiveString(data, 1));

}

</script>

</body></html>

8、把项目部署到Tomcat上面运行http://localhost:8080/dwr/myAjax.html即可。

AJAX DWR基本使用向导

前言aJax也许很多人比较熟悉，但是dwr可以是应用ajax变得非常的简单，大大提高开发效率，而且dwr还提供了很多有用的js代码，可以说是如虎添翼。

应用解释可能有部分人根本不知道aJax和dwr是什么东西，用来做什么的？既然标题是基本使用，那我就从dwr有什么用来说说。一般来说，不管是jsp 或者是asp要访问数据库都得submit一个form，然后获取数据库或者执行部分逻辑，接着web跳了另外一页把执行的结果显示出来。这个过程web 相对于是刷新了一下。那么有什么办法可以令web不刷新，而页面又可以和数据库交互数据呢？有，就是ajax技术，利用web 对象把数据以xml方式submit到web server，然后返回结果，中间全部用javascript操作，页面不闪动或者刷新。但是自己操作xml对象未免有点小烦，能不能把这些工作集成到一个对象里面呢？能，就是dwr.下面开始教你如何使用。

如何使用

下载软件包http://getahead.ltd.uk/dwr/这里就可以

安装软件包解压软件包，把dwr.jar 文件拷贝到你web项目的WEB-INF/lib 目录中，同时编辑WEB-INF/web.xml文件，在此文件中加入

1. <servlet>

2. <servlet-name>dwr-invoker</servlet-name>

3. <display-name>DWR Servlet</display-name>

4. <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>

5. <init-param>

6. <param-name>debug</param-name>

7. <param-value>true</param-value>

8. </init-param>

9. </servlet>