DWR简介及示例

最新推荐文章于 2024-09-16 14:46:57 发布
最新推荐文章于 2024-09-16 14:46:57 发布
阅读量2.1k 收藏
点赞数 1
分类专栏： dwr 文章标签： javascript apache ajax dwr 示例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cuiyaoqiang/article/details/51645103
版权

DWR（Direct Web Remoting）是在Apache许可下的一个开源项目，他是一个非常专业的Java EE
Ajax框架。通过使用DWR框架，可以将Java组件的方法直接暴露给JavaScript客户端。
DWR还提供了一套JavaScript函数集，可用于简化DOM元素的操作，例如动态修改表格，动态修改列表框、下拉菜单等。
DWR的专业还体现在与其他Java EE框架的整合上——DWR可以与Spring和无缝整合，允许直接调用Spring容器中的Bean。

DWR框架主要包括以下两个部分：

  • 客户端的JavaScript，这部分代码使客户端的JavaScript可以直接调用远程服务器的java方法。除此之外，DWR还提供了一些方便的工具函数来简化DOM操作。
  • 服务器上运行的Servlet负责处理用户请求，并将用户请求委托到实际java对象进行处理，并负责把处理结果返回客户端。

DWR会根据java类动态的生成JavaScript代码，通过这些动态生成的JavaScript代码将服务器端的java方法直接暴露给客户端的JavaScript，让用户产生一种错觉，通过使用DWR框架的帮助，客户端JavaScript代码能够直接调用远程java方法。实际上DWR依然是依赖XMLHttpRequest对象和服务器进行通信的。其基本原理是：当开发者直接调用远程java方法时，DWR会负责将这种调用转换成对应的Ajax请求，并使用XMLHttpRequest将请求发送到远程服务器端。当服务器处理完成后，DWR负责将处理结果传回给客户端的JavaScript代码。在整个Ajax交互过程中，DWR负责数据的传递和转换。

简单示例：
第一步：导入jar包commons-logging-1.0.4.jar、dwr.jar。
第二步：编写web.xml、dwrDWR.xml(默认和web.xml位置一样)

<?xml version="1.0" encoding="utf-8"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <!-- 配置DWR的核心Servlet -->
    <servlet>
        <!-- 指定DWR核心Servlet的名字 -->
        <servlet-name>dwr-invoker</servlet-name>
        <!-- 指定DWR核心Servlet的实现类 -->
        <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
        <!--  指定DWR核心Servlet处于调试状态 -->
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
    </servlet>
    <!-- 指定核心Servlet的URL映射 -->
    <servlet-mapping>
        <servlet-name>dwr-invoker</servlet-name>
        <!-- 指定核心Servlet映射的URL -->
        <url-pattern>/cyqdwr/*</url-pattern>
    </servlet-mapping>
</web-app>

<?xml version="1.0" encoding="GBK"?>
<!-- 指定DWR配置文件的DTD等信息 -->
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
    "http://getahead.org/dwr/dwr30.dtd">
<dwr>
    <allow>
    <!-- 使用new创建器创建hello JavaScript对象 -->
        <create creator="new" javascript="hello">
            <param name="class" value="com.bohua.dwr.HelloDwr"/>
        </create>

        <!-- 对com.bohua.beans.Person类使用Bean转换器   -->

        <convert converter="bean" match="com.bohua.beans.Person"/>

        <!-- 对com.bohua.beans.Cat 使用Object转换器 -->

        <convert converter="object" match="com.bohua.beans.Cat">
            <param name="force" value="true"/>
        </convert>
     </allow>
     <!-- 因为sendListNoGeneric方法中list没有指定参数类型，需要借助signatures标签指定其类型 -->
    <signatures>
        <![CDATA[
        import java.util.List;
        import com.bohua.dwr.HelloDwr;
        import com.bohua.beans.Person;
        HelloDwr.sendListNoGeneric(List<Person>);
        ]]>
    </signatures> 

</dwr>

第三步：编写dwr处理类以及实体类

package com.bohua.dwr;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.bohua.beans.Cat;
import com.bohua.beans.Person;


/**
 */
