DWR的简单应用
来源:互联网 发布:邮政小包软件 编辑:程序博客网 时间:2024/05/16 17:29
1.前言
什么是DWR?DWR是一个Java EE领域的Ajax框架,通过DWR的帮助,可以让开发者更简单地开发出Ajax应用。通过DR的帮助,开发者可以在浏览器的JavaScript代码中调用远程的Java方法,就像这些Java方法就是在客户端定义一样。
DWR框架允许客户端JavaScript代码直接调用远程的Java方法,这种调用非常类似于WebService技术的RPC(RemoteProcedure Call,远程过程调用)调用,因此,DWR也被称为RPC风格的Ajax框架。
DWR框架主要包括如下两个部分。
1) 客户端有JavaScipt,这部分代码使客户端JavaScript可以直接调用远程服务器的Java方法。除此之外,DWR还提供了一些方便的工具函数来简化DOM操作。
2) 服务器上运行的Servlet负责处理用户请求,并将用户请求委托到实际Java对象进行处理,并负责把处理结果返回客户端。
基本原理是:当开发者直接调用远程Java方法时,DWR会负责将这种调用转换成对应的Ajax请求,并使用XMLHttpRequest将请求发送到远程服务端。当服务器处理完成后,DWR负责数据的传递和转换。
2.下载DWR文件
1) 登录http://directwebremoting.org/dwr/downloads站点,下载DWR文件。
1) 将上面解压路径中的WEB-INF\lib目录下的dwr.jar文件监制到Web应用的WEB-INF\lib下。
3.配置web.xml
成功安装DWR需要先修改web.xml文件,修改web.xml文件能保证特定请求被转发DWR的核心Servlet处理,而dwr.xml文件则负责定义Java类和JavaScript对象之间的对应关系。
<?xml version="1.0" encoding="GBK"?><web-app xmlns="http://java.sun.com/xml/ns/javaee"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://java.sun.com/xml/ns/javaeehttp://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5"><!-- 配置DWR的核心Servlet --><servlet><!-- 指定DWR核心Servlet的名字 --><servlet-name>dwr-invoker</servlet-name><!-- 指定DWR核心Servlet的实现类 --><servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class><!-- 指定DWR核心Servlet处于调试状态 --><init-param><param-name>debug</param-name><param-value>true</param-value></init-param></servlet><!-- 指定核心Servlet的URL映射 --><servlet-mapping><servlet-name>dwr-invoker</servlet-name><!-- 指定核心Servlet映射的URL --><url-pattern>/leedwr/*</url-pattern></servlet-mapping></web-app>
4.添加dwr.xml文件
1) 除此之外,还必须增加一个dwr.xml,该文件负责定义Java类和JavaScript对象之间对应关系。
<?xml version="1.0" encoding="GBK"?><!-- 指定DWR配置文件的DTD等信息 --><!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN""http://getahead.org/dwr/dwr30.dtd"><!-- DWR配置文件的根元素是dwr --><dwr><allow><!-- 使用new关键资创建一个Java实例指定创建的JavaScript对象名为hello--><create creator="new" javascript="hello"><!-- 使用class属性指定创建该Java实例的实现类 --><param name="class" value="com.owen.dwr.HelloDwr"/></create><!-- 对com.owen.dwr.domain.Person类使用Bean转换器 --><convert converter="bean" match="com.owen.dwr.domain.Person"/><!-- 对com.owen.dwr.domain.Cat使用Object转换器 --><convert converter="object" match="com.owen.dwr.domain.Cat"><!-- 指定force="true"强制使用反射访问私有属性 --><param name="force" value="true"/></convert></allow><signatures><![CDATA[import java.util.List;import com.owen.dwr.HelloDwr;import com.owen.dwr.domain.Person;HelloDwr.sendListNoGeneric(List<Person>);]]></signatures></dwr>
2) dwr.xml文件说明
a) 在上面的配置文件,最重要的元素就是<allow…/>元素,如果一个dwr.xml文件没有定义<allow…/>元素,或者<allow…/>元素为空,则DWR将什么都干不了。<allow…/>元素里常用的元素是<create…/>和<conert…/>,其中<create…/>用于定义如何将一个Java类转换成一个JavaScript对象,而<convert…/>定义如何完成Java对象和JavaScript对象之间的转换。
b) DWR使用反射来确定Java实例和JavaScript对象之间的转换。在时候,参数类型信息并不十分明确,或者参数是一个集合对象,而且没有使用泛型来限制集合元素的类型,这就需要在dwr.xml文件的<signatures…/>元素中明确指定这些类型。
5.创建对应的类
在dwr.xml的文件中,我们添加了几个类,所以这个时候,我们需要提供这些类。
1) Cat.java
/** *实体Cat * @author OwenWilliam 2016-5-8 * @version 1.0 */public class Cat{//Cat类的私有属性private String name;//构造器public Cat(String name){this.name = name;}}
2) Person.java
package com.owen.dwr.domain;/** *实体Person * @author OwenWilliam 2016-5-8 * @version 1.0 */public class Person{// 私有Fieldprivate String name;// 无参数的构造器public Person(){}// 初始化全部成员变量的构造器public Person(String name){this.name = name;}// name的setter和getter方法public void setName(String name){this.name = name;}public String getName(){return this.name;}}
3) HelloDwr.java
package com.owen.dwr;import java.util.*;import com.owen.dwr.domain.*;/** * @author OwenWilliam 2016-5-8 * @version 1.0 */public class HelloDwr{// 第一个简单的hello方法public String hello(String name){return name + ",您好!您已经开始了DWR的学习之旅,祝您学得开心...";}// 使用一个JavaBean作为参数的方法public String sendObj(Person p ){return p.getName() + ",您好!您已经学会了使用JavaBean参数...";}// 返回JavaBean实例的方法public Person getBean (String name){return new Person(name);}// 返回一个普通的Java对象,Cat对象为其属性提供setter和getter方法public Cat getObject(String name){return new Cat("服务器端" + name);}// 返回一个集合对象public List<Person> getPersonList(){List<Person> result = new ArrayList<Person>();result.add(new Person("集合aaaa"));result.add(new Person("集合bbbb"));result.add(new Person("集合cccc"));return result;}// 返回一个数组对象public Person[] getPersonArray(){Person[] result = new Person[3];result[0] = new Person("数组aaaa");result[1] = new Person("数组bbbb");result[2] = new Person("数组cccc");return result;}// 返回一个Map对象public Map<String, Person> getPersonMap(){// 创建一个Map对象Map<String, Person> result = new HashMap<String, Person>();// 填充Map对象的内容result.put("first" , new Person("Map aaaa"));result.put("second" , new Person("Map bbb"));result.put("third" , new Person("Map cccc"));// 返回Mapreturn result;}// 远程方法的参数是集合public String sendList(List<Person> pl){String result = "";for (Person p : pl){result += p.getName() + "<br />";}return result;}// 远程方法的参数是不带泛型的集合public String sendListNoGeneric(List pl){String result = "";for (Object p : pl){result += ((Person)p).getName() + "<br />";}return result;}// 远程方法的参数是集合public String sendMap(Map<String , Person> pmap){String result = "";for (String key : pmap.keySet()){result += "键" + key + " 其值为:" +pmap.get(key).getName() + "<br />";}return result;}}
6.创建JS文件
创建个js文件名字叫hellodwr.js,这个文件可以直接调用java类中的方法。像hello.hello(name, cb)调用就是直接调用。
// -------------发送简单字符串参数,返回普通字符串--------------function sendMessage(){// 获取页面中name元素的值var name = document.getElementById("name").value;// 调用远程方法,cb是回调函数hello.hello(name , cb)}function cb(data){document.getElementById("show").innerHTML = data;}// -----------发送一个JavaBean对象作为参数,返回普通字符串------------function sendObject(){var nameValue = document.getElementById("name").value;// 调用远程方法,使用JavaScript对象作为参数hello.sendObj({name:nameValue} , cb);}// ----------------调用返回JavaBean方法-----------------function getBean(){var name = document.getElementById("name").value;// 调用远程方法,beanCb是回调函数hello.getBean(name , beanCb)}function beanCb(data){// 服务器方法返回JavaBean对象,客户端的data是JavaScript对象document.getElementById("show").innerHTML = data.name + ",您好,您已经学会了使用JavaBean返回值";}// ----------------调用返回getObject方法---------------function getObject(){var name = document.getElementById("name").value;// 调用远程方法,objCb是回调函数hello.getObject(name , objCb)}function objCb(data){// 服务器方法返回非JavaBean式的对象,客户端的data是JavaScript对象document.getElementById("show").innerHTML = data.name + ",是从服务器返回的猫的名字";}// ---------------调用返回集合的方法--------------function getBeanList(){// 调用远程方法,listCb返回回调函数hello.getPersonList(listCb);}// 远程Java方法返回List对象,集合元素是JavaBean式的对象// 此处的data是JavaScript对象数组function listCb(data){var result='';// 遍历每个数组元素for (var i = 0 ; i < data.length ; i ++){result += data[i].name + "<br />";}document.getElementById("show").innerHTML = result;}// ---------------调用返回数组的方法--------------function getBeanArray(){hello.getPersonArray(arrayCb);}function arrayCb(data){var result = "";// 下面的data是远程Java方法的返回值,// data是个数组,遍历数组。for (var i = 0 ; i < data.length ; i ++){//依次访问数组元素,数组元素是JSON格式的对象,访问其name属性result += data[i].name + "<br />";}document.getElementById("show").innerHTML = result;}// ---------------调用返回Map对象的方法-------------function getBeanMap(){hello.getPersonMap(mapCb);}// 远程Java方法返回Map对象,集合元素是JavaBean式的对象// 此处的data是JavaScript对象,且每个属性值都是JavaScript对象function mapCb(data){var result='';for (var key in data){result += "键为" + key + ",其值为:" + data[key].name + "<br />";}document.getElementById("show").innerHTML = result;}// ---------------调用发送集合的方法-------------------function sendBeanList(){// 创建JavaScript数组var args = [{name:"客户端aaa"},{name:"客户端bbb"},{name:"客户端ccc"}];// Java方法需要List参数,以JavaScript数组作为参数调用远程方法hello.sendList(args , sendListCb);}function sendListCb(data){document.getElementById("show").innerHTML = data;}// ---------------调用发送无泛型限制的集合--------------------function sendBeanListNoGeneric(){// 创建JavaScript数组var args = [{name:"客户端aaa"},{name:"客户端bbb"},{name:"客户端ccc"}];// Java方法需要List参数,以JavaScript数组作为参数调用远程方法hello.sendListNoGeneric(args , sendListCb);}// ---------------调用发送Map的方法-------------------------function sendBeanMap(){// 创建JavaScript对象var args = {first:{name:"客户端aaa"},second:{name:"客户端bbb"},third:{name:"客户端ccc"}};// Java方法需要Map参数,以JavaScript对象作为参数调用远程方法hello.sendMap(args , sendMapCb);}function sendMapCb(data){document.getElementById("show").innerHTML = data;}
7.创建前端html的文件
html的文件就是要调用hellodwr.js中的方法。
<!DOCTYPE html><html><head><meta name="author" content="OwenWilliam" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title> DWR入门 </title><!-- 导入DWR引擎的核心JavaScript代码库 --><script type='text/javascript' src='leedwr/engine.js'></script><!-- 导入开发者为本应用编写的JavaScript代码库 --><script type='text/javascript' src='hellodwr.js'></script><!-- 导入DWR为hello对象动态生成的JavaScript代码库 --><script type='text/javascript' src='leedwr/interface/hello.js'></script></head><body><h3>DWR入门</h3>请输入您的名字<input id="name" name="name" type="text"/><br /><input type="button" value="发送简单请求" onclick="sendMessage();"/><input type="button" value="发送对象参数" onclick="sendObject();"/><input type="button" value="返回JavaBean" onclick="getBean();"/><br /><input type="button" value="返回Object" onclick="getObject();"/><input type="button" value="返回Bean集合" onclick="getBeanList();"/><input type="button" value="返回Bean数组" onclick="getBeanArray();"/><br /><input type="button" value="返回Bean Map" onclick="getBeanMap();"/><input type="button" value="发送Bean集合" onclick="sendBeanList();"/><input type="button" value="发送不带泛型限制的Bean集合"onclick="sendBeanListNoGeneric();"/><br /><input type="button" value="发送Bean Map" onclick="sendBeanMap();"/><hr />下面是服务器的回应:<br /><div id= "show"></div></body></html>
8.项目创建图
9.执行结果
源码下载:git@github.com:owenwilliam/HelloDWR.git
- DWR的简单应用
- DWR的简单应用
- dwr框架的简单应用
- dwr的介绍及简单应用
- dwr 网页推送的简单应用
- dwr简单应用
- dwr简单应用实例
- DWR简单应用
- Dwr是什么以及简单应用
- ajax框架DWR简单应用
- dwr 源码 dwr的简单实现 dwr简单示例
- dwr框架的应用
- dwr的应用
- dwr----简单的例子
- 简单的DWR?
- DWR的简单实现
- 简单的dwr例子
- 如此简单的dwr
- valgrind的使用、原理
- C++ fstream中seekg()和seekp()的用法
- Activity
- Android sdk update
- ROS(indigo)机器人操作系统学习有趣丰富的Gazebo仿真示例evarobot
- DWR的简单应用
- 空间换时间 - 珠心算测验
- [JAVA修炼之路十一]-java包Concurrent包-AQS锁的应用、优化、实践
- 关于机器学习中的规则化
- 框架
- RFID入坑初探——Mifare Classic card破解(一)
- fragment类中的点击事件空指针异常
- MySQL知识
- 如何实现edittext四周边框