dwr介绍

最新推荐文章于 2024-11-05 15:26:40 发布

yukang_ky

最新推荐文章于 2024-11-05 15:26:40 发布

阅读量1.4k

点赞数

分类专栏： ajax 文章标签： dwr javascript java function xmlhttprequest servlet

本文链接：https://blog.csdn.net/yukang_ky/article/details/2795962

版权

ajax 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

DWR介绍
DWR是Direct Web Remoting 的缩写。

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

DWR（Direct Web Remoting）是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.

它包含两个主要的部分:允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet(小应用程序)中获取数据.另外一方面一个JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动态改变网页的内容.

DWR采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码.这样WEB开发人员就可以在JavaScript里使用Java代码就像它们是浏览器的本地代码(客户端代码)一样;但是Java代码运行在WEB服务器端而且可以自由访问WEB 服务器的资源.出于安全的理由,WEB开发者必须适当地配置哪些Java类可以安全的被外部使用.

这个从JAVA到JavaScript的远程功能方法给DWR的用户带来非常像传统的RPC机制,就像RMI或者SOAP一样,而且拥有运行在WEB上但是不需要浏览器插件的好处.

DWR不认为浏览器/WEB服务器协议是重要的,而更乐于保证编程界面的简单自然.对此最大的挑战就是把AJAX的异步特性和正常JAVA方法调用的同步特性相结合.在异步模式下,结果数据在开始调用之后的一段时间之后才可以被异步访问获取到.DWR允许WEB开发人员传递一个回调函数,来异步处理Java函数调用过程.

其配置如下:
1.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod1"/>
</create>
</allow>
</dwr>
<allow>标签中包括可以暴露给javascript访问的东西。
<create>标签中指定javascript中可以访问的java类，并定义DWR应当如何获得要进行远程的类的实例。creator="new"属性指定java类实例的生成方式，new意味着DWR应当调用类的默认构造函数来获得实例，其他的还有spring方式，通过与IOC容器Spring进行集成来获得实例等等。javascript=" testClass "属性指定javascript代码访问对象时使用的名称。
<param>标签指定要公开给javascript的java类名。
<include>标签指定要公开给javascript的方法。不指定的话就公开所有方法。
<exclude>标签指定要防止被访问的方法。
1.2、javascript中调用
首先，引入javascript脚本
<script src='dwr/interface/ testClass.js'></script>
<script src='dwr/engine.js'></script>
<script src='dwr/util.js'></script>
其中TestClass.js是dwr根据配置文件自动生成的，engine.js和util.js是dwr自带的脚本文件。
其次，编写调用java方法的javascript函数
Function callTestMethod1(){
        testClass.testMethod1();
}
2、调用有简单返回值的java方法
2.1、dwr.xml的配置
配置同1.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod2"/>
</create>
</allow>
</dwr>
2.2、javascript中调用
首先，引入javascript脚本
其次，编写调用java方法的javascript函数和接收返回值的回调函数
Function callTestMethod2(){
        testClass.testMethod2(callBackFortestMethod2);
}
Function callBackFortestMethod2(data){
       //其中date接收方法的返回值
       //可以在这里对返回值进行处理和显示等等
alert("the return value is " + data);
}
其中callBackFortestMethod2是接收返回值的回调函数
3、调用有简单参数的java方法
3.1、dwr.xml的配置
配置同1.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod3"/>
</create>
</allow>
</dwr>
3.2、javascript中调用
首先，引入javascript脚本
其次，编写调用java方法的javascript函数
Function callTestMethod3(){
                   //定义要传到java方法中的参数
        var data;
        //构造参数
        data = “test String”;
        testClass.testMethod3(data);
}
4、调用返回JavaBean的java方法
4.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod4"/>
</create>
<convert converter="bean" match=""com.dwr.TestBean">
                    <param name="include" value="username,password" />
</convert>
</allow>
</dwr>
<creator>标签负责公开用于Web远程的类和类的方法，<convertor>标签则负责这些方法的参数和返回类型。convert元素的作用是告诉DWR在服务器端Java 对象表示和序列化的JavaScript之间如何转换数据类型。DWR自动地在Java和JavaScript表示之间调整简单数据类型。这些类型包括Java原生类型和它们各自的封装类表示，还有String、Date、数组和集合类型。DWR也能把JavaBean转换成JavaScript 表示，但是出于安全性的原因，要求显式的配置，<convertor>标签就是完成此功能的。converter="bean"属性指定转换的方式采用JavaBean命名规范，match=""com.dwr.TestBean"属性指定要转换的javabean名称，<param>标签指定要转换的JavaBean属性。
4.2、javascript中调用
首先，引入javascript脚本
其次，编写调用java方法的javascript函数和接收返回值的回调函数
Function callTestMethod4(){
        testClass.testMethod4(callBackFortestMethod4);
}
Function callBackFortestMethod4(data){
       //其中date接收方法的返回值
//对于JavaBean返回值，有两种方式处理
               //不知道属性名称时，使用如下方法
             for(var property in data){
                alert("property:"+property);
                alert(property+":"+data[property]);
             }
//知道属性名称时，使用如下方法
             alert(data.username);
             alert(data.password);
}
其中callBackFortestMethod4是接收返回值的回调函数
5、调用有JavaBean参数的java方法
5.1、dwr.xml的配置
配置同4.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod5"/>
</create>
<convert converter="bean" match="com.dwr.TestBean">
                    <param name="include" value="username,password" />
</convert>
</allow>
</dwr>
5.2、javascript中调用
首先，引入javascript脚本
其次，编写调用java方法的javascript函数
Function callTestMethod5(){
                   //定义要传到java方法中的参数
        var data;
        //构造参数，date实际上是一个object
        data = { username:"user", password:"password" }
        testClass.testMethod5(data);
}
6、调用返回List、Set或者Map的java方法
6.1、dwr.xml的配置
配置同4.1
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod6"/>
</create>
<convert converter="bean" match="com.dwr.TestBean">
<param name="include" value="username,password" />
</convert>
</allow>
</dwr>
注意：如果List、Set或者Map中的元素均为简单类型（包括其封装类）或String、Date、数组和集合类型，则不需要<convert>标签。
6.2、javascript中调用(以返回List为例，List的元素为TestBean)
首先，引入javascript脚本
其次，编写调用java方法的javascript函数和接收返回值的回调函数
Function callTestMethod6(){
        testClass.testMethod6(callBackFortestMethod6);
}
Function callBackFortestMethod6(data){
       //其中date接收方法的返回值
//对于JavaBean返回值，有两种方式处理
               //不知道属性名称时，使用如下方法
             for(var i=0;i<data.length;i++){
for(var property in data){
                    alert("property:"+property);
                    alert(property+":"+data[property]);
                 }
}
//知道属性名称时，使用如下方法
for(var i=0;i<data.length;i++){
                 alert(data.username);
                 alert(data.password);
}
}
7、调用有List、Set或者Map参数的java方法
7.1、dwr.xml的配置
<dwr>
<allow>
<create creator="new" javascript="testClass" >
<param name="class" value="com.dwr.TestClass" />
<include method="testMethod7"/>
</create>
<convert converter="bean" match="com.dwr.TestBean">
<param name="include" value="username,password" />
</convert>
</allow>
<signatures>
<![CDATA[
import java.util.List;
import com.dwr.TestClass;
import com.dwr.TestBean;
TestClass.testMethod7(List<TestBean>);
]]>
</signatures>
</dwr>
<signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类，以便java代码作出判断。
7.2、javascript中调用(以返回List为例，List的元素为TestBean)
首先，引入javascript脚本
其次，编写调用java方法的javascript函数
Function callTestMethod7(){
//定义要传到java方法中的参数
        var data;
        //构造参数，date实际上是一个object数组，即数组的每个元素均为object
data = [
                        {
                           username:"user1",
                           password:"password2"
                        },
                        {
                           username:"user2",
                           password:" password2"
                        }
                    ];
        testClass.testMethod7(data);
}
注意：
1、对于第6种情况，如果java方法的返回值为Map，则在接收该返回值的javascript回调函数中如下处理：
function callBackFortestMethod(data){
             //其中date接收方法的返回值
             for(var property in data){
                    var bean = data[property];
                    alert(bean.username);
                    alert(bean.password);
                }
}
2、对于第7种情况，如果java的方法的参数为Map（假设其key为String，value为TestBean），则在调用该方法的javascript函数中用如下方法构造要传递的参数：
function callTestMethod (){
                //定义要传到java方法中的参数
                var data;
                //构造参数，date实际上是一个object，其属性名为Map的key，属性值为Map的value
                data = {
                           "key1":{
                               username:"user1",
                              password:"password2"
                           },
                           "key2":{
                              username:"user2",
                              password:" password2"
                           }
                       };
                testClass.testMethod(data);
}
并且在dwr.xml中增加如下的配置段
<signatures>
<![CDATA[
import java.util.List;
import com.dwr.TestClass;
import com.dwr.TestBean;
TestClass.testMethod7(Map<String,TestBean>);
]]>
</signatures>
3、由以上可以发现，对于java方法的返回值为List(Set)的情况，DWR将其转化为Object数组，传递个javascript；对于java方法的返回值为Map的情况，DWR将其转化为一个Object，其中Object的属性为原Map的key值，属性值为原Map相应的value值。
4、如果java方法的参数为List(Set)和Map的情况，javascript中也要根据3种所说，构造相应的javascript数据来传递到java中