public class HelloDwr
{
    // 第一个简单的hello方法
    public String hello(String name)
    {
        return name + "，您好！您已经开始了DWR的学习之旅，祝您学得开心...";
    }
    // 使用一个JavaBean作为参数的方法
    public String sendObj(Person p )
    {
        return p.getName() + "，您好！您已经学会了使用JavaBean参数...";
    }
    // 返回JavaBean实例的方法
    public Person getBean (String name)
    {
        return new Person(name);
    }
    // 返回一个普通的Java对象，Cat对象为其属性提供setter和getter方法
    public Cat getObject(String name)
    {
        return new Cat("服务器端" + name);
    }
    // 返回一个集合对象
    public List<Person> getPersonList()
    {
        List<Person> result = new ArrayList<Person>();
        result.add(new Person("集合aaaa"));
        result.add(new Person("集合bbbb"));
        result.add(new Person("集合cccc"));
        return result;
    }
    // 返回一个数组对象
    public Person[] getPersonArray()
    {
        Person[] result = new Person[3];
        result[0] = new Person("数组aaaa");
        result[1] = new Person("数组bbbb");
        result[2] = new Person("数组cccc");
        return result;
    }
    // 返回一个Map对象
    public Map<String, Person> getPersonMap()
    {
        // 创建一个Map对象
        Map<String, Person> result = new HashMap<String, Person>();
        // 填充Map对象的内容
        result.put("first" , new Person("Map aaaa"));
        result.put("second" , new Person("Map bbb"));
        result.put("third" , new Person("Map cccc"));
        // 返回Map
        return result;
    }
    // 远程方法的参数是集合
    public String sendList(List<Person> pl)
    {
        String result = "";
        for (Person p : pl)
        {
            result += p.getName() + "<br />";
        }
        return result;
    }
    // 远程方法的参数是不带泛型的集合
    public String sendListNoGeneric(List pl)
    {
        String result = "";
        for (Object p : pl)
        {
            result += ((Person)p).getName() + "<br />";
        }
        return result;
    }

    // 远程方法的参数是集合
    public String sendMap(Map<String , Person> pmap)
    {
        String result = "";
        for (String key : pmap.keySet())
        {
            result += "键" + key + " 其值为：" +
                pmap.get(key).getName() + "<br />";
        }
        return result;
    }
}

package com.bohua.beans;

/**
 */
public class Cat
{
    //Cat类的私有属性
    private String name;
    //构造器
    public Cat(String name)
    {
        this.name = name;
    }

}

package com.bohua.beans;

/**
 */
public class Person
{
    // 私有Field
    private String name;
    public Person(String name)
    // 初始化全部成员变量的构造器
    {
        this.name = name;
    }

    // name的setter和getter方法
    public void setName(String name)
    {
        this.name = name;
    }
    public String getName()
    {
        return this.name;
    }
    // 无参数的构造器
    public Person() {
        super();
    }

}

第四步：编写js文件 hellodwr.js

// -------------发送简单字符串参数，返回普通字符串--------------
function sendMessage()
{
    // 获取页面中name元素的值
    var name = document.getElementById("name").value;
    // 调用远程方法，cb是回调函数
    hello.hello(name , cb)
}


var cb=function (data)
{
    document.getElementById("show").innerHTML = data;
}
// -----------发送一个JavaBean对象作为参数，返回普通字符串------------
function sendObject()
{
    var nameValue = document.getElementById("name").value;
    // 调用远程方法，使用JavaScript对象作为参数
    hello.sendObj({name:nameValue} , cb);
}

