当前位置: 代码迷 >> Web前端 >> dwr兑现简单的helloWorld
  详细解决方案

dwr兑现简单的helloWorld

热度:326   发布时间:2012-11-08 08:48:12.0
dwr实现简单的helloWorld

第一个DWR程序:Hello World
有2中方法可以帮助你入门DWR,一个方法是去下载WAR文件并且去完整看一下代码,但是这样并不能帮助你发现DWR是如何简单地集成到你当前地WEB应用,所以以下几个简单地步骤推荐看一下:

1.将DWR放入你的工程
1) 从官方网站下载dwr.jar包。然后将它放在你webapp的WEB-INF/lib目录下。(下载地址:http://directwebremoting.org/dwr/index.html)
2) 将下载的dwr-版本号-src.zip \java\org\directwebremoting内的engine.js和util.js放入WEB应用中,比如js文件夹下。

?

2.编辑配置文件

1. web.xml
以下几行代码必须被添加到WEN-INF/web.xml文件中。注意,要把<servlet>和其他<servlet>放在一起,<servlet-mapping>要和其他<servlet-mapping>放在一起

	<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>

?

?2.dwr.xml

?在web.xml的同一目录下,创建dwr.xml,并且将要被调用的java类写入其中。

?

 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd">
 <dwr>
    <allow> 
        <create creator="new" javascript="service">
            <param name="class" value="helloWorld.Service" />
        </create> 
    </allow>
 </dwr>

?

3.编写service

? 就像没有dwr一样,写一个简单类并加一个方法

?

package helloWorld;

public class Service {
	public String sayHello(String yourName) {
		// 可以是访问数据库的复杂代码
		return "Hello World " + yourName;
	}
}

?

?4.测试DWR

?将代码放入应用服务器(比如Tomcat),启动。
?然后在地址栏输入http://localhost:8080/你的工程/dwr



?
然后点击service,会看到刚才写的sayHello()的方法,输入自己的名字然后点击“Execute”,如果发现确实是正确的返回结果,说明测试通过了,可以进入下一步了



?

?

5 编写一个jsp

?接下来最后一步就是创建一个jsp文件 1) 要引用几个dwr的js,其中engine.js必须要,如果需要用到dwr提供的一些方便的工具要引用util.js 2) 然后还要引用dwr自动生成的js,dwr/interface/service.js,注意js名字要和dwr.xml配置的一样 3) js里的service.sayHello和java类的那个有一点区别,多了个参数,用来callback返回的数据

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
	<head>
		<title>dwr hellow World</title>
		<script type="text/javascript" src="dwr/util.js"></script>
		<script type="text/javascript" src="dwr/engine.js"></script>
		<script type="text/javascript" src="dwr/interface/service.js"></script>
		<script type="text/javascript">
			function firstDwr(){
				service.sayHello("Jorwen",callBackHello);
			}
			function callBackHello(data){
			   alert(data);
			}
		</script>
	</head>
	<body>
		<input type="button" name="button" value="测试" onclick="firstDwr()">
	</body>
</html>

?

地址栏输入http://localhost:8080/你的工程/first_dwr.jsp

显示的结果如下:



?
?

  相关解决方案