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="" οnblur="regUserChked()" />
< div  id ="userMsg" ></ div >  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值