DWR学习笔记(一)

aguang110

浏览: 880761 次
性别:
来自: 北京

最近访客更多访客>>

tongwawa

ggggoo

lyne15730

gggfff39

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

DWR JavaScript Servlet 浏览器 Ajax

一.DWR简介

  1.DWR是一个可以允许你去创建AJAX WEB站点的JAVA开源库。
    它可以让你在浏览器中的Javascript代码调用Web服务器上的Java代码，就像Java代码在浏览器中一样。

  2.DWR包含2个主要部分：
     I.一个运行在服务器端的Java Servlet，它处理请求并且向浏览器发回响应。
    II.运行在浏览器端的JavaScript，它发送请求而且还能动态更新网页。

  3.DWR工作原理是通过动态把Java类生成为Javascript。
    它的代码就像Ajax魔法一样，你感觉调用就像发生在浏览器端，但是实际上代码调用发生在服务器端，DWR负责数据的传递和转换。
    这种从Java到JavaScript的远程调用功能的方式使DWR用起来有种非常像RMI或者SOAP的常规RPC机制，
    而且DWR的优点在于不需要任何的网页浏览器插件就能运行在网页上。

  4.Java从根本上讲是同步机制，然而AJAX却是异步的。
    所以你调用远程方法时，当数据已经从网络上返回的时候，你要提供有反调(callback)功能的DWR(JS函数)。

二.DWR的使用步骤：一共有五步:
         *导入dwr.jar
         *配置web.xml
         *配置dwr.xml
         *生成java类
         *生成JSP页面

  1.导入DWR到工程
     A.将dwr.jar库文件拷贝到项目的lib目录(dwr.jar会要求一个辅助类库commons-logging.jar来支持日志输出)
     B.将engine.js和util.js两个DWR的js文件拷贝到项目的js目录(下载的zip文件 \java\org\directwebremoting中有这两个文件)

   **注意：经测试engine.js和util.js不需要导入项目js目录中，
     然后界面中使用的是dwr.jar中的engine.js和util.js文件，直接导入就行，见下边jsp文件
     当然如果导入也不会有错，只不过没有使用罢了，但是导入的话可以有种提示自己要在页面导入这两个文件的作用。

  2.注册DWR到项目的web.xml配置文件(其实就是添加一个DWR的Servlet)

   <servlet>
      <servlet-name>dwr-invoker</servlet-name>
      <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
      <init-param>
         <param-name>debug</param-name>
         <param-value>true</param-value>
      </init-param>
   </servlet>

   <servlet-mapping>
      <servlet-name>dwr-invoker</servlet-name>
      <url-pattern>/dwr/*</url-pattern>
   </servlet-mapping>

   **说明：让给servlet处理所有/dwr/前缀开始的所有请求。

  3.配置DWR的配置文件dwr.xml(该文件可从war包中拷贝，放到项目的WEB-INF中，和web.xml位与同目录)

   <dwr>
      <allow>
         <create creator="new" javascript="service">
             <param name="class" value="com.lj.firstdwr.Service" />
         </create>
      </allow>
   </dwr>

   **说明：配置想要在浏览器js中调用的java类，一个<create>表示一个类的配置，
     javascript属性是浏览器中调用该类的变量名，即js中直接调用service的方法就是调用value属性指定的Service类中的方法

  4.编写刚配置的Service类：就是一个普通的java类，没有任何特殊的地方

   package com.lj.firstdwr；
   public class Service{
      public String sayHello(String name){
      //可以是访问数据库的复杂代码
      return "Hello World! My Name is: " + name;
      }
   }

  5.编写前台JSP通过js来调用Service类中的sayHello()方法

   **注意：
     A.此时要在JSP文件中引入上面加入到js目录中的两个js文件engine.js是必须的，util.js提供很多工具方法。
     B.因为要调用Service类，因为该类注册到dwr.xml配置文件中，
       那么DWR会在dwr/interface/(该目录是DWR规定的固定不变的)目录生成
       一个代表Service类的service.js文件(文件名和javascript="service"属性值相同)，
       加入这个js文件后才可以通过js调用service变量操作Service类中的方法。

   <html>
    <head>
     //<script type="text/javascript" src="js/util.js"></script>
     //<script type="text/javascript" src="js/engine.js"></script>
     **注意：将js改成dwr，代表engine.js和util.js文件使用的是dwr.jar库中的文件，而不是自己导入的，如果使用自己导入的会有错！！
     <script type="text/javascript" src="dwr/util.js"></script>
     <script type="text/javascript" src="dwr/engine.js"></script>
     <script type="text/javascript" src="dwr/interface/service.js"></script>
     //编写JS文件调用Service类中的sayHello()方法
     <script type="text/javascript">
      function firstDwr(){
       //参数列表的除最后一个都是sayHello()方法的参数，最后一个参数DWR规定为设定回调函数
       service.sayHello("lijie",callBack);
      }
      //回调函数
      function callBack(data){
       alert(data);
      }
      /*
      这个等同于上边的两个方法的加合，这里就是把回调函数直接放到最后一个参数中最为一个匿名函数，这样比较简洁
      function firstDwr(){
       service.sayHello("lijie",
           function(data){
            alert(data);
           }
       );
      }
      */
     </script>
    </head>

    <body>
     
     <input type="button" name="button" value="测试" onclick="firstDwr()">
    </body>
   </html>

分享到：

DWR学习笔记(三) | DWR学习笔记(二)

2011-03-03 15:48
浏览 1185
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论