`
lucky520
  • 浏览: 35788 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

一个简单DWR入门实例

阅读更多

    今天学习了一下DWR(Direct Web Remoting),是Ajax一个开源框架,封装了Ajax一些底层用法,如XMLHttpRequest对象的创建,请求的发送以及响应。简单的说,DWR 是一个引擎,能够在javascript直接调用java类和方法。

现在来写个简单的入门的示例:
首先,需要下载dwr.jar(我下的是dwr2.0)和commons-logging.jar
新建一个web project,将dwr.jar和commons-logging.jar放入WEB-INF/lib下
接下来就是配置dwr了,那么如何配置呢?
1.修改web.xml,添加dwr映射配置

<servlet>   
<servlet-name>dwr-invoker</servlet-name> 
<servlet-class>uk.ltd.getahead.dwr.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> 

 添加debug参数,DWR默认这个参数值为false,如果选择true,我们可以通过http://${ip}:${port}/${app}/dwr看到你部署的每个DWR Class.并且可以测试java代码的每个方法是否运行正常。为了安全考虑,在正式环境下你一定把这个参数设为false。

2.添加一个dwr.xml

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" 
"http://www.getahead.ltd.uk/dwr/dwr20.dtd"> 
<dwr> 
<allow> 
<create creator="new" javascript="sayHelloTo" > 
<param name="class" value= "com.me.dwr.HelloWorld" /> 
<include method="sayHello"/> 
</create> 
</allow> 
</dwr> 

 配置说明:
<allow> 标签中包括可以暴露给 javascript 访问的东西。
<create> 标签中指定 javascript 中可以访问的 java 类,并定义 DWR远程调用类的实例。 creator="new" 属性指定 java 类实例的生成方式, new 意味着 DWR 应当调用类的默认构造函数来获得实例,其他的还有 spring 方式,通过与 IOC 容器 Spring 进行集成来获得实例等等。 javascript=" sayHelloTo" 属性指定 javascript代码访问对象时使用的名称。
<param> 标签指定要公开给 javascript 的 java 类名。
<include> 标签指定要公开给 javascript 的方法。不指定的话就公开所有方法。
<exclude> 标签指定要防止被访问的方法。

java类(定义了一个sayHello方法):

package com.me.dwr; 

public class HelloWorld { 
    public String sayHello(String name){ 
    return "hello,"+name; 
    } 
} 

 DWR可以通过2中dwr.xml配置在javascript中调用HelloWorld中的sayHello方法。
在javascript中调用之前,我们先来测试一下,我们dwr配置以及方法是否正确,我们发布工程,启动tomcat,在地址栏中输入http://${ip}:${port}/${app}/dwr(参考1中注解)
如果你看到Dwr Test Index页面说明你配置成功了。

那么在javascript中如何dwr中配置的类和方法呢?

<%@ page language="java" pageEncoding="gbk"%> 
<html> 
  <head>  
    <title>Dwr 调用测试</title> 
    <!--这里sayHelloTo.js 是通过dwr.xml中配置的create标签中javascript配置的值是一致的  --> 
    <script src='dwr/interface/sayHelloTo.js'></script> 
    <script src='dwr/engine.js'></script> 
    <script src='dwr/util.js'></script> 
    <script type="text/javascript"> 
      function btn_onClick(){ 
var username = document.myform.name.value; 
          //调用dwr.xml中配置的类方法,回调函数callback带有返回的结果集   
          sayHelloTo.sayHello(username,callback); 
      } 
      function callback(data){ 
            document.getElementById("info").innerText=data; 
      } 
    </script> 
  </head>  
  <body> 
    <form name="myform" method="post"> 
    <input type="text" id="name" name="name"/>    
    <input type="button" value="sayHello" onclick="btn_onClick()"/>    
    <div id="info"></div> 
    </form> 
  </body> 
</html> 

 
我在下面附件中给大家提供了dwr2.0.jar,commons-logging.jar。


 

  • dwr.jar (490.6 KB)
  • 下载次数: 95
分享到:
评论
2 楼 loveme1413 2011-05-31  
今天又学到了一点知识
1 楼 278506470 2008-10-16  

知识又有长进了,
 添加debug参数,DWR默认这个参数值为false,如果选择true,我们可以通过http://${ip}:${port}/${app}/dwr看到你部署的每个DWR Class.并且可以测试java代码的每个方法是否运行正常。为了安全考虑,在正式环境下你一定把这个参数设为false。 

没有看到这里,我还真不知道,这个debug还有这种功能。dwr很强,还得看看他的api了。

相关推荐

    dwr 入门实例,简单通俗易懂

    6. **实例详解**:"简单的实例"可能包括创建一个简单的页面,利用DWR调用后端的一个Java方法,该方法可能是从数据库获取数据并返回,然后在前端动态更新HTML元素显示这些数据。 7. **错误处理与调试**:学习如何...

    dwr简单 实例 入门

    接下来,我们来看一个简单的DWR入门实例: 1. **环境准备**:确保你的项目已经集成了Servlet容器(如Tomcat),并添加了DWR的依赖库到类路径。 2. **创建Java类**:首先,创建一个简单的Java类,例如`HelloWorld....

    dwr实例教程 很好的入门实例

    ### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR(Direct Web Remoting)是一种简化...无论是简单的登录验证还是复杂的菜单刷新功能,DWR都能很好地胜任,是学习和开发Web应用程序的一个非常实用的工具。

    dwr 入门实例

    Direct Web Remoting (DWR) 是一个开源的Java库,它允许JavaScript在浏览器端与服务器端的Java代码进行交互,从而实现动态Web应用程序。DWR简化了Ajax开发,使得前端和后端之间的通信变得简单而高效。这个"**dwr ...

    Ajax学习之dwr入门详细实例

    在本文中,我们将深入探讨DWR(Direct Web Remoting)技术,通过一个具体的入门实例来了解如何使用DWR与Ajax进行交互。DWR是一种开源Java库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行实时、双向...

    dwr的入门实例

    在“dwr的入门实例”中,我们将探索如何设置和使用DWR来创建一个简单的Ajax应用。这个实例可以帮助初学者理解DWR的工作原理和基本配置步骤,以便在实际项目中应用。 1. **安装与配置DWR** - 首先,你需要将DWR的...

    dwr实例 - dwr入门 本人开发的:小游戏 大家一起来赚钱

    DWR入门涉及以下几个关键知识点: 1. **配置DWR**:首先,你需要在项目中集成DWR,这通常包括在`web.xml`中配置DWR的Servlet,以及在项目的类路径下创建`dwr.xml`配置文件,用于声明暴露给JavaScript的Java类和方法...

    DWR入门教程及实例(含源代码)

    本教程“DWR入门教程及实例(含源代码)”旨在帮助初学者快速掌握DWR的基本概念和使用方法。教程内容可能包括以下几个核心知识点: 1. **DWR概述**:讲解DWR的基本理念,如何通过HTTP协议实现JavaScript与Java之间...

    DWR 入门实例

    这是写了个下拉框的例子,Java 开发人员与网页设计人员的桥梁 DWR,具有javascript和servlet共有的优点,方便客户端用户使用操作,

    dwr学习资料,dwr 2.0学习,dwr入门实例.rar

    DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器...

    dwr入门 dwr学习资料

    DWR的核心功能是提供了一个简单的方法来调用服务器上的Java方法,并将结果直接返回到客户端的JavaScript中。 本套DWR学习资料旨在帮助初学者快速掌握DWR的基本概念和使用技巧。通过实例和详细的说明,你可以系统地...

    DWR入门 (二)用户实例

    **DWR入门(二)用户实例** DWR(Direct Web Remoting)是一种开源JavaScript库,它允许在浏览器和服务器之间进行实时、双向通信,从而实现Web应用中的Ajax功能。DWR使得开发者能够像操作本地对象一样操作服务器端...

    dwr学习实例 初学者的宝

    通过“Dwr入门详细例子.doc”文档,初学者可以期待学习以下内容: 1. **安装与配置**:如何在项目中集成DWR,配置DWR的XML配置文件,以及在web.xml中设置必要的servlet。 2. **基本使用**:如何创建第一个DWR示例...

    dwr入门资料,简单入门,让你轻松掌握dwr

    8. **实例项目**:通过"**dwr小项目**",你将有机会实践DWR的使用,比如创建一个简单的Ajax应用,展示DWR如何实现动态数据更新、无刷新页面操作等。 9. **错误处理和调试**:学习如何调试DWR相关的JavaScript错误和...

    DWR入门demo

    10. **实例分析**:在"DWR入门demo"中,你可能会看到一个简单的例子,如创建一个计数器服务,客户端通过JavaScript调用服务器的增减方法,实时更新页面上的计数值。 通过深入学习和实践这个"DWR入门demo",你将能够...

    ajax的DWR框架入门例子

    DWR(Direct Web Remoting)是一个开放源码的JavaScript库,它使得在浏览器端与Java后端进行异步通信变得更加简单。DWR的核心功能是提供一种安全、高效的方法,允许JavaScript与服务器上的Java对象直接交互,类似于...

    DWR入门详解例子与说明,入门教程

    通过JavaScript,你可以创建一个DWR的实例,然后调用其方法。例如,`DWRUtil.useCSS("/dwr/css/dwr.css");`用于加载DWR的样式表,而`new YourServerClass().yourMethod(args);`则可以调用服务器上的`...

Global site tag (gtag.js) - Google Analytics