DWR（Direct Web Remoting）

DWR is a Java library that enables Java on the server and JavaScript in a browser to interact and call each other as simply as possible.

Dwr能让在server端的java代码和浏览器client的javascript代码尽可能简单的相互调用。

DWR is Easy Ajax for Java!

官网：http://directwebremoting.org/dwr/index.html

一、环境搭建

1. 新建webproject。

2. 从官网下载dwr3.0 rc2，也是当前最新版本号，并引入类路径。

3. dwr依赖于logging.jar，也须要引入类路径以下。

4. 配置web.xml例如以下：

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

5. 新建一个java类。代码例如以下：

package com.yokoboy.dwr.service;

public class DwrDemo {

    public String getHello(String name) {

        return name + " 你好！";

    }

}

6. 在web.xml 同文件夹以下新建dwr.xml，代码例如以下：

<?xml version="1.0" encoding="UTF-8"?>

<dwr>

    <allow>

        <!--配置的一个演示类，javascript="Demo" 表示能够在页面中用Demo这个名称指向DwrDemo这个java类，类中的方法能够在前台调用 -->

        <!-- creater="new"表示每调用一次时,都须要new一个 -->

        <create creator="new" javascript="Demo">

            <param name="class" value="com.yokoboy.dwr.service.DwrDemo" />

        </create>

        <!-- java类库类 -->

        <create creator="new" javascript="MyDate">

            <param name="class" value="java.util.Date" />

        </create>

        <!-- 測试阶段使用，运营阶段不要使用 -->

        <!-- convert元素用于数据类型转换，即java类和javascript之间相互转换 -->

        <convert converter="exception" match="java.lang.Exception" />

        <convert converter="bean" match="java.lang.StackTraceElement" />

    </allow>

</dwr>

6. 新建MyDwr.jsp文件，代码例如以下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://"

            + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<!DOCTYPE HTML>

<html>

<head>

<base href="<%=basePath%>">

<title>Dwr Demo</title>

<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>

<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'></script>

<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/Demo.js'></script>

<script type='text/javascript' src='${pageContext.request.contextPath}/js/jquery1.8.js'></script>

<script type="text/javascript">

    //此函数中能够调用java类的方法。除了java方法本身的參数外，还要将回调函数名作为參数传给java方法

    function sayHello(name) {

        Demo.getHello(name, dwrHandler);

    }

    //这是dwr的一个回调函数，data參数即java方法getHello(String name)的返回值

    function dwrHandler(data) {

        alert(data);

    }

</script>

</head>

<body>

    <input>

    <button onclick="sayHello($('input').val());">提交</button>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

    String path = request.getContextPath();

    String basePath = request.getScheme() + "://"

            + request.getServerName() + ":" + request.getServerPort()

            + path + "/";

%>

<!DOCTYPE HTML>

<html>

<head>

<base href="<%=basePath%>">

<title>Dwr Demo</title>

<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/engine.js'></script>

<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/util.js'></script>

<script type='text/javascript' src='${pageContext.request.contextPath}/dwr/interface/Demo.js'></script>

<script type='text/javascript' src='${pageContext.request.contextPath}/js/jquery1.8.js'></script>

<script type="text/javascript">

    //此函数中能够调用java类的方法，除了java方法本身的參数外，还要将回调函数名作为參数传给java方法

    function sayHello(name) {

        Demo.getHello(name, dwrHandler);

    }

    //这是dwr的一个回调函数，data參数即java方法getHello(String name)的返回值

    function dwrHandler(data) {

        alert(data);

    }

</script>

</head>

<body>

    <input>

    <button onclick="sayHello($('input').val());">提交</button>

</body>

</html>

当中用到了jquery，须要自行导入。

公布站点，訪问MyDwr.jsp就可以查看效果！

二、说明

1. 查看jsp源码。最上面引入了几个js文件，实际上是不存在的。不用考虑它们在哪儿。

2. 当中engine.js和util.js是固定的。另外的一个js的名称就是dwr.xml中配置的类名。

　这些js的路径基本是：app_root/dwr/....模式的，一定要写对。

3. 訪问 “app_root/dwr” ，这是dwr本身提供了一个測试环境，能够直接运行server端函数中的方法。

当中MyDate里面的函数是java.util.Date类里面的方法。

4. 打开web.xml 文件。

