关闭

一个简单的DWR入门例子

322人阅读 评论(0) 收藏 举报

http://di201yao.iteye.com/blog/164095

什么是DWR?
    DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA.
官方网站:http://getahead.org/dwr

下面将一步一步的介绍怎么完成一个简单DEMO
开发工具NetBeans IDE 6.0+Apache Tomcat 6.0.14

1、从官方网站下载DWR.jar包(附件中也有)
把他直接放到Apache Tomcat 6.0.14\lib目录下面

2、编写一个Java类如下
Java代码 复制代码 收藏代码
  1.     
  2. package com.test.ajax;   
  3.   
  4. public class DWRTest {   
  5.     public DWRTest(){   
  6.        
  7.     }   
  8.     public String getMyName(){      
  9.         return "Hello Ajax";      
  10.     }      
  11.   
  12. }  


3、修改web.xml
Java代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="ISO-8859-1"?>    
  2. <!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd">    
  3.   
  4. <web-app id="dwr">    
  5. <servlet>    
  6. <servlet-name>dwr-invoker</servlet-name>    
  7. <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>    
  8. </servlet>    
  9. <servlet-mapping>    
  10. <servlet-name>dwr-invoker</servlet-name>    
  11. <url-pattern>/dwr/*</url-pattern>    
  12. </servlet-mapping>    
  13. </web-app>   


4、把DRWTest类配置在dwr.xml中,dwr.xml是DWR的配置文件,所有需要在JavaScript中调用的java的类都必须在这个文件中描述 (必须与web.xml同级)
Java代码 复制代码 收藏代码
  1. <?xml version="1.0" encoding="UTF-8"?>    
  2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd">    
  3. <dwr>    
  4. <allow>    
  5. <create creator="new" javascript="MyTest" scope="application">    
  6. <param name="class" value="com.test.ajax.DWRTest"/>    
  7. </create>    
  8. </allow>    
  9. </dwr>   


5、编写调用DWRTest类中的getMyName方法的jsp文件
Java代码 复制代码 收藏代码
  1. <%@ page language="java" contentType="text/html; charset=GB18030"  
  2.   pageEncoding="GB18030"%>   
  3. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">   
  4. <html>   
  5. <head>   
  6. <meta http-equiv="Content-Type" content="text/html; charset=GB18030">   
  7. <title>DWR - Test Home</title>    
  8. <script type='text/javascript' src='dwr/interface/MyTest.js'></script>    
  9. <script type='text/javascript' src='dwr/engine.js'></script>   
  10. <script type='text/javascript' src='dwr/util.js'></script>   
  11. <script language="javascript">    
  12.     var mycall=function callBack(data){   
  13.         DWRUtil.setValue("demo1",data);   
  14.     }   
  15.     function showMyName(){   
  16.         MyTest.getMyName(mycall);   
  17.     }   
  18.     function clearName(){   
  19.         demo1.value="";   
  20.     }   
  21. </script>    
  22. </head>    
  23. <body>   
  24.     <h1>Ajax Test Page</h1>       
  25.     <input type="button" value="显示姓名" onclick="javascript:showMyName()">      
  26.     <input type="button" value="清空" onclick="javascript:clearName()"><br>       
  27.     <input type="text" id="demo1"><br>       
  28.   
  29. </body>    
  30. </html>   


6、运行,在浏览器中输入 http://localhost:8084/WebApplication/

附件中是本人做好的例子和dwr.jar包

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2336517次
    • 积分:31318
    • 等级:
    • 排名:第156名
    • 原创:962篇
    • 转载:826篇
    • 译文:6篇
    • 评论:39条
    文章分类
    最新评论
    我的栏目
    我的栏目测试