学习DWR

        在项目中需要用到ajax技术,ajax早就不是一个新鲜的技术了,现在可以说是在web开发应用中,ajax是盛行的时代!伴随着这样技术不断成熟,也涌现出不少的ajax框架,经同事介绍,说DWR是一种能够很好实现ajax的项目.故找了一些资料,做了练习,发现它有自己很大的优势.

什么是DWR？

   DWR是一个Open Source的 java项目。DWR可以让JavaScript调用运行在Web服务器里面的JAVA程序。简单一点或者专业一点就是Easy AJAX for JAVA.

下面将一步一步的介绍怎么完成一个简单DEMO

从官方网站下载DWR https://dwr.dev.java.net/files/documents/2427/32252/dwr.war  把他直接放到TOMCAT_HOME/webapps 下面

从网上download dwr.war,放到tomcat服务器下,启动服务可以看下/chat/java_chat.html页面的效果,那是一个简单的聊天程序.

例子:Hello World

 

源代码:

java 代码

 Servic.java   
 package helloWorld;   
   
 public class Service {   
  public String sayHello(String name){   
   return name+": Hello World!";   
  }   
   
 }   

 

1.   

dwr.xml

1. <? xml   version = "1.0"   encoding = "UTF-8" ?>   
2. < dwr >   
3.    < allow >        
4.      < create   creator = "new"  javascrī pt = "Service"   scope = "application" >   
5.        < param   name = "class"   value = "helloWorld.Service" />   
6.      </ create >   
7.    </ allow >   
8. </ dwr >   

web.xml

