﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-坚持学习，每天进步一些-文章分类-AJAX</title><link>http://www.blogjava.net/leitianguang/category/19093.html</link><description>第一天</description><language>zh-cn</language><lastBuildDate>Fri, 02 Mar 2007 06:47:41 GMT</lastBuildDate><pubDate>Fri, 02 Mar 2007 06:47:41 GMT</pubDate><ttl>60</ttl><item><title>DWR学习[转] </title><link>http://www.blogjava.net/leitianguang/articles/92954.html</link><dc:creator>坚持学习，每天进步一些</dc:creator><author>坚持学习，每天进步一些</author><pubDate>Wed, 10 Jan 2007 08:44:00 GMT</pubDate><guid>http://www.blogjava.net/leitianguang/articles/92954.html</guid><wfw:comment>http://www.blogjava.net/leitianguang/comments/92954.html</wfw:comment><comments>http://www.blogjava.net/leitianguang/articles/92954.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/leitianguang/comments/commentRss/92954.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/leitianguang/services/trackbacks/92954.html</trackback:ping><description><![CDATA[
		<p>http://getahead.ltd.uk/dwr/ <br />这段时间较闲,研究了一番dwr.发现dwr实现的AJAX有些地方确实很是先进.比如动态生成javascript代码;隐藏的http协议;javascript于java代码交互的是javascript对象(或字符串)等. <br />以下是我临时译的一些东西.本来想全译,发现dwr实在是简单,就随便写了.英文居差,现一把.</p>
		<p>1、DWR: Easy AJAX for JAVA</p>
		<p>作为一个java open source library,DWR可以帮助开发人员完成应用AJAX技术的web程序。它可以让浏览器上的javascript方法调用运行在web服务器上java方法。</p>
		<p>DWR主要由两部门组成。javascript与web服务器通信并更新web页；运行在web服务器的Servlet处理请求并把响应发回浏览器。</p>
		<p>DWR采用新颖的方法实现了AJAX(本来也没有确切的定义)，在java代码基础上动态的生成javascript代码。web开发者可以直接调用这些javascript代码，然而真正的代码是运行在web服务器上的java code。出与安全考虑，开发者必须配置哪些java class暴露给DWR.(dwr.xml)</p>
		<p>这种从(java到javascript)调用机制给用户一种感觉，好象常规的RPC机制，或RMI or SOAP.但是它运行在web上，不需要任何浏览器插件。</p>
		<p>DWR不认为浏览器和web服务器之间协议重要，把系统界面放在首位。最大挑战是java method call的同步特征与ajax异步特性之间的矛盾。在异步模型里，结果只有在方法结束后才有效。DWR解决了这个问题，把回调函数当成参数传给方法，处理完成后，自动调用回调方法。</p>
		<p>这个图表显示了，通过javascript事件，DWR能改变select的内容，当然这些内容由java代码返回。 javascript函数Data.getOptions(populateList)由DWR动态生成，这个函数会调用java class Data类的方法。DWR处理如何远程调用，包括转换所有的参数和返回的结果（javascript\java）。java方法执行完后，执行回调方法populateList。在整个过程中我们就想在用本地的方法一样。</p>
		<p>2、Getting Started</p>
		<p>废话少说，试试就ok了。 <br />web.xml</p>
		<p>&lt;?xml version="1.0" encoding="ISO-8859-1"?&gt; <br />&lt;!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN" "http://java.sun.com/dtd/web-app_2_3.dtd"&gt;</p>
		<p>&lt;web-app id="dwr"&gt; <br />&lt;servlet&gt; <br />&lt;servlet-name&gt;dwr-invoker&lt;/servlet-name&gt; <br />&lt;servlet-class&gt;uk.ltd.getahead.dwr.DWRServlet&lt;/servlet-class&gt; <br />&lt;/servlet&gt; <br />&lt;servlet-mapping&gt; <br />&lt;servlet-name&gt;dwr-invoker&lt;/servlet-name&gt; <br />&lt;url-pattern&gt;/dwr/*&lt;/url-pattern&gt; <br />&lt;/servlet-mapping&gt; <br />&lt;/web-app&gt;</p>
		<p>dwr.xml 与web.xml同目录 <br />&lt;?xml version="1.0" encoding="UTF-8"?&gt; <br />&lt;!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 1.0//EN" "http://www.getahead.ltd.uk/dwr/dwr10.dtd"&gt; <br />&lt;dwr&gt; <br />&lt;allow&gt; <br />&lt;create creator="new" javascript="JDate"&gt; <br />&lt;param name="class" value="java.util.Date"/&gt; <br />&lt;/create&gt; <br />&lt;/allow&gt; <br />&lt;/dwr&gt;</p>
		<p>index.html <br />&lt;html&gt; <br />&lt;head&gt; <br />&lt;title&gt;DWR - Test Home&lt;/title&gt; <br />&lt;script type='text/javascript' src='dwr/interface/JDate.js'&gt;&lt;/script&gt; <br />&lt;script type='text/javascript' src='dwr/engine.js'&gt;&lt;/script&gt; <br />&lt;script&gt; <br />function init(){ <br />JDate.getYear(load); <br />} <br />function load(data){ <br />alert(data+1900+'年') <br />} <br />&lt;/script&gt; <br />&lt;/head&gt; <br />&lt;body onload="init()"&gt; <br />&lt;/body&gt; <br />&lt;/html&gt;</p>
		<p>dwr.jar 下载放lib下</p>
		<p>完了，什么，够了，就这些。访问ok! <br />3、Examples <br />http://www.aboutmyhealth.org/ 这不是Google Suggest吗!ok. <br />4、源码浅析 <br />dwr的设计很象webwork2的设计,隐藏http协议,扩展性，兼容性及强。</p>
		<p>通过研究uk.ltd.getahead.dwr.DWRServlet这个servlet来研究下dwr到底是如何工作滴。</p>
		<p>
		</p>
		<div class="code_title">代码</div>
		<div class="code_div">
				<div class="dp-highlighter">
						<div class="bar">
						</div>
						<ol class="dp-xml">
								<li class="alt">
										<span>
												<span>web.xml配置   </span>
										</span>
								</li>
								<li class="">
										<span>
										</span>
										<span class="tag">&lt;</span>
										<span class="tag-name">servlet</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="alt">
										<span>    </span>
										<span class="tag">&lt;</span>
										<span class="tag-name">servlet-name</span>
										<span class="tag">&gt;</span>
										<span>dwr-invoker</span>
										<span class="tag">&lt;/</span>
										<span class="tag-name">servlet-name</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="">
										<span>    </span>
										<span class="tag">&lt;</span>
										<span class="tag-name">servlet-class</span>
										<span class="tag">&gt;</span>
										<span>uk.ltd.getahead.dwr.DWRServlet</span>
										<span class="tag">&lt;/</span>
										<span class="tag-name">servlet-class</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="alt">
										<span>  </span>
										<span class="tag">&lt;/</span>
										<span class="tag-name">servlet</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="">
										<span>  </span>
										<span class="tag">&lt;</span>
										<span class="tag-name">servlet-mapping</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="alt">
										<span>    </span>
										<span class="tag">&lt;</span>
										<span class="tag-name">servlet-name</span>
										<span class="tag">&gt;</span>
										<span>dwr-invoker</span>
										<span class="tag">&lt;/</span>
										<span class="tag-name">servlet-name</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="">
										<span>    </span>
										<span class="tag">&lt;</span>
										<span class="tag-name">url-pattern</span>
										<span class="tag">&gt;</span>
										<span>/dwr/*</span>
										<span class="tag">&lt;/</span>
										<span class="tag-name">url-pattern</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
								<li class="alt">
										<span>
										</span>
										<span class="tag">&lt;/</span>
										<span class="tag-name">servlet-mapping</span>
										<span class="tag">&gt;</span>
										<span>  </span>
								</li>
						</ol>
				</div>
		</div>
		<script><![CDATA[ender_code();]]&gt;</script>
		<br />这样所有的/dwr/*所有请求都由这个servlet来处理，它到底处理了些什么能。我们还以上面最简单的例子来看。 <br />1、 web服务器启动，DWRServlet init()方法调用，init主要做了以下工作。 <br />设置日志级别、实例化DWR用到的单例类（这些类在jvm中只有一个实例对象）、读去配置文件（包括dwr.jar包中的dwr.xml,WEB-INF/dwr.xml. config*.xml）。 <br />2、请求处理 <br />DWRServlet.doGet, doPost方法都调用processor.handle(req, resp)方法处理。Processor对象在init()方法中已经初始化了。 <br /><div class="code_title">代码</div><div class="code_div"><div class="dp-highlighter"><div class="bar"></div><ol class="dp-j"><li class="alt"><span><span class="keyword">public</span><span> </span><span class="keyword">void</span><span> handle(HttpServletRequest req, HttpServletResponse resp)   </span></span></li><li class=""><span>        </span><span class="keyword">throws</span><span> IOException   </span></li><li class="alt"><span>    {   </span></li><li class=""><span>        String pathinfo = req.getPathInfo();   </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo == </span><span class="keyword">null</span><span> || pathinfo.length() == </span><span class="number">0</span><span> || pathinfo.equals(</span><span class="string">"/"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            resp.sendRedirect(req.getContextPath() + req.getServletPath() + '/' + </span><span class="string">"index.html"</span><span>);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.equalsIgnoreCase(</span><span class="string">"/index.html"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doIndex(req, resp);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.startsWith(</span><span class="string">"/test/"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doTest(req, resp);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.equalsIgnoreCase(</span><span class="string">"/engine.js"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doFile(resp, </span><span class="string">"engine.js"</span><span>, </span><span class="string">"text/javascript"</span><span>);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.equalsIgnoreCase(</span><span class="string">"/util.js"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doFile(resp, </span><span class="string">"util.js"</span><span>, </span><span class="string">"text/javascript"</span><span>);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.equalsIgnoreCase(</span><span class="string">"/deprecated.js"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doFile(resp, </span><span class="string">"deprecated.js"</span><span>, </span><span class="string">"text/javascript"</span><span>);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.startsWith(</span><span class="string">"/interface/"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doInterface(req, resp);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        </span><span class="keyword">if</span><span>(pathinfo != </span><span class="keyword">null</span><span> &amp;&amp; pathinfo.startsWith(</span><span class="string">"/exec"</span><span>))   </span></li><li class=""><span>        {   </span></li><li class="alt"><span>            doExec(req, resp);   </span></li><li class=""><span>        } </span><span class="keyword">else</span><span>  </span></li><li class="alt"><span>        {   </span></li><li class=""><span>            log.warn(</span><span class="string">"Page not found. In debug/test mode try viewing /[WEB-APP]/dwr/"</span><span>);   </span></li><li class="alt"><span>            resp.sendError(</span><span class="number">404</span><span>);   </span></li><li class=""><span>        }   </span></li><li class="alt"><span>    }  </span></li></ol></div></div><script><![CDATA[ender_code();]]&gt;</script><br />哦。这些恍然大悟。dwr/*处理的请求也就这几种。 <br />（1）dwr/index.html，dwr/test/这种只能在debug模式下使用，调试用。 <br />dwr/engine.js，dwr/util.js，dwr/deprecated.js当这个请求到达，从dwr.jar包中读取文件流，响应回去。（重复请求有缓存） <br />（2）当dwr/interface/这种请求到来，（例如我们在index.html中的 &lt;script type='text/javascript' src='dwr/interface/JDate.js'&gt;&lt;/script&gt;）DWR做一件伟大的事。把我们在WEB-INF/dwr.xml中的 <br />&lt;create creator="new" javascript="JDate"&gt; <br />&lt;param name="class" value="java.util.Date"/&gt; <br />&lt;/create&gt; <br />java.util.Date转化为javascript函数。 <br />http://localhost:port/simpledwr/dwr/interface/JDate.js看看吧。 <br />细节也比较简单，通过java反射，把方法都写成javascript特定的方法。（我觉得这些转换可以放到缓存里，下次调用没必要再生成一遍，不知道作者为什么没这样做）。 <br />（3）dwr/exec <br />javascript调用方法时发送这种请求，可能是XMLHttpRequest或IFrame发送。 <br />当然，javascript调用的方法签名与java代码一致，包括参数，还有javascript的回调方法也传到了服务器端，在服务器端很容易实现。回调方法的java的执行结果 返回类似 &lt;script&gt;callMethod(结果)&lt;script&gt;的javascript字符串,在浏览器执行。哈，一切就这么简单，巧妙。 
<p></p><p>dwr的设计构思很是巧妙。 <br />第一、把java类转化为javascript类由dwr自动完成，只需简单的配置。 <br />第二、应用起来极其简单。开发者不要该服务器代码就可以集成。 <br />第三、容易测试。和webwork一样，隐藏的http协议。 <br />第四、及强扩展性。例如与spring集成，只需修改一点代码。 <br />第五、性能。就我与jason,等简单比较，dwr性能可能是最好的。 <br />第六、自动把java对象转化为javascript对象，并且及易扩展。[/code]</p><img src ="http://www.blogjava.net/leitianguang/aggbug/92954.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/leitianguang/" target="_blank">坚持学习，每天进步一些</a> 2007-01-10 16:44 <a href="http://www.blogjava.net/leitianguang/articles/92954.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>