DWR整合SSH

最新推荐文章于 2024-09-21 09:29:16 发布
最新推荐文章于 2024-09-21 09:29:16 发布
阅读量1.5k 收藏 4
点赞数
文章标签： dwr ssh javascript function bean prototype

目需要用到Ajax，最开始本想用Jquery，最后权衡下选择了DWR。

这里说的是DWR整合SSH，其实DWR完全没有必要和Struts2结合，毕竟DWR需要返回的是Object，而Struts2直接转向了页面。非要强制将二者整合，只能做一个伪Action，这个伪Action返回的还是Object。当然DWR和Spring、Hibernate结合就非常好，可以将Struts2戏称为小三了 O(∩_∩)O ~

扯得有点远了，步入正题。

需求描述：

根据新闻标题(title)利用Ajax模糊查询新闻集合（这里将这些新闻集合称之为 相关新闻），并将得到的相关新闻在页面以列表的形式展示出来，且需要实现分页。

框架搭建（这里只讲与DWR有关的配置，DWR--Version: 2.0.1）à

web.xml：

view plain copy to clipboard print ?
  1. <listener>           
  2. <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>  
  3. </listener>  
  4. <servlet>  
  5.     <servlet-name>dwr-invoker</servlet-name>       
  6. <servlet-class>org.directwebremoting.servlet.DwrServlet</servlet-class>  
  7.              <init-param>  
  8.                 <param-name>debug</param-name>  
  9.                 <param-value>true</param-value>  
  10.             </init-param>  
  11. </servlet>  
  12. <servlet-mapping>  
  13.          <servlet-name>dwr-invoker</servlet-name>  
  14.          <url-pattern>/dwr/*</url-pattern>  
  15. </servlet-mapping>  

 

dwr配置文件：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting   
  3. 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd" >  
  4. <dwr>  
  5.     <allow>  
  6.         <create javascript="showList" creator="spring"  
  7.             scope="application">  
  8.             <param name="beanName" value="dwrquery" />    
  9.         </create>        
  10.         <convert match="org.huajun.news.bean.News" converter="bean">     
  11.         </convert>           
  12.         <convert converter="bean" match="java.lang.StackTraceElement" />  
  13.         <convert converter="exception" match="java.lang.Exception" />  
  14.     </allow>  
  15. </dwr>  

 

 

dwr的spring配置文件（这里将其单独作为一个配置文件，需将其import到applicationContext.xml内，这里将伪action交于spring代管）：

view plain copy to clipboard print ?
  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <beans xmlns="http://www.springframework.org/schema/beans"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     default-autowire="byName"  
  5.     xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd">      
  6.     <bean id="dwrquery" class="org.huajun.dwr.action.DWRQuery" scope="prototype">  
  7.         <property name="qes">  
  8.             <ref bean="qes" />    
  9.         </property>  
  10.     </bean>      
  11.     <bean id="qes" class="org.huajun.dwr.serviceImpl.DWRQueryServiceImpl" scope="prototype">  
  12.          <property name="qd">  
  13.             <ref bean="qd" />    
  14.         </property>  
  15.     </bean>      
  16.     <bean id="qd" class="org.huajun.dwr.daoImpl.DWRQueryDaoImpl"></bean>       
  17. </beans>  

 

新闻Bean（只列举出页面列表迭代用到的字段）：

view plain copy to clipboard print ?
  1. private String title;//标题   
  2. private String creater;//录入人   
  3. private int checks;//点击数  

 

dwr package：

 

 由于service只是简单的dao的引用，所以这里只列出核心的两个类： DWRQueryDaoImpl 和DWRQuery （DWRQuery--这个伪Action的小三）

DWRQueryDaoImpl：

 

DWRQuery：

view plain copy to clipboard print ?
  1. public class DWRQuery {   
  2.     private DWRQueryService qes; //service   
  3.     private String title;//   
  4.     private int pagesize=10;//默认每页显示10条记录   
  5.        
  6.     /**  
  7.      * DWR 进行相关新闻分页显示  
  8.      * pageNo 页码，从 1 开始  
  9.      * pageSize 每页的记录数  
  10.      * 此处返回的是Map  
  11.      */  
  12.     @SuppressWarnings("unchecked")   
  13.     public Map dwrQuery(String title, int pageNo){   
  14.         List<News> list=new ArrayList<News>();   
  15.         list=qes.getNewsListByTitle(title, colid);   
  16.         //获得总记录数   
  17.         Integer recordCount=list.size();   
  18.         //总页数   
  19.         int pageCount=(int)Math.ceil(recordCount.doubleValue()/this.getPagesize());   
  20.            
  21.         list.clear();   
  22.         list=qes.getNewsListByPage(title, pageNo, this.getPagesize());   
  23.         Map map=new HashMap();   
  24.         map.put("recordCount", recordCount);//总记录数   
  25.         map.put("pageSize", this.getPagesize());//每页显示数   
  26.         map.put("pageCount", pageCount);//总页数   
  27.         map.put("dataList", list);//相关新闻集合   
  28.            
  29.         return map;   
  30.     }   
  31. //setter and getter ……   
  32. }  

 

 

 

 页面展示.jsp（只列出了DWR用到的JS和相关新闻展示列表）：

