BlogJava-xjchome-文章分类-Ajaxhttp://www.blogjava.net/xjchome/category/5706.htmlzh-cnFri, 02 Mar 2007 09:36:45 GMTFri, 02 Mar 2007 09:36:45 GMT60DWR学习http://www.blogjava.net/xjchome/articles/23280.htmlJava 天下Java 天下Sat, 10 Dec 2005 08:46:00 GMThttp://www.blogjava.net/xjchome/articles/23280.htmlhttp://www.blogjava.net/xjchome/comments/23280.htmlhttp://www.blogjava.net/xjchome/articles/23280.html#Feedback1http://www.blogjava.net/xjchome/comments/commentRss/23280.htmlhttp://www.blogjava.net/xjchome/services/trackbacks/23280.html        这段时间较闲,研究了一番dwr.发现dwr实现的AJAX有些地方确实很是先进.比如动态生成javascript代码;隐藏的http协议;javascript于java代码交互的是javascript对象(或字符串)等.

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

废话少说，试试就知道,在web-xml 加入：

 <servlet>
    <servlet-name>dwr-invoker</servlet-name>
    <servlet-class>uk.ltd.getahead.dwr.DWRServlet</servlet-class>
    <init-param>
      <param-name>debug</param-name>   //发布时请取消 debug
      <param-value>true</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </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="Chat">
      <param name="class" value="com.test.Chat"/>
    </create>
    <convert converter="bean" match="com.test.Message"/>
  <create creator="new" javascript="Demo" scope="session">
   <param name="class" value="com.test.Demo"/>
 </create> 
  <create creator="new" javascript="Name" scope="session">
   <param name="class" value="com.test.Name"/>
 </create> 
 <convert converter="bean" match="com.test.Person"/> 
  </allow>
</dwr>


index.html 

在<head></head> 之间加入:
<script type='text/javascript' src='/DWRAjax/dwr/interface/Demo.js'></script>
<script type='text/javascript' src='/DWRAjax/dwr/engine.js'></script>
<script type='text/javascript' src='/DWRAjax/dwr/util.js'></script>

src='/DWRAjax/dwr/util.js'   这个路径为：/WEBRoot/dwr/xxxx.js

<body onload='DWRUtil.useLoadingMessage()'>   //可以看到右上方有一个 loging......

 function readPerson()
  {
      Demo.getExamplePerson(fillForms);  //这是回调fillForms方法
  }
  var person;
  function fillForms(apersons)
  {
      person = apersons;
      DWRUtil.setValues(person);
  }


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代码:  

web.xml配置
<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>


这样所有的/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()方法中已经初始化了。
java代码:  

public void handle(HttpServletRequest req, HttpServletResponse resp)
        throws IOException
    {
        String pathinfo = req.getPathInfo();
        if(pathinfo == null || pathinfo.length() == 0 || pathinfo.equals("/"))
        {
            resp.sendRedirect(req.getContextPath() + req.getServletPath() + '/' + "index.html");
        } else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/index.html"))
        {
            doIndex(req, resp);
        } else
        if(pathinfo != null && pathinfo.startsWith("/test/"))
        {
            doTest(req, resp);
        } else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/engine.js"))
        {
            doFile(resp, "engine.js", "text/javascript");
        } else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/util.js"))
        {
            doFile(resp, "util.js", "text/javascript");
        } else
        if(pathinfo != null && pathinfo.equalsIgnoreCase("/deprecated.js"))
        {
            doFile(resp, "deprecated.js", "text/javascript");
        } else
        if(pathinfo != null && pathinfo.startsWith("/interface/"))
        {
            doInterface(req, resp);
        } else
        if(pathinfo != null && pathinfo.startsWith("/exec"))
        {
            doExec(req, resp);
        } else
        {
            log.warn("Page not found. In debug/test mode try viewing /[WEB-APP]/dwr/");
            resp.sendError(404);
        }
    }