1. <? xml   version = "1.0"   encoding = "UTF-8" ?>   
2. < web-app >   
3.    < servlet >   
4.      < servlet-name > dwr-invoker </ servlet-name >   
5.      < servlet-class > org.directwebremoting.servlet.DwrServlet </ servlet-class >   
6.      < init-param >   
7.        < param-name > logLevel </ param-name >   
8.        < param-value > INFO </ param-value >   
9.      </ init-param >   
10.      < init-param >   
11.        < param-name > debug </ param-name >   
12.        < param-value > true </ param-value >   
13.      </ init-param >   
14.    </ servlet >   
15.    < servlet-mapping >   
16.      < servlet-name > dwr-invoker </ servlet-name >   
17.      < url-pattern > /dwr/* </ url-pattern >   
18.    </ servlet-mapping >      
19. </ web-app >   

helloworld.html

1. < html >   
2. < head >   
3.   < title > Hello World </ title >   
4.   < scr īpt  type = 'text/javascrīpt'   src = '../dwr/engine.js' >   </ scr īpt >   
5.   < scr īpt  type = 'text/javascrīpt'   src = '../dwr/interface/Service.js' >   </ scr īpt >   
6.   < scr īpt  type = 'text/javascrīpt'   src = '../dwr/util.js' >   </ scr īpt >   
7.   < scr īpt  type = "text/javascrīpt" >   
8.       function sayHello() {   
9.        Service.sayHello("voole",callback);   
10.       }   
11.    function callback(data){   
12.     alert(data);   
13.    }   
14.   </ scr īpt >   
15. </ head >   
16. < body >   
17.   < input   type = "button"   value = "Send"  ō nclick = "sayHello()"   />   
18. </ body >   
19. </ html >   

源码浅析
dwr的设计很象webwork2的设计,隐藏http协议,扩展性，兼容性及强。

通过研究uk.ltd.getahead.dwr.DWRServlet这个servlet来研究下dwr到底是如何工作滴。

 

代码

1. web.xml配置   
2. < servlet >   
3.      < servlet-name > dwr-invoker </ servlet-name >   
4.      < servlet-class > uk.ltd.getahead.dwr.DWRServlet </ servlet-class >   
5.    </ servlet >   
6.    < servlet-mapping >   
7.      < servlet-name > dwr-invoker </ servlet-name >   
8.      < url-pattern > /dwr/* </ url-pattern >   
9. </ servlet-mapping >   

<script>render_code();</script>
这样所有的/dwr/*所有请求都由这个servlet来处理，它到底处理了些什么能。我们还以上面最简单的例子来看。
1、 web服务器启动，DWRServlet init()方法调用，init主要做了以下工作。
设置日志级别、实例化DWR用到的单例类（这些类在jvm中只有一个实例对象）、读去配置文件（包括dwr.jar包中的dwr.xml,WEB-INF/dwr.xml. config*.xml）。
2、请求处理
DWRServlet.doGet, doPost方法都调用processor.handle(req, resp)方法处理。Processor对象在init()方法中已经初始化了。

代码

1. public   void  handle(HttpServletRequest req, HttpServletResponse resp)   
2.          throws  IOException   
3.     {   
4.         String pathinfo = req.getPathInfo();   
5.          if (pathinfo ==  null  || pathinfo.length() ==  0  || pathinfo.equals( "/" ))   
6.         {   
7.             resp.sendRedirect(req.getContextPath() + req.getServletPath() + '/' +  "index.html" );   
8.         }  else   
9.          if (pathinfo !=  null  && pathinfo.equalsIgnoreCase( "/index.html" ))   
10.         {   
11.             doIndex(req, resp);   
12.         }  else   
13.          if (pathinfo !=  null  && pathinfo.startsWith( "/test/" ))   
14.         {   
15.             doTest(req, resp);   
16.         }  else   
17.          if (pathinfo !=  null  && pathinfo.equalsIgnoreCase( "/engine.js" ))   
18.         {   
19.             doFile(resp,  "engine.js" ,  "text/javascript" );   
20.         }  else   
21.          if (pathinfo !=  null  && pathinfo.equalsIgnoreCase( "/util.js" ))   
22.         {   
23.             doFile(resp,  "util.js" ,  "text/javascript" );   
24.         }  else   
25.          if (pathinfo !=  null  && pathinfo.equalsIgnoreCase( "/deprecated.js" ))   
26.         {   
27.             doFile(resp,  "deprecated.js" ,  "text/javascript" );   
28.         }  else   
29.          if (pathinfo !=  null  && pathinfo.startsWith( "/interface/" ))   
30.         {   
31.             doInterface(req, resp);   
32.         }  else   
33.          if (pathinfo !=  null  && pathinfo.startsWith( "/exec" ))   
34.         {   
35.             doExec(req, resp);   
36.         }  else   
37.         {   
38.             log.warn( "Page not found. In debug/test mode try viewing /[WEB-APP]/dwr/" );   
39.             resp.sendError( 404 );   
40.         }   
41.     }  

<script>render_code();</script>
哦。这些恍然大悟。dwr/*处理的请求也就这几种。
（1）dwr/index.html，dwr/test/这种只能在debug模式下使用，调试用。
dwr/engine.js，dwr/util.js，dwr/deprecated.js当这个请求到达，从dwr.jar包中读取文件流，响应回去。（重复请求有缓存）
（2）当dwr/interface/这种请求到来，（例如我们在index.html中的 <script type='text/javascript' src='dwr/interface/JDate.js'></script>）DWR做一件伟大的事。把我们在WEB-INF/dwr.xml中的
<create creator="new" javascript="JDate">
<param name="class" value="java.util.Date"/>
</create>
java.util.Date转化为javascript函数。
http://localhost:port/simpledwr/dwr/interface/JDate.js看看吧。
细节也比较简单，通过java反射，把方法都写成javascript特定的方法。（我觉得这些转换可以放到缓存里，下次调用没必要再生成一遍，不知道作者为什么没这样做）。
（3）dwr/exec
javascript调用方法时发送这种请求，可能是XMLHttpRequest或IFrame发送。
当然，javascript调用的方法签名与java代码一致，包括参数，还有javascript的回调方法也传到了服务器端，在服务器端很容易实现。回调方法的java的执行结果 返回类似 <script>callMethod(结果)<script>的javascript字符串,在浏览器执行。哈，一切就这么简单，巧妙。

 

dwr的设计构思很是巧妙。
第一、把java类转化为javascript类由dwr自动完成，只需简单的配置。
第二、应用起来极其简单。开发者不要该服务器代码就可以集成。
第三、容易测试。和webwork一样，隐藏的http协议。
第四、及强扩展性。例如与spring集成，只需修改一点代码。
第五、性能。就我与jason,等简单比较，dwr性能可能是最好的。
第六、自动把java对象转化为javascript对象，并且及易扩展。[/