DWR 2.0.10之简单测试

原创 2013年12月02日 19:26:56

1.官网下载 http://directwebremoting.org/dwr/downloads/index.html#stableRelease dwr.jar的java包

   http://commons.apache.org/proper/commons-logging/ 下载  Commons Logging.,因为dwr依赖日志jar包

 并将dwr.jar和commons-logging-1.1.3.jar添加到web工程的lib下面

2.在web.xml中添加如下配置代码,如下

<servlet>
  <display-name>DWR Servlet</display-name>
  <servlet-name>dwr-invoker</servlet-name>  
  <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  <init-param>
      <param-name>crossDomainSessionSecurity</param-name>
     <param-value>false</param-value>
  </init-param>
</servlet>

<servlet-mapping>
  <servlet-name>dwr-invoker</servlet-name>
  <url-pattern>/dwr/*</url-pattern>
</servlet-mapping>


在init-param中有一个属性为crossDomainSessionSecurity,默认为true,设为false的原因在于dwr采用的request使用了秘密的请求,为了防止csrf攻击,详情参看官网描述

  http://directwebremoting.org/dwr/security/script-tag-protection.html#scriptTagHack

3.在WEB-INF下面新建dwr的配置文件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 creator="new" javascript="DWRTestJava">
      <param name="class" value="com.undergrowth.dwrtest.DWRTest" />
    </create>
     <convert converter="bean" match="com.undergrowth.bean.Person" />
  </allow>
  <signatures>
  	<![CDATA[
  		import java.util.List;
  		import java.util.Map;
  	]]>
  </signatures>
</dwr>


在这里稍微注意一下 在官网上头部为

<!DOCTYPE dwr PUBLIC
    "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
    "http://getahead.org/dwr/dwr30.dtd">

这里改成如上 2.0 20因为 我们使用的dwr版本为2.0.10 不然会造成版本不匹配的问题

  对于dwr.xml的配置文件里面的涵义分别如下:

    create标签主要负责用于声明公开给javascript调用的类和方法

       如果在create标签里面没有指明公开的方法的话 默认公开所有方法

  convert标签指明了参数传递和返回值时,对应的javabean应该如何映射,对于java基本的数据类型还有数组、列表的话 dwr会自动在javascript和java类型之间转换(意思就是,如果在参数传递和返回值的时候没有javabean的话,可以不用convert标签)

4.编写java端代码,如下

DWRTest.java

package com.undergrowth.dwrtest;

import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import com.undergrowth.bean.Person;

public class DWRTest {
	
	public DWRTest(){}
	
	//传入参数 返回值
	public String dwrReturnString(String name)
	{
		return "你的姓名为:"+name;
	}
	
	//传入参数 返回列表
	public List<Person> dwrReturnList(String name)
	{
		Person person=new Person(name, new Date(), 20);
		List<Person>  list=new ArrayList<>();
		list.add(person);
		return list;
	}
	
	//传入参数 返回列表
		public Map<String,Person> dwrReturnMap(String name)
		{
			Person person=new Person(name, new Date(), 22);
			Map<String,Person> map=new HashMap<>();
			map.put("1", person); 
			return map;
		}
   //传入JavaBean 返回JavaBean
		public Person dwrReturnBean(Person p)
		{
			Person person=new Person(p.getName(), new Date(), p.getAge());
			return person;
		}
}


Person.java

package com.undergrowth.bean;

import java.util.Date;

public class Person {
	private String name;
	public String getName() {
		return name;
	}
	public void setName(String name) {
		this.name = name;
	}
	public Date getBirthday() {
		return birthday;
	}
	public void setBirthday(Date birthday) {
		this.birthday = birthday;
	}
	public int getAge() {
		return age;
	}
	public void setAge(int age) {
		this.age = age;
	}
	private Date birthday;
	private int age;
	public Person(String name, Date birthday, int age) {
		super();
		this.name = name;
		this.birthday = birthday;
		this.age = age;
	}
	public Person() {
		super();
	}
	
}


5.测试首页 index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="<%=basePath%>/dwr/interface/DWRTestJava.js"></script>
	<script type="text/javascript" src="<%=basePath%>/dwr/engine.js" ></script>
	<script type="text/javascript" src="<%=basePath%>/dwr/util.js" ></script>
	<script type="text/javascript">
	
	window.onload=init;
	function init()
	{
		document.getElementById("startId").innerHTML="开始dwr调用,路径为:<%=basePath%>";
		//调用返回字符串函数
		DWRTestJava.dwrReturnString("张三",callReturnFunc);
		//调用返回列表函数
		DWRTestJava.dwrReturnList("张三",callReturnFuncList);
		//调用返回map函数
		DWRTestJava.dwrReturnMap("张三",callReturnFuncMap);
		
		//传入javabean进行处理 再返回javabean
		var infoVo={
			name:"张三",
			age:100
		};
		DWRTestJava.dwrReturnBean(infoVo,callReturnFuncBean);
	}
	
	
		
		function callReturnFunc(data)
		{
			//document.getElementById("startId").innerHTML="开始dwr字符串调用调用";
			document.getElementById("contentId").innerHTML=data;
		}
	
	
		
		function callReturnFuncList(list)
		{
		var data="list总共有:"+list.length+"个元素,";
			for(var i=0;i<list.length;i++)
			{
			    var person=list[i];
				data+=person.name+" "+person.birthday+" "+person.age+"\n";
			}
		  document.getElementById("contentListId").innerHTML=data;	
		}
		
		function callReturnFuncMap(map)
		{
		var count=0;
		var data="";
			for(var i in map)
			{
			    var person=map[i];
				data+=person.name+" "+person.birthday+" "+person.age+"\n";
				count++;
			}
		  document.getElementById("contentMapId").innerHTML="map总共有:"+count+"个元素,"+data;	
		}
		
		function callReturnFuncBean(data)
		{
			document.getElementById("contentVoId").innerHTML=data.name+" "+data.birthday+" "+data.age;	
		}
		
	</script>
  </head>
  
  <body>
   <span id="startId"></span><br/>
    <span id="contentId"></span><br/>
    <span id="contentListId"></span><br/>
    <span id="contentMapId"></span><br/>
    <span id="contentVoId"></span><br/>
  </body>
</html>


6.结果

http://localhost:8080/DwrTest1/index.jsp

如下

 


 

版权声明:本文为博主原创文章,未经博主允许不得转载。

DWR的使用,配置,例子,详解整理

DWR的原理:在安装DWR时会在web.xml中配置一个servlet,这个servlet负责把前台的JS参数封装成JAVA,去调用你的JAVA类,然后将返回结果(JAVA类型)再翻译成JS生成到你的...
  • Shb_derek
  • Shb_derek
  • 2014年04月23日 17:40
  • 1560

DWR的简单应用

1.前言             什么是DWR?DWR是一个Java EE领域的Ajax框架,通过DWR的帮助,可以让开发者更简单地开发出Ajax应用。通过DR的帮助,开发者可以在浏览器的Java...
  • owen_william
  • owen_william
  • 2016年05月08日 17:09
  • 856

DWR实现服务器推 简单demo

本文目的: 利用开源DWR,实现客户端页面不用刷新就可以显示服务器发送过来的数据。这是一个jsp+tomcat+dwr的简单例子。具体的理论性知识参考dwr官网。 文章最后附带MyEclipse的源工...
  • u013074465
  • u013074465
  • 2015年12月08日 19:24
  • 3699

DWR框架搭建与使用

1、简介 DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代...
  • hu1991die
  • hu1991die
  • 2015年10月08日 16:56
  • 1637

DWR框架入门例子

DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站。它可以允许在浏览器里的代码使用运行在...
  • lxn39830435731415926
  • lxn39830435731415926
  • 2015年05月14日 22:28
  • 10309

使用DWR框架实现服务器推送Demo

1、新建web项目 2、导入jar包(commons-logging-1.2.jar、dwr3.0.jar) 3、配置web.xml,并在web.xml同目录下创建dwr.xml web.xml: ...
  • Dove_Knowledge
  • Dove_Knowledge
  • 2017年06月21日 17:46
  • 426

Maven--DWR入门配置

配置步骤: 1.在pom.xml中导入DWR包 org.directwebremoting dwr 3.0.0-RELEASE 2.设置web.xml在这个xml中加入相应的...
  • Javer_Lo
  • Javer_Lo
  • 2015年11月25日 15:58
  • 1544

struts2与dwr整合(初级)

项目需要用到Ajax,最开始本想用jQuery,最后权衡下选择了DWR。 这里说的是DWR整合SSH,其实DWR完全没有必要和Struts2结合,毕竟DWR需要返回的是Object,而Struts2...
  • qq_33774822
  • qq_33774822
  • 2016年08月17日 19:16
  • 1074

DWR的基本使用

介绍dwr的基本使用。
  • qq455276333
  • qq455276333
  • 2016年01月17日 21:34
  • 13452

菜鸟调错(四)——Spring与DWR集成,配置文件报错

背景简介: 该项目是市信用办的一个系统,之前好像是一个石家庄的公司负责的。我属于是半路接手。拿到源码后,根据他们给的简(shao)单(de)明(ke)了(lian)的说明把项目搭起来。结果可想而知,...
  • liushuijinger
  • liushuijinger
  • 2014年05月12日 15:56
  • 3246
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DWR 2.0.10之简单测试
举报原因:
原因补充:

(最多只允许输入30个字)