疯狂

STANDING ON THE SHOULDERS OF GIANTS
posts - 481, comments - 486, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

DWR学习及应用

Posted on 2007-11-25 20:31 疯狂 阅读(1840) 评论(0)  编辑  收藏

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函数调用过程
  

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>

    <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>
 

配置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 creator="new" javascript="test1">

      <param name="class" value="com.dwr.Test1"/>

    </create>

 </allow>

</dwr>
 

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

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

 

package com.dwr;

public class Test1 {

    public String sayHello(String name){

       return "你好,"+name;

    }

}
5、在JSP中的使用
 

<%@ page language="java" contentType="text/html; charset=GB18030"

    pageEncoding="GB18030"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GB18030">

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

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

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

<title>Insert title here</title>

<script type="text/javascript">

function sayHello(){

    test1.sayHello("李四ddd",

       function(data){

           alert(data);

       }

    );

}

</script>

</head>

<body>

<a href="#" onclick="sayHello()">Test1</a>

</body>

</html>
 

让我们简单看一下这个JSP文件:首先引入DWR中的两个核心javascript库:engine.jsutil.js,它们分别是dwr中的核心引擎库和辅助工具函数库!

 

   第三个引入的dwr/interface/test1.js,实际上这个文件并不存在,这是由dwr在运行的时候动态生成的!test1这个名称,跟dwr.xml文件中配置的对应对象的javascript属性一致!

而且,我们在使用的时候,直接使用test1这个名称,作为这个对象的引用。直接调用这个对象的方法:sayHello,这个方法的名称必须与JavaBean中的方法名称一致!

sayHello方法有一个参数,同时返回一个值。我们可以直接传递参数,同时指定一个javascript函数来处理这个返回值(如上例所示)。

如何传递参数

如果要调用的方法有参数,则将参数放在前面

如何处理返回值

定义一个函数来处理返回值,这个函数有一个参数,就是JavaBean方法的返回值


只有注册用户登录后才能发表评论。


网站导航: