DWR3.0入门教程,,DWR作为一个优秀的服务
分享于 点击 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/....模式的,一定要写对。
用户点评