DWRServlet dwr相关原理

  作为一个java open source library,DWR可以帮助开发人员完成应用AJAX技术的web程序。它可以让浏览器上的javascript方法调用运行在web服务器上java方法。

     DWR主要由两部分组成。javascript与web服务器通信并更新web页;运行在web服务器的Servlet处理请求并把响应发回浏览器。

     DWR采用新颖的方法实现了AJAX(本来也没有确切的定义),在java代码基础上动态的生成javascript代码。web开发者可以直接调用这些javascript代码,然而真正的代码是运行在web服务器上的java code。出与安全考虑,开发者必须配置哪些java class暴露给DWR.(dwr.xml)

     这种从(java到javascript)调用机制给用户一种感觉,好象常规的RPC机制,或RMI or SOAP.但是它运行在web上,不需要任何浏览器插件。

    DWR不认为浏览器和web服务器之间协议重要,把系统界面放在首位。最大挑战是java method call的同步特征与ajax异步特性之间的矛盾。在异步模型里,结果只有在方法结束后才有效。DWR解决了这个问题,把回调函数当成参数传给方法,处理完成后,自动调用回调方法。

这个图表显示了,通过javascript事件,DWR能改变select的内容,当然这些内容由java代码返回。 javascript函数Data.getOptions(populateList)由DWR动态生成,这个函数会调用java class Data类的方法。DWR处理如何远程调用,包括转换所有的参数和返回的结果(javascript\java)。java方法执行完后,执行回调方法populateList。在整个过程中我们就想在用本地的方法一样。

2、Getting Started

废话少说,试试就ok了。
web.xml

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">

