DWR搭建以及使用教程

 

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文件:

01 <servlet>
02   <servlet-name>dwr-invoker</servlet-name>
03   <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
04   <init-param>
05     <param-name>debug</param-name>
06     <param-value>true</param-value>
07   </init-param>
08 </servlet>
09   
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中定义的转换器映射到的具体类型,如:

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 (客户端)的交互方式。其基本格式如下:

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整合的例子:

  

01 <create creator="spring" javascript="backUpDocumentService">
02   <param name="beanName" value="testDWR1" />
03   <include method="modifyBackUpFiles"></include>
04   <include method="isSafeCodeRight"></include>
05 </create>
06   
07 <!-- 加include可以具体指定java类中关的方法,不加则默认类中全部为public的方法 -->     
08 <create creator="spring" javascript="testDWR2">
09   <param name="beanName" value="testDWR2" />
10 </create>

  spring配置文件

1 <bean id="testDWR1" class="com.test.testDWR1"></bean>
2 <bean id="testDWR2" class="com.test.testDWR2"></bean>

  3. 页面配置

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

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代码:

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

  java代码:

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代码,其代码为:

1 dwr.engine.setAsync(false);  //false为同步,true(默认)为异步

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

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

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

1 <convert converter="bean" match="com.example.Person"/>

DWR搭建以及使用教程的更多相关文章

  1. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)

    前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Trav ...

  2. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)

    前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...

  3. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  4. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置

    前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的 ...

  5. LAMP 搭建wordpress部署教程贴.

    LAMP 搭建wordpress部署教程贴.这是一篇主要将LAMP,并且通过wordpress来进行验证,演示.如何去部署PHP CMS很多新手看到LAMP就很很头大,觉得很难搞,编译安装,搞了好几天 ...

  6. 混合式app ionic2.x 手动搭建开发环境教程分享(nodejs,jdk,ant,androidsdk)

    1.ionic简介 为什么选用ionic: 彻底开源且免费 性能优异 基于红的发紫的AngularJs 漂亮的UI 强大的命令行(基于更热门的nodejs) 开发团队非常活跃 ngCordova,将主 ...

  7. 搬瓦工搭建SS的教程

    前言 作者写在前面的话: 应同学的要求在此分享搬瓦工搭建SS的教程,此教程只作为学习之用,因某些原因本教程不适合长期使用,在大家学习之后请删除所做的操作,谢谢. 为方便以后查看,请及时收藏:GitHu ...

  8. Xlight FTP搭建FTP服务器教程

    Xlight FTP搭建FTP服务器教程 1. 服务器公共设置 设置FTP 端口, ip 等 FTP 服务器公共的设定 2. 设定 FTP 用户, FTP 目录 等信息    备注: 这个用户是非Wi ...

  9. zookeeper集群环境搭建详细图文教程

    zookeeper集群环境搭建详细图文教程 zhoubang @ 2018-01-02 [文档大纲] 友情介绍 软件环境 注意点 环境安装 1. 新建用于存储安装包以及软件安装的目录 2. 下载安装z ...

随机推荐

  1. .Net创建Windows服务完成批量导出功能(错误速查)

    无法打开计算机“.”上的服务控制管理器.此操作可能需要其他特权. 无法将类型为“Microsoft.Office.Interop.Word.ApplicationClass”的 COM 对象强制转换为 ...

  2. linux命令 ——目录

    开始详细系统的学习linux常用命令,坚持每天一个命令,所以这个系列为每天一个linux命令.学习的主要参考资料为: 1.<鸟哥的linux私房菜> 2.http://codingstan ...

  3. Sql Server配置管理器与 Sql Server Management Studio

    起初只安装了Sql Server配置管理器,之后用Navicat连接,总是报错(命名管道提供程序: 无法打开与 SQL Server 的连接 [53]) (另记:Navicat的“主机名或IP地址:” ...

  4. js在一个div里面移动其子div

    var ChildDiv = $("#cid"); var width = 0; //鼠标点击子div的地方和子div的左边边距距离 var height = 0; //鼠标点击子 ...

  5. Luogu [P1334] 瑞瑞的木板(手写堆)

    其实这个题完全不需要用手写堆,只需要一遍遍sort就行了…… 但是! 为了练习手写堆,还是用手写堆做了. 在做本题之前,如果你没有什么思路的话,建议先做Luogu的合并果子. 好,假设你已经做过了合并 ...

  6. 黑马基础阶段测试题:创建Phone(手机)类,Phone类中包含以下内容:

    package com.swift; public class Phone { private String pinpai; private int dianliang; public String ...

  7. 驾考试题的json代码

    { "statusCode": "000000", "desc": "请求成功", "result" ...

  8. 五、MySQL 创建数据库

    MySQL 创建数据库 我们可以在登陆 MySQL 服务后,使用 create 命令创建数据库,语法如下: CREATE DATABASE 数据库名; 以下命令简单的演示了创建数据库的过程,数据名为 ...

  9. 3.Cisco Packet Tracer中关于交换机端口安全的设置

    本次实验将在这幅拓扑图的基础上完成 我们会对pc0在交换机上进行mac地址绑定,pc1访问时则交换机断开端口 1.为pc机配置ip地址 pc0:192.168.1.1 pc1:192.168.1.2 ...

  10. ES6箭头函数基本用法

    ES6箭头函数基本用法 ``` window.onload = function(){ alert(abc); } //箭头函数 window.onload = ()=>{ alert(&quo ...