// ----------------调用返回JavaBean方法-----------------
function getBean()
{
    var name = document.getElementById("name").value;
    // 调用远程方法，beanCb是回调函数
    hello.getBean(name , beanCb)
}
function beanCb(data)
{
    // 服务器方法返回JavaBean对象，客户端的data是JavaScript对象
    document.getElementById("show").innerHTML = 
        data.name + "，您好，您已经学会了使用JavaBean返回值";
}
// ----------------调用返回getObject方法---------------
function getObject()
{
    var name = document.getElementById("name").value;
    // 调用远程方法，objCb是回调函数
    hello.getObject(name , objCb)
}
function objCb(data)
{
    // 服务器方法返回非JavaBean式的对象，客户端的data是JavaScript对象
    document.getElementById("show").innerHTML = 
        data.name + "，是从服务器返回的猫的名字";
}
// ---------------调用返回集合的方法--------------
function getBeanList()
{
    // 调用远程方法，listCb返回回调函数
    hello.getPersonList(listCb);
}
// 远程Java方法返回List对象，集合元素是JavaBean式的对象
// 此处的data是JavaScript对象数组
function listCb(data)
{
    var result='';
    // 遍历每个数组元素
    for (var i = 0 ; i < data.length ; i ++)
    {
        result += data[i].name + "<br />";
    }
    document.getElementById("show").innerHTML = result;
}
// ---------------调用返回数组的方法--------------
function getBeanArray()
{
    hello.getPersonArray(arrayCb);
}
function arrayCb(data)
{
    var result = "";
    // 下面的data是远程Java方法的返回值，
    // data是个数组，遍历数组。
    for (var i = 0 ; i < data.length ; i ++)
    {
        //依次访问数组元素，数组元素是JSON格式的对象，访问其name属性
        result += data[i].name + "<br />";
    }
    document.getElementById("show").innerHTML = result;
}
// ---------------调用返回Map对象的方法-------------
function getBeanMap()
{
    hello.getPersonMap(mapCb);
}
// 远程Java方法返回Map对象，集合元素是JavaBean式的对象
// 此处的data是JavaScript对象，且每个属性值都是JavaScript对象
function mapCb(data)
{
    var result='';
    for (var key in data)
    {
        result += "键为" + key + ",其值为:" + data[key].name + "<br />";
    }
    document.getElementById("show").innerHTML = result;
}

// ---------------调用发送集合的方法-------------------
function sendBeanList()
{
    // 创建JavaScript数组
    var args = [
        {name:"客户端aaa"},
        {name:"客户端bbb"},
        {name:"客户端ccc"}
    ];
    // Java方法需要List参数，以JavaScript数组作为参数调用远程方法
    hello.sendList(args , sendListCb);
}
function sendListCb(data)
{
    document.getElementById("show").innerHTML = data;
}
// ---------------调用发送无泛型限制的集合--------------------
function sendBeanListNoGeneric()
{
    // 创建JavaScript数组
    var args = [
        {name:"客户端aaa"},
        {name:"客户端bbb"},
        {name:"客户端ccc"}
    ];
    // Java方法需要List参数，以JavaScript数组作为参数调用远程方法
    hello.sendListNoGeneric(args , sendListCb);
}
// ---------------调用发送Map的方法-------------------------
function sendBeanMap()
{
    // 创建JavaScript对象
    var args = {
        first:{name:"客户端aaa"},
        second:{name:"客户端bbb"},
        third:{name:"客户端ccc"}
    };
    // Java方法需要Map参数，以JavaScript对象作为参数调用远程方法
    hello.sendMap(args , sendMapCb);
}
function sendMapCb(data)
{
    document.getElementById("show").innerHTML = data;
}

