`
fly.net.cn
  • 浏览: 186726 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
阅读更多

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="&lt;span" class="code-quote">"<c:url value="&lt;/span&gt;/dwr/&lt;span class=" code-keyword"="">interface/BookService.js"/>" type="text/javascript"></script>
<script src="&lt;span" class="code-quote">"<c:url value="&lt;/span&gt;/dwr/engine.js&lt;span class=" code-quote"="">"/>" type="text/javascript"></script>
<script src="&lt;span" class="code-quote">"<c:url value="&lt;/span&gt;/dwr/util.js&lt;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="&lt;span" class="code-quote">"<c:url value="&lt;/span&gt;/scripts/template.js&lt;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,向管理员后台页面推送信息。

评论

相关推荐

    dwr源码包,dwr.jar包下载

    1、 导入dwr.jar包 2、 在web.xml中配置dwr,如下: &lt;!-- 配置DWR --&gt; &lt;servlet-name&gt;dwr-invoker org.directwebremoting.servlet.DwrServlet &lt;init-param&gt; &lt;param-name&gt;debug&lt;/param-name&gt; ...

    dwr所需要的jar包

    DWR (Direct Web Remoting) 是一个开源Java库,它允许Web应用程序在浏览器和服务器之间进行实时通信,无需使用插件或复杂的JavaScript框架。DWR简化了AJAX(Asynchronous JavaScript and XML)开发,使开发者可以像...

    dwr实例,从后台取数据显示

    Direct Web Remoting (DWR) 是一种开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行交互,从而实现动态Web应用程序。DWR的主要功能是通过AJAX技术在客户端和服务器之间进行实时通信,使得用户界面...

    DWR3实现服务器端向客户端精确推送消息

    DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在Web浏览器中直接调用Java方法,从而实现实时的、双向的通信。在“DWR3实现服务器端向客户端精确推送消息”这一主题中,我们将深入探讨如何利用DWR3进行...

    DWR.xml配置文件说明书(含源码)

    DWR.xml配置文件说明书 1、 建立dwr.xml 配置文件 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行,格式如下: &lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...

    DWR中文文档DWR

    DWR(Direct Web Remoting)是一种Java库,它允许JavaScript在客户端与服务器端进行直接的交互,从而实现在Web应用程序中的Ajax功能。DWR的主要目标是简化前后端的数据交换,提高用户体验,使得Web应用能够像桌面...

    DWR实现的新消息定时提醒

    DWR(Direct Web Remoting)是一种JavaScript库,它允许JavaScript代码在客户端与服务器端进行直接交互,从而实现实时Web应用程序。在这个特定的场景中,我们利用DWR来实现一个新消息的定时提醒功能,这在许多Web...

    DWR(包括engine.js+util.js).rar

    这个压缩包包含了DWR的核心组件`engine.js`和辅助库`util.js`,它们是实现DWR功能的关键。 `engine.js`是DWR的核心脚本,它实现了JavaScript和Java之间的远程调用(Remote Procedure Calls, RPC)。这个文件处理了...

    dwr和简单的文件上传

    DWR (Direct Web Remoting) 是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行交互,实现动态的Web应用。在这个场景中,我们将讨论如何使用DWR来实现简单的文件上传功能。 文件上传是Web...

    DWR 初始,返回字符串&对象&列表

    DWR(Direct Web Remoting)是一种JavaScript到Java的远程调用技术,允许Web应用程序在客户端与服务器之间进行实时通信,而无需刷新整个页面。DWR的出现极大地提升了Web应用的用户体验,因为它允许开发者在前端与...

    dwr的例子 反向AJAX 实现时时提醒

    Direct Web Remoting (DWR) 是一个开源Java库,它允许在浏览器和服务器之间进行安全、高效的异步通信,即所谓的“反向AJAX”或“Comet”技术。DWR使得JavaScript能够调用服务器端的Java方法,就像它们是本地函数一样...

    dwr笔记 dwr自学资料

    DWR (Direct Web Remoting) 是一种开源Java技术,它允许Web应用程序在浏览器和服务器之间进行实时、双向通信,使得JavaScript可以直接调用服务器端的Java方法,极大地简化了客户端和服务器端的数据交换。本笔记将...

    dwr实现ajax功能ajax+dwr

    **DWR(Direct Web Remoting)**是一种Java技术,它允许Web应用程序在客户端与服务器之间进行实时通信,而无需刷新整个页面。通过DWR,我们可以使用JavaScript直接调用服务器端的Java方法,实现Ajax(Asynchronous ...

    dwr demo dwr简单使用

    DWR (Direct Web Remoting) 是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java对象进行交互,实现动态的Web应用。DWR简化了AJAX(Asynchronous JavaScript and XML)的开发,使得开发者可以像调用...

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

    SpringBoot整合Direct Web Remoting (DWR)是一个常见的技术实践,它允许JavaScript在浏览器端直接调用服务器端的Java方法,极大地增强了Web应用的交互性。在这个过程中,我们通常会结合使用FreeMarker或JSP作为视...

    springMVC+dwr技术实现消息推送实例

    SpringMVC 和 DWR(Direct Web Remoting)是两种在Web开发中用于增强交互性的技术。SpringMVC作为Spring框架的一部分,主要用于构建后端服务,而DWR则是一种JavaScript库,允许JavaScript与Java服务器进行实时通信,...

    dwr1+dwr2+dwr3 jar包

    这个压缩包包含了DWR的三个主要版本:DWR1.0、DWR2.0和DWR3.0的jar包,这些jar包是运行DWR应用的核心组件。 DWR1.0: DWR1.0是DWR项目的早期版本,主要目标是简化Web应用中的异步通信。在这个版本中,DWR提供了一个...

    DWR3.0.jar、DWR.war和DWR2.0中文说明文档

    这个压缩包包含了DWR的三个关键组件:DWR3.0.jar,DWR的实例war文件,以及DWR2.0的中文说明文档。以下是关于这些组件的详细知识: 1. **DWR3.0.jar**: DWR3.0.jar是DWR框架的核心库,包含所有必需的类和接口,...

    使用dwr+spring实现消息推送

    在本教程中,我们将探讨如何利用Direct Web Remoting (DWR) 和Spring框架来实现这样的功能。 DWR是一个开源Java库,它允许Web应用程序在浏览器和服务器之间进行实时的、异步的通信,类似于Ajax的功能,但更加强大。...

Global site tag (gtag.js) - Google Analytics