- 浏览: 1170243 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (411)
- ASP (6)
- ASP.NET (2)
- CSS (4)
- HTML (11)
- Javascript (34)
- Java (100)
- PHP (1)
- XML (2)
- Flash/Flex/AS (1)
- 编程理论 (6)
- 操作系统 (23)
- 架构与搭建 (13)
- 软件应用 (39)
- 移动开发及应用 (4)
- UI设计 (2)
- 数据库 (23)
- 围棋 (1)
- 闲语茶楼 (6)
- 金融 (1)
- 其他 (3)
- Linux/Unix (38)
- 项目管理 (3)
- cmd (2)
- ssh (3)
- SVN (1)
- 移动开发 (1)
- HTML5 (1)
- jquery (1)
- redis (1)
- nginx (2)
- webservice (1)
- vmware (1)
- ssl (1)
- eclipse (1)
- sqlite (1)
- spring (2)
最新评论
-
cnhome:
Java 8 下:// 编码String asB64 = Ba ...
不要使用sun.misc.BASE64Encoder -
请叫我翠西狗:
那如果我要用this.getServletContext() ...
JSP/Servlet使用代理或路由器映射时获取服务器地址为内网地址 -
nomblouder:
按照别的博客,别名一直是p4merge,导致一直报错comma ...
win与linux下git配置p4merge为合并比较工具的方法 -
linuxzhang:
请问我按你的方法修改了sts-3.7.3.RELEASE中的o ...
Eclipse中setter/getter方法自动添加属性注释 -
yzh__:
求解答。。。
Struts2定义默认拦截器时需要注意
先说说注释语法,省掉dwr.xml。(自从用了java 5 之后,现在越看一堆堆的配置文件越烦,越来越喜欢注释方式来的直接简单了)
首先下载最新的稳定版本的dwr.jar文件放到你的工程中。(还有需要其它的吗?不需要了,dwr就是这么简单)
然后在web.xml中添加如下一段
<!-- DWRServlet --> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class> <init-param> <!-- 默认为false,调试用,可以访问http://地址:端口/上下文/dwr 来进行测试 --> <param-name>debug</param-name> <param-value>true</param-value> </init-param> <!--这就是传说中的DWR反转调用的开关了,默认也是false --> <init-param> <param-name>activeReverseAjaxEnabled</param-name> <param-value>true</param-value> </init-param> <!--日志级别不多说了--> <init-param> <param-name>logLevel</param-name> <param-value>WARN</param-value> </init-param> <!--这块注意了,关键来了,把使用DWR注释的类都要加在这里,2.0的DWR好像还不支持包扫描,希望以后能提供这个功能,3.0我还没注意有没有这个功能,现在还没出正式版--> <init-param> <param-name>classes</param-name> <param-value> org.relax.service.SectionManager, org.relax.service..entity.Section </param-value> </init-param> </servlet> <!--这块不用多说了吧,如果看不懂,哪凉快哪呆着去吧--> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping>
在这里再说明一下有的文章用的是uk.ltd.getahead.dwr.DWRServlet,其实他只是继承了一下org.directwebremoting.servlet.DwrServlet自己什么也没做,所以这两个类用哪个都行(这么做应该是为了兼容以前的版本,猜的,1.0我没用过)。
下面看具体的类吧。
@Service @RemoteProxy(creator = SpringCreator.class, name = "sectionManager", creatorParams = @Param(name = "beanName", value = "sectionManager")) public class SectionManager extends DefaultEntityManager<Section, Integer> { @Autowired OriginCollectDataManager originCollectDataManager; @RemoteMethod public Section get(Integer id) { return super.get(id); } @RemoteMethod public List<Section> getAll() { return super.getAll(); } }
我的测试环境里还用到了spring和hibernate,所以里面还掺杂了一些spring的注释标记,当然如果你没用也无所谓。
这里主要解释一下DWR的几个Annotations
@RemoteProxy标在类上的就是使类可以运程访问
@RemoteProxy(creator = SpringCreator.class, name = "sectionManager", creatorParams = @Param(name = "beanName", value = "sectionManager")),
上面因为使用了spring所以写的是springCreator.class, 其它还有BeanCreator, Ejb3Creator, JsfCreator, NewCreator, NullCreator, PageFlowCreator, ScriptedCreator, SingletonCreator, SpringCreator, StrutsCreator。看自己的具体需求。最常用的就是newCreator了吧。
@RemoteMethod标在方法上,不用多说可以使方法能远程访问
@DataTransferObject标在类上,注明需要转换的VO类了
@RemoteProperty标在类的属性上,标明哪些可以访问(我试了试不标,好像全都可以访问了)
常用的就这么多了,其它几个不太常用,如果用到的时候再研究吧。
还有什么要做的吗?好像就这么多了。DWR就是简单。如果标好了可以试试访问上下文路径加上/dwr来访问试试了。好像好用了哎。
看上去方法好像挺多,其实真正能访问用的只有用@RemoteMethod标注过的。
测试已经好用了下面就是加到页面了。那不就更简单了吗。按着上图收到JSP文件中。然后像调用普通javascript对象一样就可以了。咱不是做普及的,今天主要讲注释的用法。这部分就到这吧。
下面说反向调用了,这个还是挺复杂的,首先解释几个概念。
dwr的逆向ajax其实主要包括两种模式:主动模式和被动模式。其中主动模式包括Polling和Comet两种,被动模式只有Piggyback这一种。
所谓的Piggyback指的是如果后台有什么内容需要推送到前台(即调用页面的js方法),是要等到那个页面进行下一次ajax请求的时候,将需要推送的内容附加在该次请求之后,传回到页面。
polling指的是由浏览器定时向服务端发送ajax请求,询问后台是否有什么内容需要推送,有的话就会由服务端返回推送内容。这种方式和我们直接在页面通过定时器发送ajax请求,然后查询后台是否有变化内容的实现是类似的。只不过用了dwr之后这部分工作由框架帮我们完成了。
comet模式指的的当服务端建立和浏览器的连接,将页面内容发送到浏览器之后,对应的连接并不关闭,只是暂时挂起。如果后面有什么新的内容需要推送到客户端的时候直接通过前面挂起的连接再次传送数据。
通过上面的解释我们可以看到,这三种模式都有各自的优缺点。从客户端请求次数的角度来说,当然是piggyback的模式最好。这个里面完全没有额外的网络请求,只有等到下次请求页面主动发起了,中间的变化内容才传递回页面。但是这也导致了这推送内容的延时,因为你完全没办法知道页面的下一次请求将在什么时候发起,也许页面永远都没有下一次请求。polling模式的网络请求最为频繁了,因为这时候页面不管后台有没有更新的内容,都需要发送请求询问。虽然这种模式可以通过增加请求间隔的时间来减少单位时间内的请求次数,但是这样同样会导致页面响应后台内容变化的间隔时间增长,这中间就产生了矛盾,具体的请求间隔时间还是要根据具体项目的需求来配置。比如服务器能承受的请求间隔和页面内容所需要的刷新频率。comet方式的响应速度应该是最快的,后台一旦有内容需要推送可以通过前面没有关闭的连接马上推送到前台。但是服务器所能提供的连接数目是一定的,在大量的挂起的连接没有关闭的情况下,可能造成新的连接请求不能接入,从而影响到服务质量。
以上摘自dwr的Reverse Ajax(推技术的实现之一)
概念说清楚了,下面做一吧。
前面已经说完了注释方式了,以下还用注释的方式,方便直观呀。
@RemoteMethod public synchronized void start() { WebContext wctx = WebContextFactory.get(); String currentPage = wctx.getCurrentPage(); running=true; for (int i = 0; i < 1000; i++) { if (!running) { break; } ScriptBuffer script = new ScriptBuffer(); script.appendScript("receiveMessages(").appendData(i).appendScript(");");//调用页面的javascript方法把值添到页面上。 // Loop over all the users on the current page Collection pages = wctx.getScriptSessionsByPage(currentPage);//循环出所有的会话页面并执行 for (Iterator it = pages.iterator(); it.hasNext();) { System.err.println(i); ScriptSession otherSession = (ScriptSession) it.next(); otherSession.addScript(script); } try { Thread.sleep(3000); } catch (InterruptedException e) { e.printStackTrace(); } } } @RemoteMethod public void stop() { running=false; }
这是个简单的程序进行之后就是用个循环来更新页面的数字。
下面也贴一下JSP的代码吧。也算补充下第一部分了。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type='text/javascript' src='/dymc-web/dwr/interface/sectionManager.js'></script> <script type='text/javascript' src='/dymc-web/dwr/engine.js'></script> <script type="text/javascript"> function receiveMessages(msg) { //alert(msg); document.getElementById("content").innerHTML=msg; } </script> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body onload="dwr.engine.setActiveReverseAjax(true)"> <button onclick="sectionManager.start()">start</button> <button onclick="sectionManager.stop()">stop</button> <div id="content"></div> </body> </html>
页面包括两个钮一个开始一个停止。大家来试试吧。这里不添图了太浪费空间
运行起来后点start按钮,看看页面上是不是自己开始变了。新打开个IE,用另外的机器访问此面,疑?怎么都有数字在变换,这就是DWR Reverse Ajax的厉害所在了。再点一下stop,呀,所有打个IE里数字都不变了吧。
注意:代码用的是主动的方式,所以注意页面onload中的<body onload="dwr.engine.setActiveReverseAjax(true)">没有这句可就不好用了。当然 web.xml中也不能少了
<init-param> <param-name>activeReverseAjaxEnabled</param-name> <param-value>true</param-value> </init-param>
该说的都说了就到这吧。这篇文章不是给初学者看的。所以不是特别的完整。如果你是初学者,就先去看看基础吧。可能有点不适合
文章转载自:http://ajava.org/course/ajax/13622.html
发表评论
-
jQuery 1.9升级指南(中文翻译版)【转】
2014-02-07 13:49 1091jQuery 1.9删除或修改了几个过去行为不一致或效率低 ... -
Java现实WebSocket
2013-11-15 09:59 2040无所不能的Java系列文章,涵盖了Java的思想,应用开发, ... -
CKFinder2.1的破解方法
2012-02-07 11:30 3921打开ckfinder.js文件 一、 找到 ... -
IE下无法跨域跳转的问题
2012-01-04 10:25 3146这两天为了实现项目中的子平台session共享的问题,几乎费劲 ... -
各按键对应keycode一览表
2011-08-24 14:29 1542keycode 8 = BackSpace Ba ... -
CKEditer的销毁
2011-07-27 11:39 2161由于业务需求,在一分表单中对同一个textarea需要根据下拉 ... -
玩转FusionCharts:Div层被Flash遮住
2011-02-18 15:02 1901在应用FusionCharts的过程中,可能会出现页面的Div ... -
jQuery锚点跳转滚动条平滑滚动
2010-11-25 00:12 2516$("html,body").animat ... -
Javascript Print(*)
2010-09-28 15:10 15001. 实现打印功能1) ExecW ... -
在网页中控制PDF打印的方法
2010-09-08 16:18 6765Adobe Reader: 注:以下内容需要本地安装过Ado ... -
Web框架——DWR中signatures标签的使用
2010-09-02 12:18 2109signatures段使DWR能确定集合中存放的数据类型。例如 ... -
Javascript压缩工具
2010-08-05 13:42 1046javascriptcompressor.com (在线压 ... -
用javascript设置iframe的onload事件的回调方法(兼容ie及firefox)
2010-06-04 15:10 2405function eventPush(obj, event, ... -
如何控制获得form表单弹出新窗口
2009-11-13 11:47 7324先用 window.open 打开一个你期望样式的窗口,然后将 ... -
javascript中parseInt的问题
2009-08-11 11:56 1272今天遇到一个有趣的问题,就是在用javascript的pa ... -
JavaScript FSO属性大全
2009-07-10 16:55 1888什么是FSO? FSO 即 Fil ... -
你不知道的 JavaScript - “this”
2009-06-24 16:45 1305JavaScript 里的 this 到底指得是什么?很多 ... -
Javascript中this的用法小结
2009-06-24 16:26 24061. 概述 this是面向对象 ... -
javascript窗口属性示意图
2007-03-15 10:15 981javascript窗口属性示意图 ------------ ... -
IE与FireFox的showModalDialog
2008-01-28 15:21 3061在网页程序中,有时我们会希望使用者按下按钮后开启一个保持在原窗 ...
相关推荐
使用DWR实现Reverse Ajax,首先需要在服务器端配置DWR,包括创建DWR的配置文件dwr.xml,设置允许访问的Java方法。然后在客户端,使用JavaScript的DWR API创建连接并注册回调函数,以接收服务器推送的数据。在服务器...
通过学习和实践这个“dwr3ReverseAjax示例”,开发者可以掌握DWR的基本用法,以及如何利用Ajax和反向Ajax构建实时Web应用。这不仅对理解DWR的工作原理有所帮助,也能提升在实际项目中运用这些技术的能力。
总的来说,通过这个例子,你可以学习到如何使用DWR 2.0来构建一个实时的Web应用,特别是如何利用Reverse Ajax实现服务器到客户端的数据推送。这不仅加深了对DWR的理解,还对Web开发中的实时通信有了实际操作的经验。...
它允许JavaScript在客户端与服务器端的Java对象之间进行直接调用,无需刷新页面,从而实现了所谓的“反向Ajax”或者“富互联网应用”(RIA)的功能。本课件主要涵盖了DWR的基本用法和常见操作,包括数据类型的处理、...
Direct Web Remoting (DWR) 是一个开源Java库,它允许在浏览器和服务器之间进行安全、高效的异步通信,即所谓的“反向AJAX”或“Comet”技术。DWR使得JavaScript能够调用服务器端的Java方法,就像它们是本地函数一样...
DWR(Direct Web Remoting)是一种Java库,它允许Web应用程序实现实时的双向通信,即反向Ajax。反向Ajax是指服务器能够主动地向客户端浏览器推送数据,而不仅仅是响应客户端的请求。DWR提供了三种反向Ajax技术,分别...
dwr reverseajax clockms
dwr reverseajax ClockLogging
Reverse Ajax(反向Ajax)是指服务器主动向客户端推送数据,而不是等待客户端发起请求。这种技术在实时更新、聊天应用、股票报价等场景中非常有用。DWR通过建立长连接或者轮询机制实现Reverse Ajax。 1. **Long ...
- DWR的核心组件包括`DWR Engine`、`Reverse AJAX`和`JavaBeans`。 - `DWR Engine`是DWR的核心,它处理所有与JavaScript和Java之间的通信。 - `Reverse AJAX`是DWR实现的异步通信机制,使得服务器能够主动向...
DWR是一款开源的Java库,它允许JavaScript在浏览器端直接调用Java方法,从而实现Ajax功能,包括反向Ajax。 3. DWR框架介绍: DWR简化了Ajax应用的开发,它提供了自动转换Java对象到JavaScript对象的能力,以及安全...
通过DWR,我们可以使用JavaScript直接调用服务器端的Java方法,实现Ajax(Asynchronous JavaScript and XML)的功能,即在后台与服务器交互数据并局部更新网页。 **Ajax**的核心是利用JavaScript进行异步数据请求,...
DWR是Ajax的一种实现方式,它提供了一种更简洁、更易用的接口来使用Ajax。DWR自动处理了XMLHttpRequest对象的创建、请求的发送和响应的处理,使得开发者可以专注于业务逻辑,而不是底层的通信细节。 五、DWR使用...
- **Reverse Ajax(反向Ajax)**: DWR实现了反向Ajax,即服务器可以主动推送数据到客户端,而不仅仅是响应客户端的请求。 - **Caching(缓存)**: DWR支持缓存服务器端的响应,提高性能,减少网络流量。 ### 2. ...
**DWR(Direct Web Remoting)反向调用详解** DWR(Direct Web Remoting)是一种JavaScript库,它允许在Web浏览器和服务器之间进行实时、双向通信,即所谓的"反向Ajax"或"Comet"技术。DWR使得Web应用程序能够像桌面...
Server Side Reverse Ajax Clock
DWR的核心概念是反向Ajax,它创建了一种机制,使得JavaScript可以直接调用服务器端的Java方法,就像它们是本地函数一样。这样,开发者可以轻松地将服务器端的功能暴露给前端,而无需手动处理XMLHttpRequest对象。 ...
DWR的主要目标是简化AJAX(Asynchronous JavaScript and XML)开发,使得开发者能够轻松地在浏览器中调用服务器上的Java方法,就像调用本地JavaScript函数一样。这个技术极大地提升了用户体验,因为数据可以在不刷新...
本文将详细探讨DWR的配置与使用,尤其是如何在JavaScript环境中调用Java方法,帮助初学者快速掌握这一技能。 #### 一、DWR配置详解:web.xml中的关键设置 ##### 1. 最小配置 在web.xml中,DWR的最基础配置涉及创建...