第五步：编写html文件

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DWR入门</title>
<!-- 导入DWR引擎的核心JavaScript代码库 --> 
<script type='text/javascript' src='/20150627Ajax_Dwr_Test1/cyqdwr/engine.js' charset="utf-8"></script>
<!-- 导入开发者为本应用编写的JavaScript代码库 -->
<script type='text/javascript' src='js/hellodwr.js' charset="utf-8"></script>
<!-- 导入DWR为hello对象动态生成的JavaScript代码库 -->
<script type='text/javascript' src='/20150627Ajax_Dwr_Test1/cyqdwr/interface/hello.js' charset="utf-8"></script>

</head>
<body>
    <h3>DWR入门</h3>
    请输入您的名字
    <input id="name" name="name" type="text" />
    <br />
    <input type="button" value="发送简单请求" onclick="sendMessage();" />
    <input type="button" value="发送对象参数" onclick="sendObject();" />
    <input type="button" value="返回JavaBean" onclick="getBean();" />
    <br />
    <input type="button" value="返回Object" onclick="getObject();" />
    <input type="button" value="返回Bean集合" onclick="getBeanList();" />
    <input type="button" value="返回Bean数组" onclick="getBeanArray();" />
    <br />
    <input type="button" value="返回Bean Map" onclick="getBeanMap();" />
    <input type="button" value="发送Bean集合" onclick="sendBeanList();" />
    <input type="button" value="发送不带泛型限制的Bean集合"
        onclick="sendBeanListNoGeneric();" />
    <br />
    <input type="button" value="发送Bean Map" onclick="sendBeanMap();" />
    <hr />
    下面是服务器的回应:
    <br />
    <div id="show"></div>