view plain copy to clipboard print ?
  1. <!-- DWR JS-->       
  2.   <script type="text/javascript">  
  3.       
  4.    currentPage=1;//当前页码全局变量   
  5.    function changtable(pageNo){    
  6.      if(pageNo<1){   
  7.       pageNo=1;//当前页为1   
  8.      }   
  9.      currentPage=pageNo;//根据当前页数修改全局变量   
  10.      var querytitle=document.getElementById("querytitle");//这里是查询字段   
  11.      //这里调用DWRQuery的dwrQuery方法   
  12.      showList.dwrQuery(querytitle.value,pageNo,callBackMethod);           
  13.     }      
  14.   
  15.    function callBackMethod(map){    
  16.      var showmsg=document.getElementById("showmsg");       
  17.      var colname=document.getElementById("colname").value;     
  18.      showmsg.innerHTML="";   
  19.      DWRUtil.removeAllRows("tablebody");     
  20.      //没有查询到相应记录   
  21.      if(map['dataList'].length==0){   
  22.         showmsg.innerHTML="<font color='red'>没有查询到相应记录！</font>";   
  23.      } else{   
  24.         //这里调用的DWRUtil.addRows方法可以参考我的上一篇文章   
  25.          DWRUtil.addRows("tablebody",map['dataList'],   
  26.          [   
  27.          function(item){   
  28.             return "&nbsp;<input type='checkbox' name='checkbox' value='"+item.id+ "' />"   
  29.         },   
  30.          function(item){                               
  31. return "&nbsp;&nbsp;<a target='_blank' href="pubnews!looknew.action?id="+item.id+"'>" +item.title+"</a>"   
  32.                            
  33.         },      
  34.         function(item){return "&nbsp;&nbsp;"+item.creater},   
  35.         function(item){return "&nbsp;&nbsp;"+item.checks}   
  36.          ],   
  37.         {escapeHtml:false} );      
  38.       }   
  39.          
  40.       showPageBar(map,currentPage);//根据 全局当前页数 调用显示页面导航的函数    
  41. }      
  42.       
  43.       
  44.    //显示页码导航    
  45.    function showPageBar(map,pageNo){     
  46.     var pageBar=document.getElementById("pageDiv");      
  47.     var recordCount=map['recordCount'];//总记录数   
  48.     var pageSize=map['pageSize'];//每页显示记录数   
  49.     var pageCount=map['pageCount'];//总页数   
  50.     var pageStr="当前页:第 "+pageNo+" 页 | ";   
  51.     pageStr+="总记录数: "+recordCount+" 条 | ";   
  52.     pageStr+="每页显示: "+pageSize+" 条 | ";   
  53.     pageStr+="总页数: "+pageCount+" 页 | ";   
  54.     if(pageNo==1){   
  55.         pageStr += "首 页 上一页 ";        
  56.     }else{   
  57.         pageStr += "<a href="javascript:changtable(1)" >首 页</a>    
  58.      <a href="javascript:changtable("+(pageNo-1)+")" >上一页</a> ";        
  59.     }   
  60.     if(pageNo < pageCount){            
  61.         pageStr += "<a href="javascript:changtable("+(pageNo+1)+")" >  
  62.     下一页</a> <a href="javascript:changtable("+pageCount+")" >末 页</a> ";        
  63.     }else{   
  64.         pageStr += "下一页 末 页 ";    
  65.     }          
  66.     pageStr += "&nbsp;";        
  67.     pageBar.innerHTML= pageStr;   
  68.    }    
  69. // 引入dwr的js库文件   
  70. <script type='text/javascript'  src='dwr/interface/showList.js'></script>        
  71. <script type='text/javascript' src='dwr/engine.js'></script>       
  72. <script type='text/javascript' src='dwr/util.js'></script>     
  73. //展示列表   
  74.                <table align="center">  
  75.                     <tbody>  
  76.                     <tr>  
  77.                         <th width="28px">  
  78.                             <input type="checkbox" id="allche" value="checkbox"  
  79.                                 title="全选/全不选" onclick="allChoose();changeIds();">  
  80.                         </th>  
  81.                         <th >  
  82.                             标题   
  83.                         </th>  
  84.                         <th >  
  85.                             录入者   
  86.                         </th>  
  87.                         <th >  
  88.                             点击数   
  89.                         </th>  
  90.                     </tr>    
  91.                     </tbody>  
  92.                     <tbody id="tablebody">  
  93.                     </tbody>      
  94.                 </table>    
  95.                 <div id="showmsg" align="center">  
  96.                 </div>  
  97.                 <div id="pageDiv" align="right">  
  98.                 </div>  

 

 

 

 //最终实现的分页效果

 

