`
eric.zhang
  • 浏览: 126001 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

dwr spring整合

阅读更多
Ajax,它使浏览器可以为用户提供更为自然的浏览体验,对于j2EE WEB开发人员来说,使用DWR框架可以很简单的使用Ajax技术.
本文以一个DWR+SPRING的实例来说明DWR的使用
1、将dwr.jar放到应用的/WEB-INF/lib目录下
2、配置web.xml,增加如下代码:

代码
<!--初始化WebApplicationContext-->  
 <context-param>  
        <param-name>contextConfigLocation</param-name>  
        <param-value>/WEB-INF/applicationContext.xml,/WEB-INF/action-servlet.xml</param-value>  
 </context-param>  
 <listener>  
       <listener-class>  
             org.springframework.web.context.ContextLoaderListener   
       </listener-class>  
 </listener>  
<!--配置DWR拦截器-->  
 <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>  


3、增中dwr.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="spring" javascript="DWRUser">  
   <param name="beanName" value="DWRUser"/>  
  </create>  
 </allow>  
</dwr>  


creator属性的值可以是new,struts,spring......因为此处是整合spring来做的,所以设置成“spring”,javascript="DWRUser" 表示实例转换成javascript语言后以DWRUser命名,前台页面可以通过代码(<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>)来调用。param元素的name属性值可以是class,beanName等,此处用beanName,value得值是定义在applicationContext.xml中某个bean的id值。
4、创建一个实体bean供DWR转换成js
代码
package com.note.dwr;   
import com.note.bussies.service.IUserService;   
public class User {   
 private IUserService ius;   
    
 public IUserService getIus() {   
  return ius;   
 }   
 public void setIus(IUserService ius) {   
  this.ius = ius;   
 }   
 public User(){   
     
 }   
 public boolean isExist(String username) {   
      Users user = this.ius.getUserByName(username);   
      return (null == user) ? false : true;   
 }   
} 


5、在applicationContext.xml中配置第4步写的bean
代码
......  
<bean id="DWRUser" class="com.note.dwr.User">  
  <property name="ius">  
   <ref bean="UserService" />  
  </property>  
 </bean>  

...... 

6、在视图页面中调用
先导入以下文,每个文件的功能这里不再详述
代码
<script type='text/javascript' src='../../dwr/interface/DWRUser.js'></script>  
<script type='text/javascript' src='../../dwr/engine.js'></script>  
<script type='text/javascript' src='../../dwr/util.js'></script>  

因为我的视图文件是放在/view/user/下,所以这里用了../../返回到根
具体调用:
代码
<script type='text/javascript'>  
 function regUserChked(){   
  var username=$("username").value;   
  DWRUser.isExist(username,showData);//showData回调函数   
 }   
 function showData(data){   
     if(data){   
          DWRUtil.setValue("userMsg","该用户名已经被注册,请更换您的用户名!");   
     }else{   
          DWRUtil.setValue("userMsg","恭喜您,该用户名尚未被注册!");         
     }   
 }   
</script>  
input type="text" name="username" value="" onblur="regUserChked()" /><div id="userMsg"></div>  
分享到:
评论

相关推荐

    DWR与SPRING 集成

    在这个项目中,你可以找到如何将DWR与Spring MVC整合的代码实例,包括控制器定义、DWR配置、前端页面和JavaScript调用等。 6. **实战演练**: 为了更好地理解DWR和Spring的集成,可以下载 `spring-mvc-showcase-...

    dwr spring整合及步骤

    ### DWR与Spring整合及其应用步骤详解 #### 一、DWR与Spring整合概述 DWR(Direct Web Remoting)是一种简化Ajax应用开发的技术,它可以让JavaScript直接调用服务器端的Java方法,从而大大简化了客户端与服务器端...

    DWR与SPRING,DWR与STRUTS2的整合

    1. **配置DWR Spring集成**:在Spring配置文件中定义DWR相关的bean,如`DWRConfig`和`SpringContextUtil`,以便让DWR能够访问Spring的bean。 2. **Spring托管的Java类暴露给JavaScript**:通过Spring的`@Service`或...

    dwr与spring整合

    将DWR与Spring整合,可以利用DWR的异步通信能力,结合Spring的强大管理功能,构建高效、灵活的Web应用。 **整合过程** 1. **引入依赖**:首先,我们需要在项目中引入DWR和Spring的相关jar包。对于Maven项目,可以...

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...

    dwr spring 整合_

    ,使用DWR框架可以很简单的使用Ajax技术

    dwr与spring集成的方式

    ### dwr与spring集成的方式 #### 一、引言 DWR(Direct Web Remoting)是一种简化Ajax开发的Java框架,允许在客户端直接调用服务器端的Java方法,从而简化了传统的JavaScript编程复杂度。Spring作为一款流行的企业...

    dwr spring服务器主动推送示例代码

    本示例将深入探讨如何使用DWR与Spring框架集成,实现服务器主动推送功能。 首先,我们需要理解DWR的核心概念: 1. **DWR Engine**: 是DWR的核心组件,它处理客户端和服务器之间的通信,包括JavaScript到Java的调用...

    使用dwr+spring实现消息推送

    Spring是一个广泛使用的Java应用框架,提供了依赖注入、面向切面编程、事务管理等功能,同时也支持多种集成技术,如WebSocket、HTTP长轮询等,用于实现消息推送。 将DWR与Spring结合,可以创建出高效且易于维护的...

    DWR示例与spring集成

    - **Spring集成示例**:说明如何配置DWR与Spring的集成,以及如何在JavaScript中调用Spring的Bean。 通过理解并实践这些示例,开发者可以更好地掌握DWR的使用,并将其应用于实际的Web应用中,实现高效、便捷的前后...

    dwr+spring集成配置

    **DWR(Direct Web Remoting)与Spring框架的集成配置** DWR(Direct Web Remoting)是一个开源的Java库,允许在Web应用程序中实现Ajax功能,使得JavaScript可以直接调用服务器端的Java方法,实现了浏览器与服务器...

    spring+dwr.rar_dwr_dwr SPRING_spring dwr

    在"spring+dwr.rar_dwr_dwr SPRING_spring dwr"这个项目中,我们将看到如何整合这两个工具,以实现一个简单的功能:验证用户名是否存在。这个功能通常用于注册或登录页面,防止用户选择已被占用的用户名。 步骤如下...

    DWR整合Spring MVC

    本文将深入探讨DWR和Spring MVC的集成过程以及相关知识点。 **DWR(Direct Web Remoting)**是一种开源的JavaScript库,它允许Web应用程序在客户端JavaScript和服务器端Java之间进行双向通信。DWR通过动态生成...

    Dwr spring 资料整合

    ### DWR Spring 资料整合详解 #### 一、引言 Direct Web Remoting (DWR) 是一种简化 AJAX 应用程序开发的技术。它允许服务器端 Java 对象通过 JavaScript 进行调用,无需编写复杂的 AJAX 代码。本文将详细介绍如何...

    dwr+spring实例

    综上所述,"DWRSpring实例"是一个很好的学习资源,可以帮助我们理解DWR如何与Spring框架集成,以及如何在实际项目中实现动态的、基于Ajax的Web应用。通过研究和实践这个例子,开发者可以提升自己在构建富互联网应用...

    使用注解整合ext dwr spring hibernate

    本话题主要关注如何通过注解方式集成EXT、DWR、Spring和Hibernate四个组件,构建一个高效的数据展示和交互的Web应用程序。 首先,EXT(Ext JS)是一个JavaScript库,用于构建用户界面,尤其适合创建富互联网应用...

    dwr2.0 spring 3.0 整合示例

    在这个"DWR 2.0 Spring 3.0 整合示例"中,我们将探讨如何将DWR与Spring框架集成,以实现高效的前后端交互。整合DWR和Spring的主要目标是利用Spring的管理能力来处理DWR的bean,同时利用DWR的动态JavaScript生成能力...

    ajax dwr+spring整合

    在"dwrspring2"这个示例项目中,可能包含了配置文件、Java源代码和Web页面等资源。你可以看到如何在`dwr.xml`中配置Spring Bean的引用,以及在JavaScript中如何使用DWR调用这些Bean的方法。通过查看项目中的`index....

    dwr+spring 注解方式

    将DWR与Spring整合,可以利用Spring的强大功能来管理和配置DWR组件,同时保持前后端交互的高效性。 在使用DWR和Spring结合时,注解方式的引入极大地简化了配置过程。下面将详细介绍如何通过注解实现DWR和Spring的...

Global site tag (gtag.js) - Google Analytics