</body>
</html>
崔耀强
关注
专栏目录
dwr 例子
08-19
简单的dwr例子 十分好用
gradledwr:带DWR的Gradle示例
05-06
【标题解析】：“gradledwr：带DWR的Gradle示例”表明这是一个关于使用Gradle构建工具与Direct Web Remoting (DWR)集成的项目示例。Gradle是Java生态系统中的一个流行的构建自动化工具，它允许开发者用Groovy或...
初始dwr
fu_jian_feng的博客
09-25 322
交易系统中有用到dwr,我们今天来看下。   DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在浏览器里一样。        DWR框架主要包括如下两个部分。 1)        客户端有Jav
掌握DWR：构建实时Web应用的实践指南
weixin_42462474的博客
09-16 1422
本文还有配套的精品资源，点击获取 简介：DWR（Direct Web Remoting）是一个开源JavaScript库，用于实现浏览器和Java后端之间的实时、安全通信。它简化了Ajax开发，通过支持远程方法调用、自动序列化、安全防护、异步与同步调用、缓存、批处理和错误处理等功能，增强了Web应用的响应性和交互性。本文将深入探讨DWR的核心功能及其在动态数据更新、RIA开...
第一个dwr例子
luoke920
08-29 106
一，开发步骤     1，准备开发环境     2，修改web.xml文件     3，创建类     4，创建dwr.xml文件，将该文件放在web.xml同目录下     5，配置dwr.xml     6，编写JSP页面           6.1    导入js文件           6.2    编写js函数和回调函数二，具体的开发过程     1，准备开发环境            ...
dwr简单应用实例
如风
02-28 498
其实刚开始接触dwr时就感觉它与ajax实现的功能很像，后来才了解dwr本身就是对ajax的一个封装框架。如果一个项目中需要大量用到ajax功能，我建议可以使用此框架，原因是方便很方便。以下是我用dwr框架写的一个实例： 1. 首先要导入dwr.jar包，同时，dwr依赖于commons-logging.jar这个包，所以此包也要引入，如果要与 spring框架整合，还要导入sprin
最简单的DWR例子
它山之石，可以攻玉
04-15 9551
什么是DWR？     DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA. 官方网站：http://getahead.org/dwr ，下面将一步一步的介绍怎么完成一个简单DEMO :TestDwr。 一、从官方网站下载DWR.jar包     把他直接放
基于JavaScript和Java的DWR学习示例设计源码
最新发布
09-23
该项目是基于JavaScript和Java的DWR学习示例设计源码，共包含33个文件，其中包括18个XML配置文件、3个JavaScript源文件、2个Java源文件、2个JSP页面文件、2个class字节码文件、2个lst列表文件、1个Markdown文档、1个...
DWR基础使用示例及语法解析
DWR_test.zip_dwr_dwr test index_dwr test 语法文件集合展示了如何使用DWR进行基本操作和语法结构的使用示例。" 知识点详细说明： 1. DWR的定义和作用 DWR是Direct Web Remoting的缩写，它是一个Java库，专门用于...
dwr框架示例代码
10-08
DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架，可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数，就像它就在...
dwr2.0示例
03-19
《DWR 2.0 示例解析与应用》 Direct Web Remoting (DWR) 是一个开源的Java库，它允许JavaScript在浏览器中直接调用服务器上的Java方法，从而实现Ajax应用。DWR 2.0 版本是其发展过程中的一个重要里程碑，它在前一...
dwr简单入门例子
05-17
最近发现了一个java框架，这个框架已经是很老的的了，现在才学习用了，真是迟啊。不过现学现用，感觉很不错。这个框架叫dwr，它可以在jsp页面编写js直接调用java的类的方法。原理其实就是它把你的java类发布成了接口服务，js的调用也是ajax的一些封装，有些地方使用这个框架真的很方便。
dwr简单示例（完整web工程）
07-16
dwr简单示例（完整web工程）.运行成功通过。
DWR入门教程及实例（含源代码）
06-10
DWR入门教程及实例（含源代码），DWR的入门教程，jar文件夹中提供DWR所用jar包，运行源代码时需导入此文件夹中所有jar包
我的DWR实例教程
vessalasd1的博客
01-05 540
源码和Tomcat版本的例子：D:\VERSION\DWR例子，需要源码的留下邮箱 访问IP：http://localhost:8080/myDWR/test.html 弯路和注意点: 1-第一次将JAR和Web.xml,dwr.xml放错了位置，一点要细心啊 2-第二次Web.xml里面的url被配置错误，一定要是dwr/ 3- 第三次将引用
dwr简单应用示例
c1349469499的专栏
11-18 112
dwr是基于ajax的一个开源框架，实现web页面与Java类的交互。下面具体讲讲如何使用dwr，并附有简单实例。1.准备工作下载依赖包并引入到web项目的lib目录下，需要的jar包：commons-logging.jardwr.jar2.配置web.xml &lt;servlet&gt; &lt;servlet-name&gt;dwrinvoker&lt;/servlet-na...
DWR入门示例
wmg494005678的专栏
09-20 142
DWR貌似很强大，今天闲着没事就上官网下了一个Jar包，参照官方文档，和中文文档（英语还不是够强啊），终于搞定第一个dwr程序了。 下面我就贴一下代码，说说部署步骤，跟大家一块学习一下啊。。。 [code="java"] 1. Install the DWR JAR file Download the dwr.jar file. Place it in the WEB-INF/lib ...
24、dwr示例
JavaDayUp
12-18 171
学习目标： 1、掌握使用dwr 学习过程： 一、dwr的转换器 dwr有很多转换器，其中bean转换器可以把对象转换为json格式。 你可以为某一个单独的类打开转换器：  &lt;convert converter="bean" match="your.full.package.BeanName"/&gt;  如果要允许转换一个包或者子包下面的所有类，可以这样写：  &lt;con...
Dwr(Direct Web Remoting) 示例
Site_Dave的博客
02-13 926
Dwr是一个基于ajax的框架，动态的把java类生成javascript，让客户端可以通过Dwr访问java程序;首先是一个官网的示例： 首先下载dwr演示应用程序 接下来你会得到一个dwrdemo.war的文件，然后导入到eclipse中。 然后，添加以下dwr.jar包,和commons-logging-1.0.4.jar包,不过示例demo中早已加上了，build path 配置一下jdk，
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值