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上抽象的 ...

随机推荐

首次启动优美新手指引tip
在开发商业应用时候,用户第一次进入app,有种无从下手的感觉,我们作为开发人员要提供可用户一些指引, 这些指引不能让用户看着唐突,要舒服的展示给用户,带着用户愉快的使用我们的app. 怎么让用户舒服呢 ...
SpringMVC @ResponseBody 415错误处理
在查看下面部分内容之前,请先检查你的请求蚕食是否正确,如果全部正确,请继续往下看刚开始用SpringMVC, 页面要使用jQuery的ajax请求Controller. 但总是失败,主要表现为以下两 ...
在iOS7中改动状态栏字体的颜色
状态栏的字体为黑色:UIStatusBarStyleDefault 状态栏的字体为白色:UIStatusBarStyleLightContent 一.在info.plist中,将View contro ...
C++ Primer 学习笔记_44_STL实践与分析（18）--再谈迭代器【下】
STL实践与分析 --再谈迭代器[下] 三.反向迭代器[续:习题] //P355 习题11.19 int main() { vector<int> iVec; for (vector< ...
fragment android
在Eoe中看到了一个关于的详细讲解,相信对学Fragment 有帮助 android fragment基础与源码案例: Fragment动画效果 http://www.eoeandroid.co ...
C语言获取文件SHA1哈希
安全散列算法(Secure Hash Algorithm)主要适用于数字签名标准 (Digital Signature Standard DSS)它定义了数字签名算法(Digital Signatur ...
Linux下的下载工具介绍----aria2
ariac 项目地址:http://aria2.sourceforge.net/ 下载地址:http://sourceforge.net/projects/aria2/files/stable/ari ...
hdu 1395 2^x mod n = 1 暴力过~~最好学下欧拉定理~~~
2^x mod n = 1 Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Others) To ...
Google Map API V2密钥申请
之前用的都是v1,用的是MapView,好吧,仅仅能认命了.废话不再多说,開始android 的Google Maps Android API v2吧之前參考了http://www.cnblogs. ...
xml和json选择奖
xml&json战争,一般能够分离两个对立阵营.党的手感json足够强大以便能够替代xml.有一方感觉json滑稽丑陋,绝对没有和xml赛可能. 为了避免"拉仇恨"(我不是 ...

DWR入门实例(二)

DWR（Direct Web Remoting）

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

随机推荐

热门专题