这两天学了下DWR,现在总结一下。 DWR是方便使用AJAX连接JS和JAVA的的一个框架,把服务器端 Java 对象的方法公开给 JavaScript 代码。 如果是用dwr2.0的jar包,还需要同时导入log4j.jar和commons-loggin.jar,勿忘!! web.xml和dwr.xml放在WEB-INF下! ----------------------------- 配置web.xml:WEB工程启动的时候会在这个里面找到具体所用到的类的路径,由此进行加载
<servlet>
    <servlet-name> dwr-invoke </servlet-name>
    <servlet-class> uk.ltd.getahead.dwr.DWRServlet </servlet>     <init-param> //这个是调试用,如果正式发布请该为false,不过听说2.0就默认为true了        <param-name> debug </param-value>
       <param-value> true </param-value>
    </init-param>     <init-param> //这个是DWR2.0必须的,不然会报java.lang.IllegalArgumentException        <param-name> classes </param-value>
       <param-value> java.lang.Object </param-value>
</servlet>

<servlet-mapping>
    <servlet-name> dwr-invoke </servlet-name>
    <url-pattern> /dwr/* </url-pattern>
</servlet-mapping>
----------------------------- 配置dwr.xml: dwr.xml的作用是让你告诉DWR哪些class中的哪些方法你需要暴露给前台使用,当DWR启动时候根据dwr.xml这个文件把java类中的方法转成js中可用的类中方法,使前台可以使用。
注:以下是不全按dwr2.0写的,如果用的是DWR2.0,那java里暴露类(蓝字显示)不能写在<create>属性里,应删除后写在<include method="" />前,<param name="class" value="***java里暴露的class,必须写完整路径***" />。
<dwr>
    <allow>
       <create creator="new" javascript="***js调用的class***" class="***java里暴露的class,必须写完整路径***">            <include method="***java暴露类里要公开的方法,如果不写默认全部公开***" />
       </create>
    </allow>
</dwr>
----------------------------- 在html或js页面中加入 <script src="<%=basePath %>dwr/interface/java里暴露的class"></script>  //切记不能<script *** />这样写
<script src="<%=basePath %>dwr/engine.js"></script>   //Dwr的脚本驱动Js,以上两个必写
<script src="<%=basePath %>dwr/util.js"></script>   //这是个工具包,可以不调用
<script type="text/javascript">
    function doMethod()
    {
        //调用方法:若公开的类是AAA,公开的AAA里的方法是bbb([参数]);
        AAA.bbb([参数],callBack);//回调函数callBack()
    }

function callBack(data)//data是后台返回的值,名字自取,也可省略,因为JS允许
    {
       处理方法……;//如果callBack()没有写明返回值,可以通过argments[0]拿到
    }
</script>

其实我们调用AAA.bbb([参数],callBack);就是做了以下这一步: (下面红字是包装好的,不在前台,所以即使你没有创建html或者jsp来调用,也可以通过localhost:8080/工程名/dwr 来看到你暴露的java类进行测试)     function AAA() { };
    AAA.bbb = function([参数], callback)
    {
        DWREngine._execute('/dwr/dwr', 'AAA', 'bbb', [参数], callback);
    }
通过在dwr.xml暴露的方法得到js里的方法,当我们调用AAA.bbb时候再通过/dwr/dwr转到DWRServlet中去用JAVA里的AAA.bbb方法,然后返回值到callback中(中间经过dwr.xml的convert)
---------------------------- 上面对dwr的工作大致分析了下,现在对于参数类型的不同,对dwr.xml也要进行修正。
DWR自动地在Java和JavaScript表示之间调整简单数据类型,这些类型包括Java原生类型和它们各自的封装类表示,还有String、Date、数组和集合类型。但如果参数类型非简单数据类型,则要通过转换。
用返回JavaBeanjava方法

在dwr.xml的<allow>标签中加入 <convert converter="bean" match="***一般来说是javabean***">  //int,String,list等不需要显式的转换就可以被js拿到      <param name="include" value="***javabean中的属性,用','隔开***" />  //这句可以不写
</convert>
< creator>标签负责公开用于Web远程的类和类的方法,<convertor>标签则负责这些方法的参数和返回类型。convert元素的作用是告诉DWR在服务器端Java 对象表示和序列化的JavaScript之间如何转换数据类型。 这样在js端回调函数直接拿到的data就是一个javabean,可以直接通过data.xxx拿到bean的属性xxx。


用有JavaBean参数java方法

dwr.xml配置同上。 在JS端,把要传入的参数写成javabean方式,例:要传入一个名为student的javabean,参数有name,password,则 var stu = {name:"zhangsan",password:"zspassword"}; //这是json的表示方法 AAA.bbb(stu,callBack);


用返回ListSet或者Mapjava方法

dwr.xml配置同上。如果Collection里的数据是简单数据类型,则可不需要写<convert>
在JS端,以List,里面数据是bean为例,data是一个List型,只要用for循环就可以依次拿到数据。 遍历方法1: for(var i=0;i<data.length;i++)      /*对于java方法的返回值为List(Set)的情况,DWR将其转                                 化为Object数组,传递个javascript*/
{
    alert(data[i].name+":"+data[i].password);
}
遍历方法2: for(var property in data) //property为序号,从0开始
{
    var bean = data[property];
    alert(bean.name+":"+bean.password);
}
相比返回为javabean多了一个遍历而已。
如果java方法的返回值为Map,则如下
for(var property in data) //property为key值     /*对于 java方法的返回值为Map的情况,DWR将其转化为一个Object,      其中Object的属性为原Map的key值,属性值为原Map相应的 value值*/
{
  var bean = data[property];
  alert(bean.username);
  alert(bean.password);
}
如果知道key值,则可直接用:data.key拿到value

