dwr简单入门使用(入门)

我的web 项目目录:
dwr简单入门使用(入门)

 

步骤:

 

 1.创建一个web 项目:
2.在lib 下 放置  dwr.jar
3.将 util.js  和 engine.js放到 WebRoot  目录下 (这里可以放的 js要在jsp 页面引用 注意 引用时路径问题{这里有个小技巧 怎么才知道路径是正确的  后边 会提到})

 

4.5两步骤的 配置文件均可子啊dwr.jar包 下找到模板


4. 在web.xml 配置使用 dwr

<?xml version="1.0" encoding="UTF-8"?>
<web-app 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>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>
  
  <welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
  </welcome-file-list>
</web-app>

 

5.在web.xml同一目录下 创建 一个新的 dwr.xml

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

<dwr>
	<allow>
		<create javascript="service"  creator="new">
			<param name="class" value="com.zx.libin.HelloWord"></param>
		</create>
	</allow>
</dwr>

 注意这的value 是你的类的完整路径;

 

6.看一下 我们要用的类:

package com.zx.libin;

public class HelloWord {
	public String sayHello(String name){
		
		return "your name  is : "+name;
	}
}

 

 

 

7. 完成测试:

将 这个web项目发布,启动服务(我是用的是tomcat6.x) ,在浏览器地址栏输入:
http://localhost:8080/dwr/dwr/http://localhost:8080/你的web项目名/dwr/

 

出现 下图:


dwr简单入门使用(入门)
 
点击service 进入:你会看到 自己的方法:


dwr简单入门使用(入门)
 

 

经过上面的测试:你的dwr 已经可以成功运行了;

下边我们俩写一个jsp:

dwr.jsp

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>dwr.jsp</title>
	<script type='text/javascript' src='/dwr/dwr/interface/service.js'></script>

(注意这里的路径问题最好 使用 图片2 中的方式  粘过来)
  <script type='text/javascript' src='/dwr/dwr/engine.js'></script>
  <script type='text/javascript' src='/dwr/dwr/util.js'></script>


	
	<script type="text/javascript">
		function firstDwr(){
			service.sayHello("libin",calBackHello);
		}
		
		function calBackHello(date){
			alert(date);
		}
		
	</script>
  </head>
  
  <body>
    <input type=button value="测试"  onclick="firstDwr()" >
  </body>
</html>

 

在浏览器 测试:
dwr简单入门使用(入门)