DWR3.0 Hello World

huibin

浏览: 761640 次
性别:
来自: 郑州

最近访客更多访客>>

y6cn

allen900625

dameimm

cntip2010

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

DWR作为一个优秀的服务器端ajax框架。特点是非常突出的。3.0版又增加了一些新的功能。值得肯定！

在应用中使用dwr其实是非常简单的。下面以一个极简单的步骤来展现它的简单性和实用性：

一、给应用增加对dwr的支持
1、将dwr.jar包放入应用的lib包下
2、配置web.xml

  <!-- 加入dwr的支持 -->
  <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>

3、配置dwr.xml
在web.xml同目录下配置一个dwr.xml文件。它的作用有点类似spring的applicationContext.xml。主要是将所有需要在页面由脚本程序调用的java类配置进去。如：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN" "http://getahead.org/dwr/dwr30.dtd">

<dwr>

  <allow>
<!--dwr3提供的一个日志审核过滤器-->
    <filter class="org.directwebremoting.filter.AuditLogAjaxFilter"/>

<!--这是我配置的一个演示类，javascript="Demo" 表示，我可以在页面中用Demo这个名称指向DwrDemo这个java类，类中的方法可以在前台调用-->
    <create creator="new" javascript="Demo">
      <param name="class" value="cn.ibeans.demo.dwr.DwrDemo"/>
    </create>


    <!-- this is a bad idea for live, but can be useful in testing -->
    <convert converter="exception" match="java.lang.Exception"/>
    <convert converter="bean" match="java.lang.StackTraceElement"/>

  </allow>

</dwr>

二、添加java类（被配置到dwr.xml中）
DwrDemo.java:

package cn.ibeans.demo.dwr;

public class DwrDemo {
	public String getHello(String name){
		return name+" 你好！";
	}
}

三、前台页面中使用dwr
dwr.jsp:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Dwr Demo</title>
	<script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/${pageContext.request.contextPath}/dwr/engine.js'> </script>
	<script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/${pageContext.request.contextPath}/dwr/util.js'> </script>
	<script type='text/javascript' src='http://yangchao20020.blog.163.com/blog/${pageContext.request.contextPath}/dwr/interface/Demo.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>&nbsp; 
<h1>Hello World!</h1>
<script type="text/javascript">
sayHello("张三");
</script>
</body>
</html>

注：jsp文件中必须引入几个js,它们都是隐含存在的，不用考虑它们在哪儿。其中engine.js和util.js是固定的。另外的一个js的名称就是dwr.xml中配置的类名。这些js的路径基本是：app_root/dwr/....模式的，一定要写对。

分享到：