1.概述
DWR(http://getahead.ltd.uk/dwr/) 是一种新的Ajax方式,有别于访问URL的传统模式,DWR自己在服务端作了一个通用的Service层Gateway(Proxy),使得客户端的 Javascript 可以直接操作远程的服务器端的Service层,再配合TrimPath JSTemplate 以Template而不是Dom Builder的方式将Service层返回的POJO渲染成复杂的页面,创造一种新的纯Ajax编程模式。
时至今日,DWR的应用讲解已经很多,大家可以自己google。这里只讲几个重点:
- 标准的安装与使用;
- TrimPath JSTemplate的应用;
- DWR2.0 推技术的应用。
SpringSide在BookStore示例的图书管理--封面图片Ajax上传中,用DWR获取已上传部分的大小。
2. 安装与使用
2.1 下载DWR
官方网站上最新版本2.0RC1,另外有时候最新版本需要到dwr.dev.java.net 下载。
2.2 配置文件
使用springside构建件安装的话会自动生成配置文件,并修改WEB-INF/web.xml文件
如果要手工编写,见examples\bookstore\webapp\WEB-INF 目录中的范例文件
修改web.xml,增加dwr-invoker servlet
增加dwr.xml,配置导出的service服务及要转换到客户端javascript 的bean.
如果安全要求不严格,可以很简单就配完,如果严格就麻烦一点,见dwr.xml的注释。
2.3 客户端调用
1.引入DWR一个动态生成的JavaScript及两个标准的Utils.js:
Bookservice.js的名字在服务端dwr.xml里已定义
<script src="<span" class="code-quote">"<c:url value="</span>/dwr/<span class=" code-keyword"="">interface/BookService.js"/>" type="text/javascript"></script>
<script src="<span" class="code-quote">"<c:url value="</span>/dwr/engine.js<span class=" code-quote"="">"/>" type="text/javascript"></script>
<script src="<span" class="code-quote">"<c:url value="</span>/dwr/util.js<span class=" code-quote"="">"/>" type="text/javascript"></script>
2.使用BookService对象:
在其后的Javascript里,就可以用象在Java里面一样使用Bookservice对象和他的方法,如
BookService.findBooksByCategory(category, drawBooks);
其中第一个参数是服务端findBookByCategory的参数,第2个参数是返回时进行处理的函数。
3.使用TrimPath JSTemplate渲染返回的POJO:
TrimPath JSTemplate 是DWR绝配的返回结果(javascript object,not html or xml) 渲染方法。
在官方网站http://trimpath.com/project/wiki/JavaScriptTemplates 下载并拷贝template.js到任意目录,然后在页面加入
<script src="<span" class="code-quote">"<c:url value="</span>/scripts/template.js<span class=" code-quote"="">"/>" type="text/javascript"></script>
然后按照Trimpath的类似freemarker简单语法在里编写模版并把JS POJO放到模版里渲染.
{for b in mybooks}
<p>${b.name}</p>
{/for}
具体演示在1.0m3的bookstore前台WebServcie页面。
4. 推技术
DWR2.0.x的推技术以推发送消息,适用于ChatRoom,股票信息显示等场景,优于现在JS定时轮询服务端的策略,大大节省服务端的资源(数据无变化时不需要应答客户端的定时查询)。
4.1. 推消息的接收页
设置接收由服务端推送过来的消息的JavaScript
1. <script type='text/javascript' src='<c:url value="/dwr/engine.js"/>'></script>
<script type='text/javascript' src='<c:url value="/dwr/util.js"/>'></script>
<script type='text/javascript' src='<c:url value="/dwr/interface/orderNotice.js"/>'></script>
2. <script language="javascript">
function receiveMessages(id) {
$('orderNotice').innerHTML = "收到id为" + id + "的新订单!";
$('orderNotice').show();
}
</script>
3.<body onload="DWREngine.setReverseAjax(true);">
<div id="orderNotice"/>
第一,引入dwr及那个负责执行推操作的Java类(OrderNotice)的js
第二,编写任意的接收信息的js函数
第三,在body的onload里设定ReverseAjax=true,开始侦听信息
4.2 负责推送消息的Java类
public class OrderNotice {
public void noticeNewOrder(int id) { WebContext wctx = WebContextFactory.get();
ScriptBuffer script = new ScriptBuffer();
script.appendScript("receiveMessages(").appendData(id).appendScript(");");
ServerContext sctx = ServerContextFactory.get(wctx.getServletContext());
Collection pages = sctx.getScriptSessionsByPage("/springside/admin/top.jsp");
for (ScriptSession session : pages) {
session.addScript(script);
}
}
}
可见,首用ScriptBuffer构造一段在客户端执行的SQL,调用前面接收页的receiveMessages函数。
然后使用WebContext ,ServerContext 定位需要发送的session进行发送。注意这里Hard Code了URL路径来确定Subscriber,也可以像ChatRoom里面那样,用currenpage 发给与orderNotice的调用者发起者在同一页的session。
4.3 其余工作
设定dwr.xml,按Dwr的老模式,从客户端调用OrderNotice,向管理员后台页面推送信息。
分享到:
相关推荐
1、 导入dwr.jar包 2、 在web.xml中配置dwr,如下: <!-- 配置DWR --> <servlet-name>dwr-invoker org.directwebremoting.servlet.DwrServlet <init-param> <param-name>debug</param-name> ...
DWR (Direct Web Remoting) 是一个开源Java库,它允许Web应用程序在浏览器和服务器之间进行实时通信,无需使用插件或复杂的JavaScript框架。DWR简化了AJAX(Asynchronous JavaScript and XML)开发,使开发者可以像...
Direct Web Remoting (DWR) 是一种开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行交互,从而实现动态Web应用程序。DWR的主要功能是通过AJAX技术在客户端和服务器之间进行实时通信,使得用户界面...
DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在Web浏览器中直接调用Java方法,从而实现实时的、双向的通信。在“DWR3实现服务器端向客户端精确推送消息”这一主题中,我们将深入探讨如何利用DWR3进行...
DWR.xml配置文件说明书 1、 建立dwr.xml 配置文件 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行,格式如下: <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...
DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在客户端与服务器端进行直接的交互,从而实现在Web应用程序中的Ajax功能。DWR的主要目标是简化前后端的数据交换,提高用户体验,使得Web应用能够像桌面...
DWR(Direct Web Remoting)是一种JavaScript库,它允许JavaScript代码在客户端与服务器端进行直接交互,从而实现实时Web应用程序。在这个特定的场景中,我们利用DWR来实现一个新消息的定时提醒功能,这在许多Web...
这个压缩包包含了DWR的核心组件`engine.js`和辅助库`util.js`,它们是实现DWR功能的关键。 `engine.js`是DWR的核心脚本,它实现了JavaScript和Java之间的远程调用(Remote Procedure Calls, RPC)。这个文件处理了...
DWR (Direct Web Remoting) 是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行交互,实现动态的Web应用。在这个场景中,我们将讨论如何使用DWR来实现简单的文件上传功能。 文件上传是Web...
DWR(Direct Web Remoting)是一种JavaScript到Java的远程调用技术,允许Web应用程序在客户端与服务器之间进行实时通信,而无需刷新整个页面。DWR的出现极大地提升了Web应用的用户体验,因为它允许开发者在前端与...
Direct Web Remoting (DWR) 是一个开源Java库,它允许在浏览器和服务器之间进行安全、高效的异步通信,即所谓的“反向AJAX”或“Comet”技术。DWR使得JavaScript能够调用服务器端的Java方法,就像它们是本地函数一样...
DWR (Direct Web Remoting) 是一种开源Java技术,它允许Web应用程序在浏览器和服务器之间进行实时、双向通信,使得JavaScript可以直接调用服务器端的Java方法,极大地简化了客户端和服务器端的数据交换。本笔记将...
**DWR(Direct Web Remoting)**是一种Java技术,它允许Web应用程序在客户端与服务器之间进行实时通信,而无需刷新整个页面。通过DWR,我们可以使用JavaScript直接调用服务器端的Java方法,实现Ajax(Asynchronous ...
DWR (Direct Web Remoting) 是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行交互,实现动态的Web应用。DWR简化了AJAX(Asynchronous JavaScript and XML)的开发,使得开发者可以像调用...
SpringBoot整合Direct Web Remoting (DWR)是一个常见的技术实践,它允许JavaScript在浏览器端直接调用服务器端的Java方法,极大地增强了Web应用的交互性。在这个过程中,我们通常会结合使用FreeMarker或JSP作为视...
SpringMVC 和 DWR(Direct Web Remoting)是两种在Web开发中用于增强交互性的技术。SpringMVC作为Spring框架的一部分,主要用于构建后端服务,而DWR则是一种JavaScript库,允许JavaScript与Java服务器进行实时通信,...
这个压缩包包含了DWR的三个主要版本:DWR1.0、DWR2.0和DWR3.0的jar包,这些jar包是运行DWR应用的核心组件。 DWR1.0: DWR1.0是DWR项目的早期版本,主要目标是简化Web应用中的异步通信。在这个版本中,DWR提供了一个...
这个压缩包包含了DWR的三个关键组件:DWR3.0.jar,DWR的实例war文件,以及DWR2.0的中文说明文档。以下是关于这些组件的详细知识: 1. **DWR3.0.jar**: DWR3.0.jar是DWR框架的核心库,包含所有必需的类和接口,...
在本教程中,我们将探讨如何利用Direct Web Remoting (DWR) 和Spring框架来实现这样的功能。 DWR是一个开源Java库,它允许Web应用程序在浏览器和服务器之间进行实时的、异步的通信,类似于Ajax的功能,但更加强大。...