欢迎访问悦橙教程(wld5.com),关注java教程。悦橙教程  java问答|  每日更新
页面导航 : > > 文章正文

DWR3.0入门教程,,DWR作为一个优秀的服务

来源: javaer 分享于  点击 29234 次 点评:139

DWR3.0入门教程,,DWR作为一个优秀的服务


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='${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">  //此函数中可以调用java类的方法,除了java方法本身的参数外,还要将回调函数名作为参数传给java方法  function sayHello(name){      Demo.getHello(name,dwrHandler);  }  //这是dwr的一个回调函数,data参数即java方法getHello(String name)的返回值  function dwrHandler(data){      alert(data);  }  </script>    </head>  <body>    <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/....模式的,一定要写对。

相关栏目:

用户点评