里面配置了一个servlet，“url-pattern”配置的是“/dwr/*”,所以拦截全部已dwr开头的请求。

url-pattern”假设改成了/ddd/*。页面中都需吧dwr该成ddd

5. 再看dwr.xml文件（这个文件名称不能改。必须是dwr）。里面“create了两个javascript”，再看源码中。确实使用Demo作为实例来引用　　 com.yokoboy.dwr.service.DwrDemo里面的方法。

DWR入门实例(二)的更多相关文章

Eclipse插件开发_学习_02_GEF入门实例
一.前言这一节,我们将会创建一个GEF入门实例二.新建RCP项目 1. New 一个 Plug-in Project 2.输入项目名项目名:com.ray.gef.helloworld 3.Co ...
mybatis 详解（二）------入门实例（基于XML）
通过上一小节,mybatis 和 jdbc 的区别:http://www.cnblogs.com/ysocean/p/7271600.html,我们对 mybatis有了一个大致的了解,下面我们通过一 ...
无废话ExtJs 入门教程二十一[继承：Extend]
无废话ExtJs 入门教程二十一[继承:Extend] extjs技术交流,欢迎加群(201926085) 在开发中,我们在使用视图组件时,经常要设置宽度,高度,标题等属性.而这些属性可以通过“继承” ...
Omnet++ 4.0 入门实例教程
http://blog.sina.com.cn/s/blog_8a2bb17d01018npf.html 在网上找到的一个讲解omnet++的实例, 是4.0下面实现的. 我在4.2上试了试,可以用. ...
CMake入门（二）
CMake入门(二) 最后更新日期:2014-04-25 by kagula 阅读前提:<CMake入门(一)>.Linux的基本操作环境: Windows 8.1 64bit英文版.V ...
Asp.Net MVC2.0 Url 路由入门---实例篇
本篇主要讲述Routing组件的作用,以及举几个实例来学习Asp.Net MVC2.0 Url路由技术. 接着上一篇开始讲,我们在Global.asax中注册一条路由后,我们的请求是怎么转到相应的Vi ...
Bootstrap入门（二十八）JS插件5：工具提醒
Bootstrap入门(二十八)JS插件5:工具提醒工具提示在使用过程中比较常见,但是实现起来有些麻烦,而bootstrap则很好地解决了这个问题. 我们来写一个简单的实例先引入CSS文件和JS文 ...
Bootstrap入门（二十三）JS插件1：模态框
Bootstrap入门(二十三)JS插件1:模态框 1.静态实例 2.动态实例 3.模态框的尺寸和效果 4.包含表单的模态框模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能 ...
Apache Mina入门实例
一.mina是啥 ApacheMINA是一个网络应用程序框架,用来帮助用户简单地开发高性能和高可扩展性的网络应用程序.它提供了一个通过Java NIO在不同的传输例如TCP/IP和UDP/IP上抽象的 ...

随机推荐

Codeforces Round #253 DIV1 C 馋
http://codeforces.com/contest/442/problem/C 题意非常easy,基本上肯定有坑坑洼洼的样子.看题目案例,从第三个跟第二个没有凹的案例来看的话,多写几个以及多画 ...
记得有一个奇怪的ORA-04028: cannot generate diana for object
开发商称新一package,目前已经在翻译过程中的一些错误.提示PL/SQL:ORA-00942: table or view does not exists.这是一个非常明显的错误,即要么是表不存在 ...
Linux php/php-fpm 安装，配置
1> 下载php源代码 #wget http://cn2.php.net/get/php-5.4.30.tar.gz/from/this/mirror 官网5.2的版本号貌似没提供 ...
IOS开发应用
IOS开发应用我的第一个IOS开发应用 1. 需求描述 2. 开发环境介绍 3. 创建一个工程 4. 工程配置介绍 5. 目录结构介绍 6. 界面设置 7. 关联输入输出 8. 关联事件代码 9. ...
八月份 CUGBACM_Summer_Tranning 题解
CUGBACM_Summer_Tranning4 比赛链接:http://vjudge.net/contest/view.action?cid=52230#overview 题解链接: F . HDU ...
html网页特殊符号代码
HTML特殊字符编码大全:往网页中输入特殊字符,需在html代码中加入以&开头的字母组合或以&#开头的数字.下面就是以字母或数字表示的特殊符号大全. ...
《5》CentOS7.0+OpenStack+kvm云平台的部署—组态Horizon
感谢朋友支持本博客,欢迎共同探讨交流,因为能力和时间有限,错误之处在所难免,欢迎指正! 假设转载.请保留作者信息. 博客地址:http://blog.csdn.net/qq_21398167 原博文地 ...
linux下Ftp环境的搭建
Ftp环境的搭建 1.ftp软件的安装使用ssh远程连接linux系统,上传和下载一些文件,Ftp是不可少的 Ftp的安装很简单,远程登录系统后使用命令 yum list vsftpd 通过提示 ...
Oracle SQL Lesson (8) - 使用集合操作符(Union,Intersect,Minus)
集合操作符UNION/UNION ALLINTERSECTMINUS Union All不排序,不去重,其余均升序且去重.create table e1 as select * from emp wh ...
Unity--关于优化方面的那些事儿（一）
近期做一个小项目,要求包的大小不能超过30M. 晚上做了个小实验,方法的确非常本,只是曾经非常多没懂的地方如今清晰了很多,我是菜鸟!希望本文章对大家有帮助,谢谢! 实验结果: 实验结果: 1.场景中仅 ...

DWR入门实例(二)

DWR（Direct Web Remoting）

DWR入门实例(二)的更多相关文章

随机推荐

热门专题