DWR学习

最新推荐文章于 2021-02-15 14:59:22 发布

wenwenye820526

最新推荐文章于 2021-02-15 14:59:22 发布

阅读量79

点赞数

分类专栏： dwr 文章标签： DWR JavaScript Java Web Ajax ViewUI

本文链接：https://blog.csdn.net/wenwenye820526/article/details/83362621

版权

dwr 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1、DWR: Easy AJAX for JAVA

作为一个java open source library,DWR可以帮助开发人员完成应用AJAX技术的web程序。它可以让浏览器上的javascript方法调用运行在web服务器上java方法。

DWR主要由两部门组成。javascript与web服务器通信并更新web页；运行在web服务器的Servlet处理请求并把响应发回浏览器。

DWR采用新颖的方法实现了AJAX(本来也没有确切的定义)，在java代码基础上动态的生成javascript代码。web开发者可以直接调用这些javascript代码，然而真正的代码是运行在web服务器上的java code。出与安全考虑，开发者必须配置哪些java class暴露给DWR.(dwr.xml)

这种从(java到javascript)调用机制给用户一种感觉，好象常规的RPC机制，或RMI or SOAP.但是它运行在web上，不需要任何浏览器插件。

DWR不认为浏览器和web服务器之间协议重要，把系统界面放在首位。最大挑战是java method call的同步特征与ajax异步特性之间的矛盾。在异步模型里，结果只有在方法结束后才有效。DWR解决了这个问题，把回调函数当成参数传给方法，处理完成后，自动调用回调方法。

这个图表显示了，通过javascript事件，DWR能改变select的内容，当然这些内容由java代码返回。 javascript函数Data.getOptions(populateList)由DWR动态生成，这个函数会调用java class Data类的方法。DWR处理如何远程调用，包括转换所有的参数和返回的结果（javascript\java）。java方法执行完后，执行回调方法 populateList。在整个过程中我们就想在用本地的方法一样。

2、Getting Started

废话少说，试试就ok了。
web.xml

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

dwr.xml 与web.xml同目录
<?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="JDate">
<param name="class" value="java.util.Date"/>
</create>
</allow>
</dwr>

index.html
<html>
<head>
<title>DWR - Test Home</title>
<script type='text/javascript' src='dwr/interface/JDate.js'></script>
<script type='text/javascript' src='dwr/engine.js'></script>
<script>
function init(){
JDate.getYear(load);
}
function load(data){
alert(data+1900+'年')
}
</script>
</head>
<body οnlοad="init()">
</body>
</html>

dwr.jar 下载放lib下

完了，什么，够了，就这些。访问ok!
3、Examples
http://www.aboutmyhealth.org/ 这不是Google Suggest吗!ok.
4、源码浅析
dwr的设计很象webwork2的设计,隐藏http协议,扩展性，兼容性及强。

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

Java代码

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>
10. 这样所有的/dwr/*所有请求都由这个servlet来处理，它到底处理了些什么能。我们还以上面最简单的例子来看。
11. 1、 web服务器启动，DWRServlet init()方法调用，init主要做了以下工作。
12. 设置日志级别、实例化DWR用到的单例类（这些类在jvm中只有一个实例对象）、读去配置文件（包括dwr.jar包中的dwr.xml,WEB-INF/dwr.xml. config*.xml）。
13. 2、请求处理
14. DWRServlet.doGet, doPost方法都调用processor.handle(req, resp)方法处理。Processor对象在init()方法中已经初始化了。
15. <pre name="code" class="java">public void handle(HttpServletRequest req, HttpServletResponse resp);
16. throws IOException
17. {
18. String pathinfo = req.getPathInfo();;
19. if(pathinfo == null || pathinfo.length(); == 0 || pathinfo.equals("/"););
20. {
21. resp.sendRedirect(req.getContextPath(); + req.getServletPath(); + '/' + "index.html");;
22. } else
23. if(pathinfo != null && pathinfo.equalsIgnoreCase("/index.html"););
24. {
25. doIndex(req, resp);;
26. } else
27. if(pathinfo != null && pathinfo.startsWith("/test/"););
28. {
29. doTest(req, resp);;
30. } else
31. if(pathinfo != null && pathinfo.equalsIgnoreCase("/engine.js"););
32. {
33. doFile(resp, "engine.js", "text/javascript");;
34. } else
35. if(pathinfo != null && pathinfo.equalsIgnoreCase("/util.js"););
36. {
37. doFile(resp, "util.js", "text/javascript");;
38. } else
39. if(pathinfo != null && pathinfo.equalsIgnoreCase("/deprecated.js"););
40. {
41. doFile(resp, "deprecated.js", "text/javascript");;
42. } else
43. if(pathinfo != null && pathinfo.startsWith("/interface/"););
44. {
45. doInterface(req, resp);;
46. } else
47. if(pathinfo != null && pathinfo.startsWith("/exec"););
48. {
49. doExec(req, resp);;
50. } else
51. {
52. log.warn("Page not found. In debug/test mode try viewing /[WEB-APP]/dwr/");;
53. resp.sendError(404);;
54. }
55. }</pre>
56. <br>哦。这些恍然大悟。dwr/*处理的请求也就这几种。
57. <br>（1）dwr/index.html，dwr/test/这种只能在debug模式下使用，调试用。
58. <br>dwr/engine.js，dwr/util.js，dwr/deprecated.js当这个请求到达，从dwr.jar包中读取文件流，响应回去。（重复请求有缓存）
59. <br>（2）当dwr/interface/这种请求到来，（例如我们在index.html中的 <script type='text/javascript' src='dwr/interface/JDate.js'></script>）DWR做一件伟大的事。把我们在WEB-INF/dwr.xml中的
60. <br><create creator="new" javascript="JDate">
61. <br> <param name="class" value="java.util.Date"/>
62. <br></create>
63. <br>java.util.Date转化为javascript函数。
64. <br>http://localhost:port/simpledwr/dwr/interface/JDate.js看看吧。
65. <br>细节也比较简单，通过java反射，把方法都写成javascript特定的方法。（我觉得这些转换可以放到缓存里，下次调用没必要再生成一遍，不知道作者为什么没这样做）。
66. <br>（3）dwr/exec
67. <br> javascript调用方法时发送这种请求，可能是XMLHttpRequest或IFrame发送。
68. <br> 当然，javascript调用的方法签名与java代码一致，包括参数，还有javascript的回调方法也传到了服务器端，在服务器端很容易实现。回调方法的java的执行结果返回类似 <script>callMethod(结果)<script>的 javascript字符串,在浏览器执行。哈，一切就这么简单，巧妙。
69. <br>
70. <br>dwr的设计构思很是巧妙。
71. <br>第一、把java类转化为javascript类由dwr自动完成，只需简单的配置。
72. <br>第二、应用起来极其简单。开发者不要该服务器代码就可以集成。
73. <br>第三、容易测试。和webwork一样，隐藏的http协议。
74. <br>第四、及强扩展性。例如与spring集成，只需修改一点代码。
75. <br>第五、性能。就我与jason,等简单比较，dwr性能可能是最好的。
76. <br>第六、自动把java对象转化为javascript对象，并且及易扩展。