首先导入项目所需要的包,如下:dwr.jar,commons-logging-1.0.4.jar,版本可以调整
1.web.xml
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://Java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" version="2.4" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"> <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> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>dwr-invoker</servlet-name> <url-pattern>/dwr/*</url-pattern> </servlet-mapping> </web-app>
2.DWRTest.java
package com.micro; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; @SuppressWarnings("unchecked") public class DWRTest { /** * 第一个简单调用 */ public String getStr() { return "第一个dwr示例,调用成功"; } /** * 带传递参数的调用,返回String */ public String getInfo(String name, int age, String address) { return "我的名字叫" + name + ",现年" + age + "岁," + "来自" + address; } /** * 返回数组Array */ public String[] getStrArray() { return new String[] { "one", "two", "three", "Go!" }; } /** * 返回集合List */ public List getList() { List list = new ArrayList(); list.add("welcome"); list.add("to"); list.add("BeiJing"); return list; } /** * 返回Map类型 */ public Map getMap() { Map map = new HashMap(); map.put("name", "周星星"); map.put("hobby", "逃课"); return map; } /** * 返回二维数组类型 */ public List getArrayList() { List list = new ArrayList(); list.add(new String[] { "1", "2", "3" }); list.add(new String[] { "one", "two", "three", "four", "five" }); return list; } /** * Exception处理 */ public List getListTest(List list) { try { list.get(0); } catch (Exception e) { throw new NullPointerException("数据位空"); } return list; } }
3.dwr.xml
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://getahead.org/dwr/dwr20.dtd"> <dwr> <allow> <!-- 调用不同的方法,返回不同的数据类型 --> <create JavaScript="dwr" creator="new"> <param name="class" value="com.micro.DWRTest" /> </create> <!-- 类型转换为JavaBean的处理 --> <create javascript="dwrBean" creator="new" scope="request"> <param name="class" value="com.micro.UserRs" /> </create> <convert match="com.micro.User" converter="bean"> <param name="include" value="name,pass" /> </convert> <!-- 异常Exception的处理 ,默认情况下dwr对异常的处理就是一个弹出框提示为Error--> <create javascript="dwrException" creator="new"> <param name="class" value="com.micro.DWRTest" /> </create> <convert match="java.lang.NullPointerException" converter="exception" /> </allow> </dwr>
4.mydwr.js
/** * 无参数 */ function invoke1(){ dwr.getStr( function(value){ alert(value); } ); } /** * 有参数 */ function invoke2(){ dwr.getInfo("长江七号",3,"火星", function(value){ alert(value); } ); } /** * 返回数组 */ function invoke3(){ dwr.getStrArray( function(array){ var str=""; for(var i=0;i<array.length;i++){ str += array[i]+" "; } alert(str); } ); } /** * 返回集合(集合和数组的处理方式一样) */ function invoke4(){ dwr.getList( function(list){ var str=""; for(var i=0;i<list.length;i++){ str += list[i]; } alert(str); } ); } /** * 返回Map */ function invoke5(){ dwr.getMap( //有如下两种处理方式 /*1)已知map的key*/ function(map){ alert("姓名:"+map.name+",爱好:"+map.hobby); } /*2).遍历的方式 function(map){ for(var key in map){ alert(key+":"+map[key]); } }*/ ); } /** * 返回数组的集合(二维数组) */ function invoke6(){ dwr.getArrayList( function(arrayList){ var str=""; for(var i=0;i<arrayList.length;i++){ for(var j=0;j<arrayList[i].length;j++){ str += arrayList[i][j]; } str+="\n\r"; } alert(str); } ); } /** * 同步设置 */ function invoke7(){ dwr.engine.setAsync(false);//设置同步,那么后续的方法才能按照顺序执行 invoke1(); invoke2(); } /** * 批处理batch(按照先后顺序执行) */ function invoke8(){ dwr.engine.beginBatch(); invoke1(); invoke2(); dwr.engine.endBatch(); }
5.index.jsp
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type='text/javascript' src='dwr/interface/dwr.js'></script> <script type="text/javascript" src="mydwr.js"></script> </head> <body> <input type="button" value="DRW1" onclick="invoke1()" /> <br /> <input type="button" value="DRW2" onclick="invoke2()" /> <br /> <input type="button" value="DRW3" onclick="invoke3()" /> <br /> <input type="button" value="DRW4" onclick="invoke4()" /> <br /> <input type="button" value="DRW5" onclick="invoke5()" /> <br /> <input type="button" value="DRW6" onclick="invoke6()" /> <br /> <input type="button" value="DRW7" onclick="invoke7()" /> <br /> <input type="button" value="批处理测试" onclick="invoke8()" /> </body> </html>
上述,index.jsp页面就对上述各种dwr的返回类型和批处理(batch)做了处理,做了简单的测试,Ok,测试通过,下面再介绍几个页面,
对dwr其他功能的一些简单测试:
6.异常处理:exception.jsp
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type='text/javascript' src='dwr/interface/dwrException.js'></script> <script type="text/javascript" src="mydwr.js"></script> <script type="text/javascript"> function convert(){ var list; dwrException.getListTest(list, { exceptionHandler:function(msg){ alert(msg); }, callback:function(data){ alert(data); } } ); } </script> </head> <body> <input type="button" value="异常测试" onclick="convert()"/> </body> </html>
7.dwr.util.getValue()调用,dwrfunc.jsp
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type='text/javascript' src='dwr/interface/dwr.js'></script> <script type="text/javascript" src="mydwr.js"></script> </head> <body> <input type="text" name="name" id="nameid" /> <br/> <input type="button" value="EL通过id取值" onclick="alert(${'nameid'}.value)" /> <br /> //如果要是有dwr.util提供的功能,必须引入dwr/util.js文件,dwr3之后,有写函数内写name或id都可以 <br/> <input type="button" value="dwr.util通过id" onclick="alert($('nameid').value)" /> <br /> <input type="button" value="dwr.util通过name" onclick="alert($('name').value)" /> <br /> <input type="button" value="dwr.util通过name/id" onclick="alert(dwr.util.getValue('name'))" /> <br /> </body> </html>
8.对JavaBean的传递和返回
User.java:
package com.micro; public class User { private String name;; private String pass; //get/set方法.... } UserRs.java: package com.micro; public class UserRs { public User convertUser(User user) { user.setName("admin"); user.setPass("123456"); return user; } }
bean.jsp:
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> <script type='text/javascript' src='dwr/interface/dwrBean.js'></script> <script type="text/javascript" src="mydwr.js"></script> <script type="text/javascript"> function convert(){ var uname = $("name").value; var upass = $("pass").value; var obj = {name:uname,pass:upass}; dwrBean.convertUser(obj,function(data){ $("uname").value = data.name; $("upass").value = data.pass; }); } </script> </head> <body> <input type="text" name="name" id="uname" value="you name"/><br/> <input type="text" name="pass" id="upass" value="your password"/><br/> <input type="button" value="测试处理" onclick="convert()"/> </body> </html>
这些,只是对dwr的简单应用,其中的配置都在dwr.xml中,大家可以举一反三,通常情况下,dwr和spring要结合使用,下面给出一个简单的配置说明:
比如:
<!-- 验证登陆名是否存在 -->
<create creator="spring" javascript="loginServiceDWR" scope="request">
<param name="beanName" value="coreLoginService" />
<include method="checkLogin" />
</create>
其中,creator="spring",表明由spring来创建该对象,javascript="loginServiceDWR",说明客户端的调用名称叫"loginServiceDWR",<param name="beanName" value="coreLoginService" />指明了spring配置文件中,id为"coreLoginService"的这么一个bean,<include method="checkLogin" />,对外公开的方法是"checkLogin" ,调用过程同上述其他类型调用相同,不同就是配置而已。上述代码,仅供参考。
注意:引入dwr的js文件的顺序不能错了,如:
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script type='text/javascript' src='dwr/interface/dwrBean.js'></script>
先引入dwr自身的,再引入自己的。
相关推荐
1、 导入dwr.jar包 2、 在web.xml中配置dwr,如下: <!-- 配置DWR --> <servlet-name>dwr-invoker org.directwebremoting.servlet.DwrServlet <init-param> <param-name>debug</param-name> ...
DWR.xml配置文件说明书 1、 建立dwr.xml 配置文件 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行,格式如下: <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" ...
该示例资源主要解决如下两个问题,其一就是解决SpringBoot集成DWR3.0.2-RELEASE版本,无配置文件快速简洁完成集成工作,省去dwr.xml等DWR框架初始化需要的配置文件;其二就是解决了集成后的SpringBoot项目在开发环境...
dwr包.rar dwr.jar engine.js util.js dwr-noncla.jar readme.txt JAR File: dwr.jar (1.08Mb) To DWR enable your web-app WAR File: dwr.war (4.62Mb) Demos/Examples of what DWR can do Sources: dwr-...
DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java...
dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架dwr 框架
本实例是在一些网络资料的基础上整合出来的一个:以后台向前台页面推送消息的一个完整实例工程,采用了spring、dwr反转,实现的是后台向前台不断推送消息,并管理相关用户退出;可以用在如定时任务的桌面消息提醒之...
DWR初学者专题,有详细笔记。 DWR很轻松就学会。 取得dwr的dwr.jar包和其他dwr所需的其他jar包 web.xml dwr.xml 任何一个dwr.xml的文件都需要包含DWR DOCTYPE的声明行,。。 有几个术语有必要理解,参数叫做...
dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;dwr包;
本书可以当作一本 DWR 完整的教程,也可以当作一本详细介绍 DWR 的“词典”,我 的目的只是通过本书,希望您能够了解一些 DWR 的基本知识、常用的用户界面组件、远程 方法调用等。并能够搭建 DWR 开发环境,实现 DWR...
dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档dwr中文文档
<dwr> </dwr> 标签中包括可以暴露给javascript访问的东西。 标签中指定javascript中可以访问的java类,并定义DWR应当如何获得要进行远程的类的实例。creator="new"属性指定java类实例的生成...
DWR的中文官方文档,以及V0.9的文档一共两份 在网站不容易找到合适的说明.这个包里是整合网站的dwr所有帮助信息下载下来的,因为时间缘故没有及时做成电子文档,希望有时间了在做一份. 如果还是看着不方便建议到...
DWR中文文档DWR中文文档DWR中文文档DWR中文文档DWR中文文档
DWR是一个Java开源库,帮助你实现Ajax网站。 它可以让你在浏览器中的Javascript代码调用Web服务器上的Java,就像在Java代码就在浏览器中一样。 DWR主要包括两部分: 在服务器上运行的Servlet来处理请求并把结果...
dwr 正版教程 第1章. DWR入门 1.1 简介 DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码,就像在Java代码就在浏览器中一样。 DWR包含2个主要...
DWR(Direct Web Remoting)是一个web远程调用框架,利用这个框架可以让AJAX变得很简单,通过DWR可以在客户端通过JavaScript直接调用服务器的Java方法并返回值给JavaScript,整个过程就好像通过本地客户端调用一样,...
dwr20.dtd
dwr笔记 dwr自学资料 dwr笔记 dwr自学资料 dwr笔记 dwr自学资料
DWR是是关于开发web2.0网站实现动态交互性,增强用户体验度的一个Ajax框架技术,本文档共10章,其内容依次为:第1章.DWR入门,含3小节;第2章.web.xml配置,含6小节;第3章.dwr.xml配置,含4小节;第4章.整合,含8小节;...