<web-app id="dwr">
<servlet>
  <servlet-name>dwr-invoker</servlet-name>
  <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>dwr-invoker</servlet-name>
  <url-pattern>/dwr/*</url-pattern>
</servlet-mapping>
</web-app>

dwr.xml 与web.xml同目录
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">
<dwr>
  <allow>
   <create creator="new" javascript="JDate">
     <param name="class" value="java.util.Date"/>
   </create>
  </allow>
</dwr>

index.html
<html>
<head>
<title>DWR - Test Home</title>
<script type='text/javascript' src='dwr/interface/JDate.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script>
function init(){
   JDate.getYear(load);
}
function load(data){
   alert(data+1900+'年')
}
</script>
</head>
  <body οnlοad="init()">
</body>
</html>

dwr.jar 下载放lib下

完了,什么,够了,就这些。访问ok!

3、Examples
http://www.aboutmyhealth.org/ 这不是Google Suggest吗!ok.

4、源码浅析
dwr的设计很象webwork2的设计,隐藏http协议,扩展性,兼容性及强。

通过研究uk.ltd.getahead.dwr.DWRServlet这个servlet来研究下dwr到底是如何工作滴。

代码


这样所有的/dwr/*所有请求都由这个servlet来处理,它到底处理了些什么能。我们还以上面最简单的例子来看。

1、 web服务器启动,DWRServlet init()方法调用,init主要做了以下工作。
设置日志级别实例化DWR用到的单例类(这些类在jvm中只有一个实例对象)、读去配置文件(包括dwr.jar包中的dwr.xml,WEB-INF/dwr.xml. config*.xml)。

2、请求处理
     DWRServlet.doGet, doPost方法都调用processor.handle(req, resp)方法处理。Processor对象在init()方法中已经初始化了。

代码


哦。这些恍然大悟。dwr/*处理的请求也就这几种。
(1)dwr/index.html,dwr/test/这种只能在debug模式下使用,调试用。
dwr/engine.js,dwr/util.js,dwr/deprecated.js当这个请求到达,从dwr.jar包中读取文件流,响应回去。(重复请求有缓存)

(2)当dwr/interface/这种请求到来,(例如我们在index.html中的 <script type='text/javascript' src='dwr/interface/JDate.js'></script>)DWR做一件伟大的事。把我们在WEB-INF/dwr.xml中的
<create creator="new" javascript="JDate">
   <param name="class" value="java.util.Date"/>
</create>
java.util.Date转化为javascript函数。
http://localhost:port/simpledwr/dwr/interface/JDate.js看看吧。

细节也比较简单,通过java反射,把方法都写成javascript特定的方法。(我觉得这些转换可以放到缓存里,下次调用没必要再生成一遍,不知道作者为什么没这样做)。 ???



(3)dwr/exec
javascript调用方法时发送这种请求,可能是XMLHttpRequest或IFrame发送。
当然,javascript调用的方法签名与java代码一致,包括参数,还有javascript的回调方法也传到了服务器端,在服务器端很容易实现。回调方法的java的执行结果 返回类似 <script>callMethod(结果)<script>的javascript字符串,在浏览器执行。哈,一切就这么简单,巧妙。

dwr的设计构思很是巧妙。
第一、把java类转化为javascript类由dwr自动完成,只需简单的配置。
第二、应用起来极其简单。开发者不要该服务器代码就可以集成。
第三、容易测试。和webwork一样,隐藏的http协议。
第四、及强扩展性。例如与spring集成,只需修改一点代码。
第五、性能。就我与jason,等简单比较,dwr性能可能是最好的。
第六、自动把java对象转化为javascript对象,并且及易扩展。

 

 

 

 

DWR工作原理及相关操作步骤

分类: JAVA EE 469人阅读 评论(0) 收藏 举报

一、什么是DWR?

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

它包含两个主要的部分:

     a.允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet(小应用程序)中获取数据.

     b.它的JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动态改变网页的内容.

 

 

二、工作原理及其优缺点

DWR工作原理:通过请求的url调用到对应的DwrServlet,DwrServlet加载对应dwr.xml,将对应的类转换成js代码,发送到浏览器客户端的调用,通过js的ajax封装

 

优点:

1.浏览器兼容:

2.json的封装

3.多种对象的转换(ssh对象转换)

缺点:出错不容易找

 

 

三、操作步骤:

1.导入DWR包

2.在WEB-INF写dwr.xml

3.在web.xml中配置servlet<servlet>  

<display-name>DWR Servlet</display-name>

   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  

      <init-param>     

          <param-name>debug</param-name>   

        <param-value>true</param-value>  

      </init-param>

</servlet>

<servlet-mapping>  

 <servlet-name>dwr-invoker</servlet-name>  

 <url-pattern>/dwr/*</url-pattern>

</servlet-mapping>

 

4.<script type="text/javascript" src="/T1001_DWR/dwr/engine.js"></script>

<script type="text/javascript" src="/T1001_DWR/dwr/util.js"></script>

<!-- 自定义的js -->

<script type="text/javascript" src="/T1001_DWR/dwr/interface/T1001.js"></script>

 

 

原理:

通过请求的url调用到对应的DwrServlet

DwrServlet加载对应dwr.xml,将对应的类

转换成js代码,发送到浏览器

客户端的调用,通过js的ajax封装,具有了

1.浏览器兼容

2.json的封装

3.多种对象的转换(ssh对象转换)

 

四、DWR的其它应用

我们需要确认所有的参数能被转换。许多JDK提供的类型使你能够使用,但是你如果要转换你自己的代码,就必须告诉DWR。一般是指JavaBean的参数需要一个<convert…>标签作为入口。 

A.为单独的某类打开转换器。

<convert converter="bean" match="your.full.package.BeanName"/> 

B.为某个包下的所有类打开转换器。

<convert converter="bean" match="your.full.package.*"/>

C.允许转换所有的JavaBean 

<convert converter="bean" match="*"/> 


五、使用DWRUtil.addRows对表格进行操作

function(data){

DWRUtil.removeAllRows(“tab”);  //移除tab中行对象

 //三个参数

  // 1 tbody的id; 2数据集合; 3 函数数组 ["1","2","3"]

DWRUtil.addRows("tab",data,

[

function(items){return i++},

function(items){return items.empname},

function(items){return items.birthday==null?"":items.birthday.toLocaleDateString()},

function(items){return items.jp},

function(items){return ""}

]);}

 

 

六、DWR中的时间转换

1、添加操作:

birthday=birthday.replace(/-/g,"/");

var d=new Date(birthday);

var emps={empname:empname,birthday:d,jp:jp};

 

2、赋值操作:

  1>emp.birthday.toLocaleDateString()

  2>date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值