Spring整合dwr实例解析


dwr是java平台上一个可用的Ajax-RPC 工具包,用于改善web页面端与java类的交互。它使得Ajax开发变的更加简单。使用DWR框架可以在客户端利用JavaScript直接调用服务端的Java方法并返回值给JavaScript就好像直接本地客户端调用一样。更简单一点来说DWR提供了一个引擎文件engine.js,它可以把服务器端java对象的方法暴露给javascript。使用 DWR 可以有效地从应用程序代码中把 Ajax 的全部请求 - 响应循环消除掉。这意味着客户端代码再也不需要直接处理 XMLHttpRequest 对象或者服务器的响应。不再需要编写对象的序列化代码或者使用第三方工具才能把对象变成 XML 。甚至不再需要编写 servlet 代码把 Ajax 请求调整成对 Java 域对象的调用。

那么如何将dwr与spring进行集成从而实现前后台交互呢?下面我将通过一个实例来进行介绍。本实例仍然分为以下几个部分进行:

1.引入相关jar包:

commons-logging-1.1.1.jar

dwr.jar

spring.jar

2.编写web.xml文件:

  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <web-appversion="2.4"
  3. xmlns="http://java.sun.com/xml/ns/j2ee"
  4. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  5. xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
  6. http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
  7. <welcome-file-list>
  8. <welcome-file>index.jsp</welcome-file>
  9. </welcome-file-list>
  10. <context-param>
  11. <param-name>contextConfigLocation</param-name>
  12. <param-value>classpath:config/app*.xml</param-value>
  13. </context-param>
  14. <listener>
  15. <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
  16. </listener>
  17. <!--配置DWR的前端控制器-->
  18. <servlet>
  19. <servlet-name>dwr-invoker</servlet-name>
  20. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>
  21. <init-param>
  22. <param-name>config</param-name>
  23. <!--加载dwr.xml文件,该文件位于src下的config文件夹中-->
  24. <param-value>
  25. /WEB-INF/classes/config/dwr.xml
  26. </param-value>
  27. </init-param>
  28. <!--开启DWR的调试模式-->
  29. <init-param>
  30. <param-name>debug</param-name>
  31. <param-value>true</param-value>
  32. </init-param>
  33. </servlet>
  34. <servlet-mapping>
  35. <servlet-name>dwr-invoker</servlet-name>
  36. <url-pattern>/dwr/*</url-pattern>
  37. </servlet-mapping>
  38. </web-app>

3.配置dwr.xml文件:

  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <!DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting2.0//EN""http://getahead.org/dwr/dwr20.dtd">
  3. <dwr>
  4. <allow>
  5. <createjavascript="T10"creator="spring">
  6. <paramname="beanName"value="dwrtest"></param>
  7. </create>
  8. <createjavascript="T11"creator="spring">
  9. <paramname="beanName"value="dwrtest2"></param>
  10. </create>
  11. </allow>
  12. </dwr>


4.配置applicationContext-beans文件:

  1. <?xmlversion="1.0"encoding="UTF-8"?>
  2. <beansxmlns="http://www.springframework.org/schema/beans"
  3. xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  4. xmlns:aop="http://www.springframework.org/schema/aop"
  5. xmlns:tx="http://www.springframework.org/schema/tx"
  6. xsi:schemaLocation="http://www.springframework.org/schema/beanshttp://www.springframework.org/schema/beans/spring-beans-2.0.xsd
  7. http://www.springframework.org/schema/aophttp://www.springframework.org/schema/aop/spring-aop-2.0.xsd
  8. http://www.springframework.org/schema/txhttp://www.springframework.org/schema/tx/spring-tx-2.0.xsd">
  9. <beanid="dwrtest"class="com.bjsxt.dwrtest.Test10"></bean>
  10. <beanid="dwrtest2"class="com.bjsxt.dwrtest.Test11"></bean>
  11. </beans>

5.编写后台java类代码:

  1. packagecom.bjsxt.dwrtest;
  2. publicclassTest11{
  3. publicStringmethod1(){
  4. return"调用方法111111";
  5. }
  6. publicStringmethod2(){
  7. return"调用方法222222";
  8. }
  9. }

  1. packagecom.bjsxt.dwrtest;
  2. publicclassTest10{
  3. publicStringmethod1(){
  4. return"调用方法0001";
  5. }
  6. }


6.编写jsp页面代码:

  1. <%@pagelanguage="java"contentType="text/html;charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  4. <html>
  5. <head>
  6. <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  7. <title>Inserttitlehere</title>
  8. <scripttype="text/javascript"src="dwr/engine.js"></script>
  9. <scripttype="text/javascript"src="dwr/util.js"></script>
  10. <scripttype="text/javascript"src="dwr/interface/T11.js"></script>
  11. <scripttype="text/javascript"src="dwr/interface/T10.js"></script>
  12. <scripttype="text/javascript">
  13. functiontest1(){
  14. //设置为同步方式
  15. dwr.engine.setAsync(false);
  16. T10.method1(
  17. function(datas){
  18. alert(datas);
  19. }
  20. );
  21. T11.method1(
  22. function(datas){
  23. alert(datas);
  24. }
  25. );
  26. }
  27. </script>
  28. </head>
  29. <body>
  30. <inputtype="button"value="ceshi"onclick="test1()">
  31. </body>
  32. </html>

在jsp页面代码中需要注意的是引入我们所需要的engine.js文件,util.js文件以及我们所需要的dwr接口文件,而所谓的接口文件就是我们在dwr.xml文件中定义的create元素中javascript属性的值。这个接口文件充当了了前台js与后台java类的中间媒介。由于dwr框架同样是利用ajax技术的,所以当一个javascript函数中需要调用多个java类函数的时候,虽然函数体中有先后调用顺序,但是ajax的异步性决定了他们不一定是按照代码编写的顺序执行的,所以当我们需要强制性的执行先后的函数的时候必须要设置dwr引擎的执行方式为同步性,也就是将dwr引擎的Async属性设置为false。这样在调用javascript函数的时候,函数体内的各个java函数的调用就是按照顺序执行的了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值