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. HDU2433 最短路 + 剪枝优化

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2433 ,最短路(SPFA或优化过的Dijstra) + 剪枝优化 这道题关键还是在几个剪枝上面,没有剪 ...

  2. HDU5171 矩阵快速幂

    题目描述:http://acm.hdu.edu.cn/showproblem.php?pid=5171 算法: 可以先将数组a[]排序,然后序列 a1 , a2 , … , an 即为有序序列,则第一 ...

  3. mongodb 入坑

    一.安装mongodb https://www.mongodb.com/ 官网下载合适的版本,安装在C或者D盘,我选择的是默认路径C:\Program Files\MongoDB\Server\3.4 ...

  4. POJ 3469 Dual Core CPU(最小割模型的建立)

    分析: 这类问题的一遍描述,把一些对象分成两组,划分有一些代价,问最小代价.一般性的思路是, 把这两组看成是S点和T点,把划分的代价和割边的容量对应起来求最小割. 把S和可模版tem之间到达关系看作是 ...

  5. hdu-1875 畅通工程再续---MST

    题目链接: https://vjudge.net/problem/HDU-1875 题目大意: 相信大家都听说一个“百岛湖”的地方吧,百岛湖的居民生活在不同的小岛中,当他们想去其他的小岛时都要通过划小 ...

  6. 简析平衡树(三)——浅谈Splay

    前言 原本以为\(Treap\)已经很难了,学习了\(Splay\),我才知道,没有最难,只有更难.(强烈建议先去学一学\(Treap\)再来看这篇博客) 简介 \(Splay\)是平衡树中的一种,除 ...

  7. js 封装父页面子页面交互接口

    定义标准接口 Interface= {}; Interface.ParentWin = {}; Interface.ChildWin = {}; /** * 父页面提供的标准接口函数名称 */ Int ...

  8. CUDA:Supercomputing for the Masses (用于大量数据的超级计算)-第八节

    原文链接 第八节:利用CUDA函数库 Rob Farber 是西北太平洋国家实验室(Pacific Northwest National Laboratory)的高级科研人员.他在多个国家级的实验室进 ...

  9. sudo apt-get install ubuntu-desktop, Error: unable to locate package

    http://askubuntu.com/questions/130532/sudo-apt-get-install-ubuntu-desktop-error-unable-to-locate-pac ...

  10. 前端异常日志监控 - 使用Sentry

    背景 现在的前端项目越来越复杂,在不同的客户端会产生各种在开发人员机器上不会出现的问题.当用户报告一个问题给开发人员的时候,开发人员无法直接定位问题.在此前,听过一次鹅厂的前端人员,他们对QQ里面的网 ...