当前页:第 1 页 | 总记录数: 21 条 | 每页显示: 10 条 | 总页数: 3 页 | 首 页 上一页 下一页 末 页

view plain copy to clipboard print ?
  1. public class DWRQueryDaoImpl extends HibernateDaoSupport implements DWRQueryDao {   
  2.        
  3.     //此方法用于普通查询   
  4.     public List<News> getNewsListByTitle(String title){   
  5.         try {   
  6.                 String hql="from News as o where o.title like '%"+title.trim()+"%';   
  7.             return (List<News>)super.getHibernateTemplate().find(hql);   
  8.         } catch (RuntimeException re) {   
  9.             throw re;   
  10.         }   
  11.     }   
  12.        
  13.     //此方法用于dwr分页查询，其实质用的还是Hibernate的分页技术   
  14.     //pageNo ：当前页数   
  15.     //pagesize:每页显示的记录数   
  16.     public List<News> getNewsListByPage(final String title, final int pageNo,final int pagesize){   
  17.         final Map<String,List<News>> map=new HashMap<String,List<News>>();   
  18.         try {   
  19.             super.getHibernateTemplate().execute(new HibernateCallback<List<News>>()   
  20.                     {   
  21.                         public List<News> doInHibernate(Session session) throws HibernateException, SQLException   
  22.                         {   
  23.                                           String hql="from News as o where o.title like '%"+title.trim()+"%';   
  24.                             Query query = session.createQuery(hql);   
  25.                                
  26.                             int firstindex=(pageNo-1)*pagesize;   
  27.                             query.setFirstResult(firstindex).setMaxResults(pagesize);   
  28.                                
  29.                             List list= query.list();   
  30.                             map.put("map",list);   
  31.                             return null;   
  32.                         }   
  33.   
  34.                     });   
  35.             List returnList=map.get("map");   
  36.             return returnList;   
  37.         } catch (RuntimeException re) {   
  38.             throw re;   
  39.         }   
  40.     }   
  41. }  