哦。这些恍然大悟。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 天下 2005-12-10 16:46 发表评论
]]>DWR总体介绍:在JAVA中轻松使用AJAX http://www.blogjava.net/xjchome/articles/23278.htmlJava 天下Java 天下Sat, 10 Dec 2005 08:41:00 GMThttp://www.blogjava.net/xjchome/articles/23278.htmlhttp://www.blogjava.net/xjchome/comments/23278.htmlhttp://www.blogjava.net/xjchome/articles/23278.html#Feedback0http://www.blogjava.net/xjchome/comments/commentRss/23278.htmlhttp://www.blogjava.net/xjchome/services/trackbacks/23278.html         DWR是一个开源的类库,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.

　　它包含两个主要的部分:允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet(小应用程序)中获取数据.另外一方面一个JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动态改变网页的内容.

　　DWR采取了一个类似AJAX的新方法来动态生成基于JAVA类的JavaScript代码.这样WEB开发人员就可以在JavaScript里使用Java代码就像它们是浏览器的本地代码(客户端代码)一样;但是Java代码运行在WEB服务器端而且可以自由访问WEB 服务器的资源.出于安全的理由,WEB开发者必须适当地配置哪些Java类可以安全的被外部使用.

　　这个从JAVA到JavaScript的远程功能方法给DWR的用户带来非常像传统的RPC机制,就像RMI或者SOAP一样,而且拥有运行在WEB上但是不需要浏览器插件的好处.

　　DWR不认为浏览器/WEB服务器协议是重要的,而更乐于保证编程界面的简单自然.对此最大的挑战就是把AJAX的异步特性和正常JAVA方法调用的同步特性相结合.在异步模式下,结果数据在开始调用之后的一段时间之后才可以访问.DWR解决了这个问题,允许WEB开发人员使用一个特殊的方法参数来指定一个函数,以便在数据返回后来回调此函数.

　　下面的这个图展示了DWR如何利用一些类似JavaScript的onclick等事件的结果来改变一个下拉框列表的内容.这个事件处理器调用一个DWR生成的JavaScript函数,它和服务器端的Java函数是匹配的.DWR接着处理了JAVA和JavaScript之间的所有远程信息,包括转换所有的参数和返回需要的值.接着DWR执行了相应的回调函数(populateList).这个例子演示了如何使用DWR功能函数来改变网页内容.




　　DWR通过提供一些JavaScript函数库来帮助处理DHTML,并提供了一套可以直接复制的例子,通过这些可以帮助你生成具有良好交互性的网站.

　　如果想了解如何开始使用DWR,请浏览 "入门指导" http://getahead.ltd.uk/dwr/getstarted 和访问下载页面 http://getahead.ltd.uk/dwr/download .

 



Java 天下 2005-12-10 16:41 发表评论
]]>DWR Ajaxhttp://www.blogjava.net/xjchome/articles/22829.htmlJava 天下Java 天下Wed, 07 Dec 2005 03:26:00 GMThttp://www.blogjava.net/xjchome/articles/22829.htmlhttp://www.blogjava.net/xjchome/comments/22829.htmlhttp://www.blogjava.net/xjchome/articles/22829.html#Feedback0http://www.blogjava.net/xjchome/comments/commentRss/22829.htmlhttp://www.blogjava.net/xjchome/services/trackbacks/22829.html                 Direct Web Remoting


        DWR(Direct Web Remoting)是一个WEB远程调用框架.利用这个框架可以让AJAX开发变得很简单.利用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样(DWR根据Java类来动态生成JavaScrip代码).它的最新版本DWR0.6添加许多特性如:支持Dom Trees的自动配置,支持Spring(JavaScript远程调用spring bean),更好浏览器支持,还支持一个可选的commons-logging日记操作.
http://www.getahead.ltd.uk/dwr/












Java 天下 2005-12-07 11:26 发表评论
]]>