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","恭喜您,该用户名尚未被注册!");
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值