走马观花

拿来主义

一个简单的DWR入门例子

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. }  
 
package com.test.ajax;

public class DWRTest {
    public DWRTest(){
    
    }
    public String getMyName(){   
        return "Hello Ajax";   
    }   

}


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>   
<?xml version="1.0" encoding="ISO-8859-1"?> 
<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"> 

<web-app id="dwr"> 
<servlet> 
<servlet-name>dwr-invoker</servlet-name> 
<servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class> 
</servlet> 
<servlet-mapping> 
<servlet-name>dwr-invoker</servlet-name> 
<url-pattern>/dwr/*</url-pattern> 
</servlet-mapping> 
</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>   
<?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="MyTest" scope="application"> 
<param name="class" value="com.test.ajax.DWRTest"/> 
</create> 
</allow> 
</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>   
<%@ page language="java" contentType="text/html; charset=GB18030"
  pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB18030">
<title>DWR - Test Home</title> 
<script type='text/javascript' src='dwr/interface/MyTest.js'></script> 
<script type='text/javascript' src='dwr/engine.js'></script>
<script type='text/javascript' src='dwr/util.js'></script>
<script language="javascript"> 
    var mycall=function callBack(data){
        DWRUtil.setValue("demo1",data);
    }
    function showMyName(){
        MyTest.getMyName(mycall);
    }
    function clearName(){
        demo1.value="";
    }
</script> 
</head> 
<body>
    <h1>Ajax Test Page</h1>    
    <input type="button" value="显示姓名" onclick="javascript:showMyName()">   
    <input type="button" value="清空" onclick="javascript:clearName()"><br>    
    <input type="text" id="demo1"><br>    

</body> 
</html> 


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

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

 

阅读更多
个人分类: DWR
上一篇Acegi 安全框架
下一篇jbpm入门例子
想对作者说点什么? 我来说一句

dwr简单入门例子

2015年05月17日 1.11MB 下载

Dwr入门Demo

2013年01月31日 1.09MB 下载

dwr技术入门教程

2011年10月24日 259KB 下载

DWR +ibaties+jquery入门例子

2012年06月21日 2.04MB 下载

DWR简单例子&中文文档

2008年05月02日 1.43MB 下载

dwr简单例子

2013年06月08日 390KB 下载

Dwr简单例子(2.0)

2010年07月01日 393KB 下载

ajax的框架dwr整合jsf

2009年03月18日 436KB 下载

学习dwr入门例子

2013年01月06日 15.24MB 下载

没有更多推荐了,返回首页

关闭
关闭