`
zldy2818
  • 浏览: 12804 次
  • 性别: Icon_minigender_1
  • 来自: 济南
最近访客 更多访客>>
社区版块
存档分类
最新评论

DWR使用总结(转)

    博客分类:
  • java
 
阅读更多

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、数组和集合类型。但如果参数类型非简单数据类型,则要通过转换。

用返回 JavaBean java 方法

在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);



用返回 List Set 或者 Map java 方法

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


用有 List Set 或者 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的使用方法

    **DWR(Direct Web Remoting)使用方法详解** DWR,全称为Direct Web Remoting,是一种开源Java技术,用于在Web应用程序中实现浏览器与服务器之间的实时双向通信。它允许JavaScript直接调用Java方法,就像它们在...

    DWR使用总结

    1. **加载依赖**: DWR的使用需要引入相应的jar包,包括dwr3.jar和commons-logging-1.1.3.jar。 2. **配置Servlet**:在`web.xml`中配置DWR的Servlet,如`&lt;servlet-class&gt;org.directwebremoting.servlet.DwrServlet...

    关于dwr简单设计总结

    以下是对DWR简单设计的总结: 1. **DWR的基本概念**: DWR的核心功能是在客户端JavaScript和服务器端Java之间建立直接的通信通道,通过AJAX(Asynchronous JavaScript and XML)技术实现异步数据交换。这允许用户...

    DWR技术文档、快速使用DWR、java技术

    **DWR(Direct Web Remoting)技术文档** DWR,全称Direct Web Remoting,是一种在Web应用程序中实现...通过理解其核心功能、配置步骤以及使用流程,开发者可以快速地在项目中引入DWR,构建高效、动态的Web应用。

    DWR中处理集合总结

    3. **JavaBean的转换与使用**: DWR提供了自动和手动两种方式将JavaBean转换为JavaScript对象。在`dwr.xml`配置文件中,通过`&lt;convert&gt;`标签指定转换规则。例如,转换`com.dwr.TestBean`: ```xml ...

    dwr笔记 dwr自学资料

    总结来说,DWR是一种强大的工具,能够帮助开发者构建出更加高效、响应式的Web应用。通过学习和掌握DWR,你可以更好地融合前后端开发,实现更为流畅的用户交互。在自学过程中,理解DWR的工作原理、熟练运用其主要组件...

    Ajax的DWR使用

    **Ajax的DWR使用** Direct Web Remoting (DWR) 是一种开源JavaScript库,它使得在Web应用程序中实现Ajax(Asynchronous JavaScript and XML)技术变得简单。DWR允许JavaScript与服务器端Java对象直接通信,无需编写...

    Ajax的dwr总结

    - **创建Java对象的代理**:使用DWR的`create`函数创建服务器端对象的JavaScript实例。 - **调用Java方法**:通过代理对象调用服务器端的方法,这些调用会被DWR引擎转换为HTTP请求发送到服务器。 - **处理响应**...

    DWR配置文件详解,DWR配置

    总结起来,DWR的`dwr.xml`配置文件是实现JavaScript与Java之间交互的核心,它详细定义了哪些Java对象可以被JavaScript访问,以及如何进行数据转换。理解和配置好`dwr.xml`文件对于充分利用DWR的功能至关重要,同时也...

    dwr2.0 dwr3.0 jar包

    总结起来,DWR是一个强大的工具,通过提供JavaScript与Java之间的无缝交互,极大地简化了Ajax应用的开发。无论是DWR 2.0还是3.0,它们都为Java开发者提供了高效、灵活的解决方案,帮助构建更加动态、响应式的Web界面...

    DWR(Ajax)]DWR使用笔记

    总结来说,DWR是一个强大的工具,使得开发者能够在不刷新页面的情况下实现丰富的客户端-服务器通信。通过理解并熟练掌握DWR的配置、对象暴露、调用方式以及其提供的各种特性和工具,你可以有效地提升Web应用的交互性...

    ajax的dwr包

    总结起来,DWR是一个强大的工具,它简化了Ajax开发,提供了丰富的功能和良好的安全性,使得开发者能够更加专注于业务逻辑的实现,而不是技术细节。如果你正在寻找一种方式来增强你的Web应用的交互性和响应速度,DWR...

    dwr学习笔记和总结

    ### dwr学习笔记和总结 #### 一、DWR简介 DWR (Direct Web Remoting) 是一个简化Ajax开发的框架,它使得JavaScript能够直接调用服务器端的Java方法成为可能,无需编写复杂的Ajax代码。这极大地提高了开发效率,并...

    一个简单的dwr使用示例

    总结,这个"一个简单的dwr使用示例"涵盖了DWR的基本使用流程,包括安装配置、创建远程调用的Java类、生成和引用JavaScript接口以及在前端调用Java方法。对于初学者来说,这是一个很好的起点,可以帮助他们理解DWR...

    DWR使用配置,并用DWR获得返回list类型中的对象,并在页面显示

    总结起来,DWR提供了一种高效的方式来实现客户端与服务器之间的通信,使得我们可以方便地在页面上动态展示服务器端返回的数据,而无需刷新整个页面。在本示例中,我们学习了如何配置DWR,定义可调用的Java方法,以及...

    服务器端ajax框架--------DWR实践总结

    DWR简化了Ajax技术的使用,使得开发者可以像调用本地JavaScript函数一样调用服务器上的Java方法,极大地提高了Web应用的交互性和用户体验。 在实践中,DWR提供了以下核心功能: 1. **异步通信**:DWR通过HTTP协议...

    dwr_demo_test

    总结起来,DWR是实现客户端和服务器端高效通信的工具,通过`dwr_demo_test`,你可以学习到如何在实际项目中运用DWR,提升Web应用的交互性和用户体验。通过深入研究`dwr.xml`配置、Java服务端代码以及JavaScript调用...

    springboot整合dwr实现js调用java方法

    **总结** 整合SpringBoot、DWR、FreeMarker和JSP,可以构建出具有强大交互性的Web应用。DWR使得前后端通信变得简单,而FreeMarker和JSP则提供了灵活的视图渲染能力。通过以上步骤,你可以创建一个允许JavaScript...

    dwr快速入门+实例

    3. **整合总结**:通过将DWR与Spring和Hibernate整合,可以构建出高度可扩展、易于维护的企业级应用。 #### AJAX对Web开发的影响 DWR作为Ajax框架的一个典型代表,对Web开发有着深远的影响: 1. **客户端与服务器...

Global site tag (gtag.js) - Google Analytics