ebonyzhang
关注
DWR整合SSH框架实现类百度搜索实例(Oracle)
10-21
【标题】"DWR整合SSH框架实现类百度搜索实例(Oracle)"是一个综合性的IT实践项目，旨在演示如何将Direct Web Remoting (DWR) 框架与Spring、Struts和Hibernate（通常被称为SSH框架）集成，以创建一个类似于百度搜索...
dwr整合ssh综合实例
09-27
在DWR整合SSH的实例中，Struts2作为前端控制器，处理用户请求，并将结果返回到浏览器。 **2. Spring** Spring框架是企业级Java应用的核心，它提供了依赖注入（DI）和面向切面编程（AOP）等功能，简化了组件的管理和...
dwr整合ssh的xml配置方式
cuiyaoqiang的博客
07-11 602
struts2.0,spring2.5,hibernate3.0,dwr3.0.web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://
dwr整合ssh 的annotation配置方式
cuiyaoqiang的博客
07-11 604
以下是需要注意的文件： web.xml<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns
DWR与SSH整合
白开水的世界
06-02 122
首先把SSH整合完毕。1.web.xml配置DWR &lt;!-- 配置DWR --&gt; &lt;servlet&gt; &lt;servlet-name&gt;dwr-invoker&lt;/servlet-name&gt; &lt;servlet-class&gt; org.directwebremoting.servlet.DwrServlet &lt;/...
SSH2整合dwr
qd_liyp的专栏
03-21 588
1、项目的lib加入dwr2.jar 2、web.xml文件中：             dwr                 uk.ltd.getahead.dwr.DWRServlet                             debug             true                             dwr
DWR与SSH 配置
韬晦潜胖蛇的专栏
03-11 1317
项目需要用到Ajax，最开始本想用Jquery，最后权衡下选择了DWR。 这里说的是DWR整合SSH，其实DWR完全没有必要和Struts2结合，毕竟DWR需要返回的是Object，而Struts2直接转向了页面。非要强制将二者整合，只能做一个伪Action，这个伪Action返回的还是Object。当然DWR和Spring、Hibernate结合就非常好，可以将Struts2戏称为小三了 O(
dwr与ssh框架整合教程
编程猫的博客
04-14 367
转自：http://blog.csdn.net/e421083458/article/details/8806252 (1)dwr与ssh框架整合教程dwr框架介绍。 DWR（Direct Web Remoting）是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许 在浏览器里的代码使用运行在WEB服务器上的JAV
dwr和ssh整合
wenhao880204的博客
12-07 158
最近在学习web方面的各种应用，学习到dwr时，我想将它整合到我的ssh框架上，将dwr和spring整合很容易，将dwr.xml中create的属性creator设置为spring就行了。 整合步骤如下： 1.在web.xml中配置dwr的控制器 [code="xml"] dwr org.directwebremotin...
DWR + ssh2 整合
secret_killer的专栏
10-24 656
1.首先去下载dwr.jar包 2.解压dwr，在里面找到engine.js，util.js（理应是在web.xml配好，交给servlet来自动生成的，但是很多时候会自己生成不了，就用了这死方法） 3.配置dwr.xml，放在web.xml同一层目录下             "-//GetAhead Limited//DTD Direct Web Remoting 3.0//EN"
ssh+dwr整合ssh+dwr整合
11-28
将SSH与DWR整合可以创建出交互性更强的前端应用。 SSH框架简介： 1. Struts2：作为MVC（Model-View-Controller）架构的一部分，负责处理用户请求并将其转发到相应的Action。Action处理业务逻辑后，返回结果给视图层...
ssh(dwr).rar_DWR SSH_dwr_java dwr_ssh_ssh dwr
09-20
在这个"ssh(dwr).rar_DWR SSH_dwr_java dwr_ssh_ssh_dwr"压缩包中，我们有一个关于如何将SSH与DWR整合的示例项目。这个整合能够帮助开发者在远程服务器上执行命令，或者通过DWR调用Java服务，然后通过SSH传输数据，...
dwr与ssh框架整合源码
04-15
【标题】"dwr与ssh框架整合源码"所涉及的知识点主要集中在Web开发领域，特别是Java后端技术栈的应用。DWR（Direct Web Remoting）是一个开源的Java库，它使得JavaScript可以与服务器端的Java对象直接交互，实现动态...
运行VUE项目运行时候的报错汇总
最新发布
W3306698294的博客
09-21 123
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
Babel
小秀的博客
09-20 642
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
RedisTemplate混用带来的序列化问题
咖啡煮码
09-18 741
RedisTemplate 不要乱用哦，否则极易出现序列化问题
前端vue3打印，多页打印，不使用插件（工作中让我写一个打印功能）
m0_51798113的博客
09-17 725
getTableData().tableData，其实就是去后端获取参数去了，因为这是公司的前端框架，基于vxe的，包装的方法，获取了一个表格信息，相当于获取参数。说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。这里也很关键，中间我遇到一个问题，那就是经常第一次点击按钮，dom元素没有加载完，就弹出打印框了，所以我加了一个异步事件，还有记得把抽屉关了。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值