DWR整合SSH

项目需要用到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：

 

<listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <servlet> <servlet-name>dwr-invoker</servlet-name> <servlet-class>org.directwebremoting.servlet.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>

 

dwr配置文件：

 

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE dwr PUBLIC "-//GetAhead Limited//DTD Direct Web Remoting 2.0//EN" "http://www.getahead.ltd.uk/dwr/dwr20.dtd" > <dwr> <allow> <create javascript="showList" creator="spring" scope="application"> <param name="beanName" value="dwrquery" /> </create> <convert match="org.huajun.news.bean.News" converter="bean"> </convert> <convert converter="bean" match="java.lang.StackTraceElement" /> <convert converter="exception" match="java.lang.Exception" /> </allow> </dwr>

 

 

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

 

<?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" default-autowire="byName" xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-2.0.xsd"> <bean id="dwrquery" class="org.huajun.dwr.action.DWRQuery" scope="prototype"> <property name="qes"> <ref bean="qes" /> </property> </bean> <bean id="qes" class="org.huajun.dwr.serviceImpl.DWRQueryServiceImpl" scope="prototype"> <property name="qd"> <ref bean="qd" /> </property> </bean> <bean id="qd" class="org.huajun.dwr.daoImpl.DWRQueryDaoImpl"></bean> </beans>

 

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

 

private String title;//标题 private String creater;//录入人 private int checks;//点击数

dwr package：

 

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

DWRQueryDaoImpl：

public List<News> getNewsListByTitle(String title,String colid){
		try {
			String hql="from News as o where o.title like '%"+title.trim()+"%' and o.pubstate='已发布' and o.newscolumn.id='"+colid.trim() +"' order by pubstate desc";
			return (List<News>)super.getHibernateTemplate().find(hql);
		} catch (RuntimeException re) {
			throw re;
		}
	}
	
public List<News> getNewsListByPage(final String title,final  String colid,final int pageNo,final int pagesize){
		final Map<String,List<News>> map=new HashMap<String,List<News>>();
		try {
			super.getHibernateTemplate().execute(new HibernateCallback<List<News>>()
					{
						public List<News> doInHibernate(Session session) throws HibernateException, SQLException
						{
							String hql="from News as o where o.title like '%"+title.trim()+"%' and o.pubstate='已发布' and o.newscolumn.id='"+colid.trim() +"' order by pubstate desc";
							Query query = session.createQuery(hql);
							
							int firstindex=(pageNo-1)*pagesize;
							query.setFirstResult(firstindex).setMaxResults(pagesize);
							
							List list= query.list();
							map.put("map",list);
							return null;
						}

					});
			List returnList=map.get("map");
			return returnList;
		} catch (RuntimeException re) {
			throw re;
		}
	}

DWRQuery ：

public Map dwrQuery(String title,String colid,int pageNo){
		List<News> list=new ArrayList<News>();
	    list=qes.getNewsListByTitle(title, colid);
	    //获得总记录数
	    Integer recordCount=list.size();
	    //总页数
	    int pageCount=(int)Math.ceil(recordCount.doubleValue()/this.getPagesize());
	    
	    list.clear();
	    list=qes.getNewsListByPage(title, colid, pageNo, this.getPagesize());
	    Map map=new HashMap();
	    map.put("recordCount", recordCount);//总记录数
	    map.put("pageSize", this.getPagesize());//每页显示数
	    map.put("pageCount", pageCount);//总页数
	    map.put("dataList", list);//新闻集合
	    
		return map;
	}

 

页面：

<!-- DWR JS--> <script type="text/javascript"> currentPage=1;//当前页码全局变量 function changtable(pageNo){ if(pageNo<1){ pageNo=1;//当前页为1 } currentPage=pageNo;//根据当前页数修改全局变量 var querytitle=document.getElementById("querytitle");//这里是查询字段 //这里调用DWRQuery的dwrQuery方法 showList.dwrQuery(querytitle.value,pageNo,callBackMethod); } function callBackMethod(map){ var showmsg=document.getElementById("showmsg"); var colname=document.getElementById("colname").value; showmsg.innerHTML=""; DWRUtil.removeAllRows("tablebody"); //没有查询到相应记录 if(map['dataList'].length==0){ showmsg.innerHTML="<font color='red'>没有查询到相应记录！</font>"; } else{ //这里调用的DWRUtil.addRows方法可以参考我的上一篇文章 DWRUtil.addRows("tablebody",map['dataList'], [ function(item){ return "&nbsp;<input type='checkbox' name='checkbox' value='"+item.id+ "' />" }, function(item){ return "&nbsp;&nbsp;<a target='_blank' href="pubnews!looknew.action?id="+item.id+"'>" +item.title+"</a>" }, function(item){return "&nbsp;&nbsp;"+item.creater}, function(item){return "&nbsp;&nbsp;"+item.checks} ], {escapeHtml:false} ); } showPageBar(map,currentPage);//根据 全局当前页数 调用显示页面导航的函数 } //显示页码导航 function showPageBar(map,pageNo){ var pageBar=document.getElementById("pageDiv"); var recordCount=map['recordCount'];//总记录数 var pageSize=map['pageSize'];//每页显示记录数 var pageCount=map['pageCount'];//总页数 var pageStr="当前页:第 "+pageNo+" 页 | "; pageStr+="总记录数: "+recordCount+" 条 | "; pageStr+="每页显示: "+pageSize+" 条 | "; pageStr+="总页数: "+pageCount+" 页 | "; if(pageNo==1){ pageStr += "首 页 上一页 "; }else{ pageStr += "<a href="javascript:changtable(1)" >首 页</a> <a href="javascript:changtable("+(pageNo-1)+")" >上一页</a> "; } if(pageNo < pageCount){ pageStr += "<a href="javascript:changtable("+(pageNo+1)+")" > 下一页</a> <a href="javascript:changtable("+pageCount+")" >末 页</a> "; }else{ pageStr += "下一页 末 页 "; } pageStr += "&nbsp;"; pageBar.innerHTML= pageStr; } // 引入dwr的js库文件 <script type='text/javascript' src='dwr/interface/showList.js'></script> <script type='text/javascript' src='dwr/engine.js'></script> <script type='text/javascript' src='dwr/util.js'></script> //展示列表 <table align="center"> <tbody> <tr> <th width="28px"> <input type="checkbox" id="allche" value="checkbox" title="全选/全不选" οnclick="allChoose();changeIds();"> </th> <th > 标题 </th> <th > 录入者 </th> <th > 点击数 </th> </tr> </tbody> <tbody id="tablebody"> </tbody> </table> <div id="showmsg" align="center"> </div> <div id="pageDiv" align="right"> </div>

 

 

 //最终实现的分页效果

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

DWR整合SSH大致总结到这里，粘了比较多的代码。希望能给有类似需求的朋友们提供一点点帮助。