Ajax 的框架DWR的搭建举例

1        摘要

1.1              简介DWR

ajax开源项目dwr的使用：
用DWR可以在客户端利用JavaScript直接调用服务端的Java方法并返回值
 给JavaScript就好像直接本地客户端调用一样.

 

2      搭建

2.1       部署

1)建立mysql的数据库,如下(注意在工程的lib中加入mysql数据库驱动)

+----+------+--------------+----------+

| id | name | email        | password |

+----+------+--------------+----------+

|  1 | aaa  | aaa@mail.com | 111111   |

|  2 | bbb  | bbb@mail.com | 222222   |

|  3 | ccc  | ccc@mail.com | 111111   |

|  4 | ddd  | ddd@mail.com | 222222   |

|  5 | eee  | eee@mail.com | 121212   |

|  6 | fff  | fff@coi.cn   | 123123   |

|  7 | ggg  | ggg@amil.com | 13133    |

+----+------+--------------+----------+

2)把dwr.jar放入工程的WEB-INF/lib中

       dwr.jar为DWR框架类包和工具

 

3)在WEB-INF中与web.xml平级的目录建立dwr.xml

              dwr.xml主要为javascript调用javabean中的实例类,内容如下:

 

 

这里可以加入多个javabean的实例类,每个用<create ……></create>分开,建议

javascript=”xxx”,中的xxx与下面value=”xxx”中的类名同名,例如这里的

javascript=”TestRegistDwr”与value=”com.ajax.TestRegistDwr”.

注意这里的TestRegistDwr为javascript中的调用柄.

      

4)          在WEB-INF中的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>

           <param-value>true</param-value>

       </init-param>

    </servlet>

 

 

  <servlet-mapping>

    <servlet-name>dwr-invoker</servlet-name>

    <url-pattern>/dwr/*</url-pattern>

  </servlet-mapping>

 

 

 

2.2      测试

1)      测试dwr

      http://127.0.0.1:8887/adminroot/dwr

      可以看到bug页面

2)      测试注册

相关代码参考thalia下dev/adminroot/ajaxdemo/startregist.html

                    Javasrcipt/ajaxdemo/TestRegistDwr.java

http://127.0.0.1:8887/adminroot/ajaxdemo/startregist.html

输入注册姓名,例如aaa,把鼠标移动到另一个password中,可以看到提示信息