DWR学习及应用

最新推荐文章于 2021-02-24 16:42:28 发布

最新推荐文章于 2021-02-24 16:42:28 发布 · 171 阅读

文章标签：

#DWR #应用服务器 #JavaScript #Ajax #Servlet #ViewUI

dwr 专栏收录该内容

1 篇文章

订阅专栏

本文介绍 DWR 这一开源库的基本概念与应用场景，详细解释了如何通过 DWR 在浏览器中调用服务器端 Java 函数，并提供了从配置到实际部署的完整步骤。

DWR是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.
DWR允许使用客户端Javascript来与服务端Java程序进行交互，他实际上是帮助开发者隐藏了很多的开发细节。不用辛苦的去使用XMLHTTP，DWR是客户端－服务端的AJAX比较好的解决方案。

   它包含两个主要的部分:允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet(小应用程序)中获取数据.另外一方面一个JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动态改变网页的内容.
    DWR采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码.这样WEB开发人员就可以在JavaScript里使用Java代码就像它们是浏览器的本地代码(客户端代码)一样;但是Java代码运行在WEB服务器端而且可以自由访问WEB 服务器的资源.出于安全的理由,WEB开发者必须适当地配置哪些Java类可以安全的被外部使用.
     这个从JAVA到JavaScript的远程功能方法给DWR的用户带来非常像传统的RPC机制,就像RMI或者SOAP一样,而且拥有运行在WEB上但是不需要浏览器插件的好处.
    DWR不认为浏览器/WEB服务器协议是重要的,而更乐于保证编程界面的简单自然.对此最大的挑战就是把AJAX的异步特性和正常JAVA方法调用的同步特性相结合.在异步模式下,结果数据在开始调用之后的一段时间之后才可以被异步访问获取到.DWR允许WEB开发人员传递一个回调函数,来异步处理Java函数调用过程<shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"><span style="font-size: 10pt"> <span lang="EN-US" style="font-size: 12pt; font-family: 宋体; mso-bidi-font-family: 'Times New Roman'; mso-font-kerning: 1.0pt; mso-ansi-language: EN-US; mso-fareast-language: ZH-CN; mso-bidi-language: AR-SA"><shapetype id="_x0000_t75" stroked="f" filled="f" path="m@4@5l@4@11@9@11@9@5xe" o:preferrelative="t" o:spt="75" coordsize="21600,21600"> </shapetype></span></span></shapetype>

DWR Javascript库中常用函数的使用

设置异步/同步模式

默认情况下，DWR以异步的方式跟服务器通信，即可以同时向服务器发送请求，如果想要改为同步的方式，可以调用：dwr.engine.setAsync(false);

获得对某个页面元素对象的引用

$(“元素的ID或名称”)

对列表元素的支持

dwr.util.removeAllOptions()

dwr.util.addOptions()

dwr.util.getValue()

dwr.util.setValue()

Dwr的一个应用：

官方网址： http://getahead.org/dwr

下载dwr.jar，将其加入web-inf/lib目录

修改web.xml文件，添加DWRServlet的映射

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

<servlet-class>org.directwebremoting.servlet.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>
<stroke joinstyle="miter"></stroke><formulas><f eqn="if lineDrawn pixelLineWidth 0"></f><f eqn="sum @0 1 0"></f><f eqn="sum 0 0 @1"></f><f eqn="prod @2 1 2"></f><f eqn="prod @3 21600 pixelWidth"></f><f eqn="prod @3 21600 pixelHeight"></f><f eqn="sum @0 0 1"></f><f eqn="prod @6 1 2"></f><f eqn="prod @7 21600 pixelWidth"></f><f eqn="sum @8 21600 0"></f><f eqn="prod @7 21600 pixelHeight"></f><f eqn="sum @10 21600 0"></f></formulas><lock aspectratio="t" v:ext="edit"> </lock>

配置dwr，即在WEB-INF目录下，添加dwr.xml文件，让dwr知道在运行的时候应该给哪些JavaBean生成相应的javascript库！

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd">

<dwr>

<allow>

</create>

</allow>

</dwr>

这个配置的意思是，要创建的是Test1对象的javascript库，而且这个库的名字叫test1，同时，这也是我们在JSP页面上调用这个对象的时候所使用的名称，请看下面的JavaBean代码和JSP实例：

4、下面是Test1这个JavaBean的源代码：

package com.dwr;

public class Test1 {