作者在 2008-04-11 10:21:35 发布以下内容
昨天第一次开始看Dwr。资料好像不太多,于是就直接去官网,想边看例子边学。但是我按照官网上的那个来写,发现运行不了。后来找了些其他的资料,发现官网的例子没有写全。于是结合其他的资料在这里介绍一个简单的例子。
首先,去http://getahead.org/dwr/下载dwr.jar包,放在你的项目的/WEB-INF/lib下面。
1. web.xml:
注意啊,url-pattern里面一定要照着/dwr/*来写,不然运行不了的。我以为写成*.*这种都可以的,但事实证明无法运行。
2. 新建一个文件dwr.xml, 跟web.xml放在同一个目录下:
这里面其实就是我们要用到的Java类,名字叫Demo。这个文件的作用就是可以将我们要用到的Java类转化成一个Javascript对象供我们在页面中使用。
3. Demo.java
首先要说的是,这个页面文件直接放在根目录下面就可以了,不用你新建一个dwr文件夹再将页面文件放到这个文件夹下面。这里跟我们平常所熟悉的url-pattern有点不同。注意,在这个例子中,开头声明要引入的三个文件是必需的!官网上的例子中就没有引入这些文件,所以怎么也运行不出来。这里官网有点没有说清楚,因为它这个例子之前的准备工作是放在另一节里面讲的,例子里面并没有讲。但是如果只看这个例子的话是无法运行出来的。还有就是dwr/interface/Demo.js,刚开始的时候我也不清楚为什么要导入这个文件,因为我根本就没有写过这个。不过应该是跟那个Demo类有关的,大概会自动生成吧。
在页面文件的javascript代码中,我们先通过dwr.util.getValue来得到Id为demoName的值,然后调用Demo类中的sayHello方法,最后再通过setValue方法来返回给demoReply这个Id来显示结果。
首先,去http://getahead.org/dwr/下载dwr.jar包,放在你的项目的/WEB-INF/lib下面。
1. web.xml:
<?
xml version="1.0" encoding="UTF-8"?><
web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 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>uk.ltd.getahead.dwr.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></
web-app>注意啊,url-pattern里面一定要照着/dwr/*来写,不然运行不了的。我以为写成*.*这种都可以的,但事实证明无法运行。
2. 新建一个文件dwr.xml, 跟web.xml放在同一个目录下:
<?
xml version="1.0" encoding="UTF-8"?><!
DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd"><
dwr><
allow> <create creator="new" javascript="Demo"> <param name="class" value="src.Demo"/> </create></
allow></
dwr>这里面其实就是我们要用到的Java类,名字叫Demo。这个文件的作用就是可以将我们要用到的Java类转化成一个Javascript对象供我们在页面中使用。
3. Demo.java
package
src;public
class Demo { public String sayHello(String name) { return "Hello, " + name;}
}
这个类的作用很简单,就是返回“Hello”和你在页面输入的字符串。
4. demo.html
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><
html><
head><
meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"><
title>Text Demo</title><
script src='dwr/interface/Demo.js'></script><
script src='dwr/engine.js'></script><
script type='text/javascript' src='dwr/util.js'></script><
script>function
update() {var
name = dwr.util.getValue("demoName");Demo.sayHello(name,
function(data) { dwr.util.setValue("demoReply", data); });}
</
script></
head><
body><
p>Name:
<input type="text" id="demoName"/> <input value="Send" type="button" onclick="update()"/> <br/>Reply:
<span id="demoReply"></span></
p></
body></
html>首先要说的是,这个页面文件直接放在根目录下面就可以了,不用你新建一个dwr文件夹再将页面文件放到这个文件夹下面。这里跟我们平常所熟悉的url-pattern有点不同。注意,在这个例子中,开头声明要引入的三个文件是必需的!官网上的例子中就没有引入这些文件,所以怎么也运行不出来。这里官网有点没有说清楚,因为它这个例子之前的准备工作是放在另一节里面讲的,例子里面并没有讲。但是如果只看这个例子的话是无法运行出来的。还有就是dwr/interface/Demo.js,刚开始的时候我也不清楚为什么要导入这个文件,因为我根本就没有写过这个。不过应该是跟那个Demo类有关的,大概会自动生成吧。
在页面文件的javascript代码中,我们先通过dwr.util.getValue来得到Id为demoName的值,然后调用Demo类中的sayHello方法,最后再通过setValue方法来返回给demoReply这个Id来显示结果。