用有ListSet或者Map参数的java方法

在dwr.xml的<dwr>标签内加入:<signatures>标签。

<signatures>标签是用来声明java方法中List、Set或者Map参数所包含的确切类,以便java代码作出判断,是js-->java的。

例参数是javabean的List,则只要在参数为javabean的例子里构造时候加上[]即可,如下:
var stu = [{name:"zhangsan",password:"zspassword"},{name:"lisi",password:"lspassword"}]; //把List当作数组来处理 AAA.bbb(stu,callBack);
并且在dwr.xml中增加如下的配置段(刚才试验了下,不加也可以)
<signatures>  <![CDATA[   import java.util.List;   import com.dwr.AAA;     //AAA的包路径要写完整   import com.dwr.TestBean;  //javabean   AAA.bbb(List<TestBean>);  ]]> < /signatures> 例参数是javabean的Map,key是String,value是javabean,如下: var stu =

{
    "key1":{name:"zhangsan",password:"zspassword"},
    "key2":{name:"lisi",password:"lspassword"}
};

AAA.bbb(stu,callBack);

 

并且在dwr.xml中增加如下的配置段(刚才试验了下,不加也可以) <signatures>  <![CDATA[   import java.util.List;   import com.dwr.AAA;     //AAA的包路径要写完整   import com.dwr.TestBean;  //javabean   AAA.bbb(Map<String,TestBean>);  ]]> < /signatures>

DWR使用总结的更多相关文章

  1. 【DWR系列06】- DWR日志及js压缩

    img { border: solid 1px } 一.日志 DWR依赖 Apache Commons Logging,可以使用log4j实现日志记录功能. 1.1 日志简介 和其他日志框架一样,当设 ...

  2. 【DWR系列04】- DWR配置详解

    table { margin-left: 30px; width: 90%; border: 1px; border-collapse: collapse } img { border: 1px so ...

  3. 【DWR系列03】- DWR主要类详解

    img { border: 1px solid black } 一.简介 首先应该了解这个jar包主要的类,了解了类,就了解了DWR.DWR的在线javadoc:http://directwebrem ...

  4. 【DWR系列02】-DWR逆向Ajax即服务器推送

    .literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...

  5. 【DWR系列01】-DWR简介及入门例子

    .literal { background-color: #f2f2f2; border: 1px solid #cccccc; padding: 1px 3px 0; white-space: no ...

  6. DWR实现后台推送消息到web页面

    DWR简介 DWR(Direct Web Remoting)可用于实现javascript直接调用java函数和后台直接调用页面javascript代码,后者可用作服务端推送消息到Web前端. (服务 ...

  7. DWR实现扫一扫登录功能

    前言 <DWR实现后台推送消息到Web页面>一文中已对DWR作了简介,并列出了集成步骤.本文中再一次使用到DWR,用以实现扫一扫登录功能. 业务场景 web端首页点击"登陆&qu ...

  8. dwr和spring的整合

    1.dwr在spring配置文件的配置: <!-- 注意这里新增加的dwr tag, 为使其生效,文件头中要声明namespace --> <dwr:configuration /& ...

  9. DWR同步异步设置

    做项目时遇到一个问题,使用DWR发现js总是执行完了之后再执行DWR的内容,后来发现然来DWR也有一种同步机制:DWREngine.setAsync(false); 还需要在代码末尾恢复异步DWREn ...

  10. 使用dwr时动态生成table的一个小技巧

    这篇随笔是我在07年写的,因为当时用了自己建设的blog,后来停止使用了,今天看到备份数据库还在,恢复出来放到这里.留着记录用. 我在使用DWR时,试了很多次都无法在动态生成的table中的一个或多个 ...

随机推荐

  1. spring boot项目配置跨域

    1.在项目启动入口类实现 WebMvcConfigurer 接口: @SpringBootApplication public class Application implements WebMvcC ...

  2. c语言小项目---通讯录2.0

    自从上次通讯录项目被字符串项目整的自闭了之后,用了5天时间重新整理了一下通讯录的思路,并且能够正常的使用,今天按模块把基于链表的通讯录2.0版本记录一下,供后续积累经验. 首先总结一下 通讯录2.0版 ...

  3. Mysql时间差计算

    Mysql如何计算两个时间字段的差值?可用函数 TIMESTAMPDIFF() ----------------------------- TIMESTAMPDIFF函数,有参数设置,可以精确到天(D ...

  4. 尚硅谷springboot学习34-整合SpringData JPA

    SpringData简介

  5. Vue相关文章

    1.新手向:Vue 2.0 的建议学习顺序 2.用webstorm搭建vue项目 3.vue-cli3.0项目结构

  6. [Docker] 写 Dockerfile 的最佳实践理论

      指导方针   创建短暂的容器   意思是 container 可以停止和销毁,接着以最小化启动和配置进行重新构建和替换.   理解构建的上下文   使用 docker build ,当前工作环境称 ...

  7. 吴裕雄 python 机器学习——分类决策树模型

    import numpy as np import matplotlib.pyplot as plt from sklearn import datasets from sklearn.model_s ...

  8. 判断序列B是否是序列A的连续子序列

    算法思想:因为两个整数序列已存入两个链表中,操作从两个链表的第一个结点开始,若对应得数据相等,则后移指针,若对应的数据不等,则A列表从上次开始比较结点的后继开始,B链表仍从第一个结点开始,直到B链表到 ...

  9. tcp,Socket,三次握手和四次挥手的图示

    tcp的图示: Socket的图示: Socket原理图示: “三次握手”图示介绍: 客户端向服务器发送一个SYN J 服务器向客户端响应一个SYN K,并对SYN J进行确认ACK J+1 客户端再 ...

  10. linux命令总结----转载

    1.终端是个奇妙的东西,一开始它的低颜值,高难度可能会令我们灰心气馁. 但是入门之后,你会发现终端命令行是如此强大,简直飞一般的感觉.就是这个feel,倍儿爽~ 享受“弹指间,一切尽在掌握”的感觉. ...