说了这么多以一个简单的例子来说明一下：

我的工程结构如下：

页面：输入用户名和密码验证是否登录成功

页面代码如下：

 
 <%@ page language="java" pageEncoding="gbk"%>
<html>
    <head>
        <title>用户登录</title>     
        <script src='<%=request.getContextPath()%>/dwr/interface/UserManage.js'></script>
        <script src='<%=request.getContextPath()%>/dwr/engine.js'></script>
        <script type='text/javascript' src='<%=request.getContextPath()%>/dwr/util.js'></script>    
        <script type="text/javascript">
            function validate(){
                var name=dwr.util.getValue("loginName");//获取用户名
                var pwd=dwr.util.getValue("password");  //获取密码
                UserManage.userLogin(name,pwd,function(data){
                    dwr.util.setValue("msg",data);//将返回的消息放入Id为msg的div显示                                    
                }); 
            }
        </script>           
    </head>
    <body>
    <form>
            <TABLE align="center">
                <TR>
                    <TD>用户名</TD>
                    <TD><input type="text" name="loginName"></TD>
                </TR>
                <TR>
                    <TD>密码</TD>
                    <TD><input type="password" name="password"/></TD>
                </TR>
                <TR>    
                    <TD> </TD>
                    <TD><INPUT value="登录" type="button" onclick="validate();"/>
                      <html:cancel value="取消"/></TD>
                </TR>
                <tr>
                    <td colspan="2"><div id="msg" style="color:red;"></div></td>
                </tr>               
            </TABLE>        
        </form>
    </body>
</html>
 

java类代码：我的底层操作用的是hibernate

 
  package com.ky.dao;
import org.hibernate.Session;
import com.ky.hibernate.HibernateSessionFactory;
import com.ky.model.Login;
public class UserManage {
    public UserManage(){}
    
    public String userLogin(String userName,String pwd){
        String msg="登录失败！";
        Session session=null;
        session=HibernateSessionFactory.getSession();
        Login lg=(Login)session.get(Login.class, userName);
        if(lg!=null){
            if(lg.getPassword().equals(pwd))
                msg="登录成功！";
        }
        session.close();
        return msg;
    }
}
 
 