`
jiaohuizhe
  • 浏览: 12608 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

DWR搭建以及使用教程

    博客分类:
  • WEB
 
阅读更多

转自http://blog.csdn.net/wangpeng047/article/details/6953307

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

  从DWR官网下载最新版本的jar包,地址:http://directwebremoting.org/dwr/downloads/index.html

  将jar包放入WEB-INF的lib文件夹下。同时,dwr依赖于commons-logging.jar这个包,所以必须将这个jar包也放入到WEB-INF的lib文件夹相爱。

  

  首先是配置dwr的环境:

  1. web.xml文件:

[html] view plaincopy
 
  1. <servlet>  
  2.   <servlet-name>dwr-invoker</servlet-name>  
  3.   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>  
  4.   <init-param>  
  5.     <param-name>debug</param-name>  
  6.     <param-value>true</param-value>  
  7.   </init-param>  
  8. </servlet>  
  9.   
  10. <servlet-mapping>  
  11.   <servlet-name>dwr-invoker</servlet-name>  
  12.   <url-pattern>/dwr/*</url-pattern>  
  13. </servlet-mapping>  

  2. 从官网的jar.war文件中利用winRAR等软件提取出dwr.xml文件,并将其放入到WEB-INF文件夹下。

  dwr.xml是dwr的核心配置文件,主要的标签有:<converter>、<convert>、<create>这三个标签。

  <converter>标签是dwr中内置的转换器。我们也可以使用自己写的转换器,不过dwr提供的转换器已经足够了,所以这个标签,一般不会自己去写。

  <convert>标签是将converter中定义的转换器映射到的具体类型,如:

[html] view plaincopy
 
  1. <converter id="date"class="org.directwebremoting.convert.DateConverter"/> <!-- 注册了 date 转换器 -->  
  2. <!-- 注意:converter标签必须放到<init>标签内,而convert是放在<allow>标签内,这里只是示例,并不是完整的dwr.xml -->  
  3. <convert converter="date"match="java.util.Date"/> <!-- 将注册的 date 转换器应用到 java.util.Date 类型 
  4.  -->  

  <create>标签是dwr中重要的标签,用来描述 java(服务器端) 与 javascript (客户端)的交互方式。其基本格式如下:

[html] view plaincopy
 
  1. <allow>  
  2.   <create creator="..." javascript="..." scope="...">  
  3.     <param name="..." value="..."/>  
  4.     <auth method="..." role="..."/>  
  5.     <exclude method="..."/>  
  6.     <include method="..."/>  
  7.   </create>  
  8.   ...  
  9. </allow>  

  其中,creator和javascript是必须属性,其他可以忽略。creator包含有以下几个值:

  new:Java用“new”关键字创造对象

  none:它不创建对象  (v1.1+)

  scripted:通过BSF使用脚本语言创建对象,例如BeanShell或Groovy

  spring:通过Spring框架访问Bean

  struts:使用Struts的FormBean  (v1.1+)

  jsf:使用JSF的Bean  (v1.1+)

  pageflow:访问Weblogic或Beehive的PageFlow  (v1.1+)

  ejb3:使用EJB3 session bean  (v2.0+)

  关于这几个属性如何使用,这里就不在详细阐述了。我只列出一个与spring整合的例子:

  

[html] view plaincopy
 
  1. <create creator="spring" javascript="backUpDocumentService">  
  2.   <param name="beanName" value="testDWR1" />  
  3.   <include method="modifyBackUpFiles"></include>  
  4.   <include method="isSafeCodeRight"></include>  
  5. </create>  
  6.   
  7. <!-- 加include可以具体指定java类中关的方法,不加则默认类中全部为public的方法 -->       
  8. <create creator="spring" javascript="testDWR2">  
  9.   <param name="beanName" value="testDWR2" />  
  10. </create>  

   spring配置文件

[html] view plaincopy
 
  1. <bean id="testDWR1" class="com.test.testDWR1"></bean>  
  2. <bean id="testDWR2" class="com.test.testDWR2"></bean>  

  3. 页面配置

  在jsp页面添加三个 js 文件,分别是

[html] view plaincopy
 
  1. <script type='text/javascript' src='js/util.js'></script>  
  2. <script type='text/javascript' src='js/engine.js'></script>  
  3. <script type='text/javascript' src='dwr/interface/testDWR1.js'>  

  其中engine.js必须要,如果需要用到dwr提供的一些方便的工具要引用util.js ,然后是dwr自动生成的js文件,名字必须和dwr.xml中create标签的javascript属性值一样,且是dwr/interface开头的目录

  4. 接下来就可以分别写javascript和java代码了。

  javascript代码:

[javascript] view plaincopy
 
  1. function testFun() {  
  2.     var name = "aaaaa";  
  3.     testDWR1.testFun(name, returnFun);  //调用java方法,第二个参数是回调函数  
  4. }function returnFun(data) {  //data对应着java方法的返回值  
  5.     alert(data);  
  6. }  

   java代码:

[java] view plaincopy
 
  1. package com.test;  
  2.   
  3. public class testDWR1 {  
  4.     public String test(String str) {  
  5.         str += "bbb";  
  6.         return str;  
  7.     }  
  8. }  

   5.  其他

  dwr可以设置是否采用异步方式访问java代码,其代码为:

[javascript] view plaincopy
 
  1. dwr.engine.setAsync(false);  //false为同步,true(默认)为异步  

  以及dwr对于异常的处理,这里我只列出个简单的全局性异常捕获,具体到针对某个方法的异常捕获,大家可以自己上网找找。

[javascript] view plaincopy
 
  1. dwr.engine.setErrorHandler(errh);  
  2. function errh(errorString, exception) {  
  3.     errorFlag = true;  
  4.     alert("操作失败!");  
  5. }  

  dwr同样支持参数为对象的方法,这需要在dwr.xml中配置下<convert>标签:

[html] view plaincopy
 
  1. <convert converter="bean" match="com.example.Person"/>  

  那么关于dwr我也只介绍到这里了,这基本就是dwr的基本内容了,可以满足普通的项目需求了。

  想进一步对于dwr的深入可以查询下相关文章或查看api,这里我就不再说的那么详细了。

转自http://blog.csdn.net/wangpeng047/article/details/6953307

分享到:
评论

相关推荐

    dwr3.0搭建与讲解

    在本教程中,我们将深入探讨DWR 3.0的搭建过程以及其基本概念。 ### 1. DWR 3.0 概述 DWR 3.0 是DWR项目的一个重要版本,它提供了改进的性能和更多的特性。DWR的核心理念是打破浏览器与服务器之间的障碍,使得...

    DWR与界面开发教程

    ### DWR与界面开发教程知识点概述 #### 一、DWR简介 DWR(Direct Web Remoting)是一种开源框架,它使得服务器端的Java对象能够像客户端JavaScript对象一样被调用,极大地简化了Ajax应用程序的开发。DWR通过提供一...

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

    ### dwr实例教程知识点解析 #### 一、DWR简介及功能特点 DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术框架。它能够使客户端的JavaScript代码直接调用服务器端的Java方法,实现数据的实时交互。与传统...

    DWR入门教程之HelloWorld

    在本“DWR入门教程之HelloWorld”中,我们将逐步学习如何搭建一个简单的DWR应用,体验其基本功能。首先,我们需要了解以下关键组件: 1. **配置DWR**: 在Web应用程序的`web.xml`文件中,我们需要添加DWR的Servlet...

    ssh dwr 整合配置ssh dwr 整合配置

    3. **配置DWR**:创建DWR的配置文件`dwr.xml`,在这个文件中,你需要指定哪些Java类或方法可以被前端访问,以及相应的安全策略。 4. **编写Java类和方法**:创建你需要暴露给前端的Java类,这些类通常包含业务逻辑...

    DWR教程+详细实例

    这个教程将引导你深入理解DWR的核心概念,并通过详细实例来帮助你掌握其使用。 首先,DWR的核心功能是允许前端JavaScript代码直接调用后端服务器上的Java方法,无需传统的HTTP请求。这种技术被称为远程方法调用...

    一个简单的dwr使用示例

    这个"一个简单的dwr使用示例"旨在为初学者提供一个基础的DWR应用搭建教程。 一、DWR简介 DWR的核心功能是提供了动态的JavaScript到Java的调用,使得前端开发者可以在不刷新页面的情况下更新部分网页内容,提升用户...

    DWR中文文档和dwr.jar包

    本书的读者必须有一定的Jsp,JavaScript,应用服务器(比如Tomcat)的基础和使用经验,否则请在看此教程前先去了解一下。当然附录里有一些JavaScript的教程。 本书可以当作一本DWR完整的教程,也可以当作一本详细...

    ajax-dwr中文使用手册

    本书可以当作一本DWR完整的教程,也可以当作一本详细介绍DWR的“词典”,我的目的只是通过本书,希望您能够了解一些DWR的基本知识、常用的用户界面组件、远程方法调用等。并能够搭建DWR开发环境,实现DWR的快速开发...

    dwr练习实例(各种数据转换list,map,数组等)

    Direct Web Remoting (DWR) 是一个开源的Java库,它...通过实际操作,你可以更深入地了解DWR如何在Java和JavaScript之间搭建动态通信的桥梁,以及如何有效地传递和转换数据,从而在开发富互联网应用时更加得心应手。

    Spring+Struts+Hibernate+DWR集成教程.rar

    《Spring+Struts+Hibernate+DWR集成教程》是由知名技术博主saivicky精心制作的一份集成开发教程,旨在帮助开发者全面理解并掌握这四大框架的整合应用。本教程涵盖了Web开发中的MVC架构、持久层管理、远程调用等多个...

    第一个DWR程序

    通常,这样的教程会包括安装DWR库,配置DWR的`dwr.xml`文件,创建Java类以暴露方法,以及在HTML页面中使用DWR的JavaScript API调用这些方法。 **标签:“源码”和“工具”** 这两个标签暗示了内容可能包含实际的源...

    J2EE的ajax的DWR框架视频

    7. **性能优化与调试技巧**: 如何优化DWR的性能,以及使用DWR的调试工具。 通过学习这个“J2EE的ajax的DWR框架视频”,开发者可以深入了解DWR的工作机制,掌握如何在实际项目中有效地使用DWR框架,提升Web应用的...

    DWR学习资料+PPT

    3. **使用DWR**:解释如何创建Java类并暴露为远程方法,以及如何在JavaScript中调用这些方法。 4. **安全与优化**:讨论DWR的安全特性,如CSP(Content Security Policy)和防止跨站脚本攻击(XSS),以及如何优化...

    DWR与界面开发.rar

    `DWR与界面开发`文件可能是包含详细教程、示例代码或者案例研究的文档,专门介绍如何使用DWR来开发用户界面。这个文件可能会涵盖以下关键知识点: 1. **DWR基本概念**:解释DWR的工作原理,包括AJAX(Asynchronous ...

    DWR中文文档

    本书的读者必须有一定的Jsp,JavaScript,应用服务器(比如Tomcat)的基础和使用经验,否则请在看此教程前先去了解一下。当然附录里有一些JavaScript的教程。 本书可以当作一本DWR完整的教程,也可以当作一本详细...

    dwr 入门学习资料

    - 搭建环境:配置一个简单的DWR项目,体验其工作流程。 - 编写实例:动手编写一个从服务器获取数据并显示在网页上的简单应用。 - 进阶学习:探索DWR的高级特性,如异步调用、事件监听等。 通过深入学习和实践,...

Global site tag (gtag.js) - Google Analytics