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简单设计的总结: 1. **DWR的基本概念**: DWR的核心功能是在客户端JavaScript和服务器端Java之间建立直接的通信通道,通过AJAX(Asynchronous JavaScript and XML)技术实现异步数据交换。这允许用户...
DWR (Direct Web Remoting...总结,DWR提供了一种强大而灵活的方式,使得JavaScript可以直接调用服务器端的Java方法,实现复杂的数据交互。通过理解上述调用和传参方式,开发者能够更好地利用DWR构建富客户端应用程序。
DWR的集合处理和JavaBean转换使得在Ajax应用中传递复杂数据结构变得简单。通过合理的配置和JavaScript的封装,开发者可以在不离开客户端页面的情况下,方便地与服务器进行数据交换,提高了Web应用的交互性和用户体验...
DWR的核心思想是提供一个简单易用的接口,使得JavaScript可以直接调用Java对象的方法。这包括三个主要组件:`Client Proxy`、`DWR Engine`和`Server Side Service`。Client Proxy负责在浏览器端创建Java对象的代理...
### DWR学习总结 #### 一、DWR简介与版本变迁 DWR(Direct Web Remoting)是一个开源项目,它简化了服务器端Java对象与客户端JavaScript脚本之间的交互过程。通过DWR,开发者可以直接调用服务器端的方法就像调用...
在这个场景中,我们将讨论如何使用DWR来实现简单的文件上传功能。 文件上传是Web应用中常见的一种用户交互方式,通常涉及到前端的HTML表单、后端的处理逻辑以及可能的文件存储策略。DWR通过提供对Java方法的远程...
DWR提供了一种简单的方式实现前后端交互,通过Ajax实现页面局部更新,提高了用户体验。但需要注意的是,由于直接暴露了后端方法,安全性是一个不容忽视的问题。同时,DWR的配置和使用需要对Java反射和XML配置有一定...
总结来说,DWR为开发者提供了一个强大且易用的工具,它简化了Ajax应用的开发,使得前后端交互变得更加直观和高效。通过深入学习和实践,你将能熟练掌握DWR,为你的Web应用带来更丰富的交互性和实时性。
**服务器端Ajax框架——DWR实践总结** DWR(Direct Web Remoting)是一个开源的Java框架,它使得在Web应用程序中实现Ajax(异步JavaScript和XML)功能变得更加简单。DWR允许JavaScript在客户端与服务器端Java对象...
假设有一个简单的`HelloDWR`类: ```java public class HelloDWR { public String hello() { return "一个DWR应用"; } } ``` 接下来,我们需要在`dwr.xml`文件中为这个类创建一个接口定义: ```xml <!-- 定义...
**目的**:通过一个简单的“Hello World”示例来了解DWR的基本使用流程。 **步骤**: 1. **准备环境**:确保已安装Java开发环境,并且服务器支持运行Java Servlet。 2. **下载DWR库**:从官方站点或其他可信源下载...
总结起来,DWR是一个强大的工具,它简化了Ajax开发,提供了丰富的功能和良好的安全性,使得开发者能够更加专注于业务逻辑的实现,而不是技术细节。如果你正在寻找一种方式来增强你的Web应用的交互性和响应速度,DWR...
4. **编写JavaBean**:定义一个简单的JavaBean,例如`Test1`类,该类包含一个`sayHello`方法。 ```java package com.bjsxt.dwr; public class Test1 { public String sayHello(String name) { return "你好,...
总结来说,DWR 3.0入门涉及以下步骤: 1. 创建Web工程,导入DWR库。 2. 编写JavaBean。 3. 配置dwr.xml,指定暴露给JavaScript的Java类和方法。 4. 在web.xml中配置DWRControlServlet。 5. 引入必要的JavaScript文件...
总结起来,DWR是实现客户端和服务器端高效通信的工具,通过`dwr_demo_test`,你可以学习到如何在实际项目中运用DWR,提升Web应用的交互性和用户体验。通过深入研究`dwr.xml`配置、Java服务端代码以及JavaScript调用...
总结来说,DWR作为Ajax开发的利器,通过其简单易用的API和丰富的功能,可以帮助开发者快速构建动态、交互性强的Web应用。结合参考书和实际案例,深入学习DWR,不仅可以提升技能,也能更好地理解和应用Ajax技术。
总结,Spring与DWR的集成使得开发高效、实时的Web应用变得更加便捷。通过这种方式,开发者可以充分利用Spring的灵活性和DWR的实时通信能力,构建出更符合现代Web需求的应用。在实际项目中,理解并掌握这种集成技术...
- **易用性**:DWR提供了简单的API,使得JavaScript调用Java方法变得简单直观。 - **安全**:DWR内置了安全机制,如CSRF防护,确保了跨站请求的安全性。 - **高性能**:由于减少了XML的使用,DWR在数据传输效率上...