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：

[xhtml]@H_403_19@ view plain copy

<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配置文件：

[xhtml]@H_403_19@ view plain copy

<?xmlversion="1.0"encoding="UTF-8"?>

<!DOCTYPEdwrPUBLIC"-//GetAheadLimited//DTDDirectWebRemoting

2.0//EN""http://www.getahead.ltd.uk/dwr/dwr20.dtd">

<dwr>

<allow>

<createjavascript="showList"creator="spring"

scope="application">

<paramname="beanName"value="dwrquery"/>

</create>

<convertmatch="org.huajun.news.bean.News"converter="bean">

</convert>

<convertconverter="bean"match="java.lang.StackTraceElement"/>

<convertconverter="exception"match="java.lang.Exception"/>

</allow>

</dwr>

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

[xhtml]@H_403_19@ view plain copy

<?xmlversion="1.0"encoding="UTF-8"?>

<beansxmlns="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/beanshttp://www.springframework.org/schema/beans/spring-beans-2.0.xsd">

<beanid="dwrquery"class="org.huajun.dwr.action.DWRQuery"scope="prototype">

<propertyname="qes">

<refbean="qes"/>

</property>

</bean>

<beanid="qes"class="org.huajun.dwr.serviceImpl.DWRQueryServiceImpl"scope="prototype">

<propertyname="qd">

<refbean="qd"/>

</property>

</bean>

<beanid="qd"class="org.huajun.dwr.daoImpl.DWRQueryDaoImpl"></bean>

</beans>

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

[java]@H_403_19@ view plain copy

privateStringtitle;//标题

privateStringcreater;//录入人

privateintchecks;//点击数

dwr package：

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

DWRQueryDaoImpl：

[java]@H_403_19@ view plain copy

publicList<News>getNewsListByTitle(Stringtitle,Stringcolid){

try{

Stringhql="fromNewsasowhereo.titlelike'%"+title.trim()+"%'ando.pubstate='已发布'ando.newscolumn.id='"+colid.trim()+"'orderbypubstatedesc";

return(List<News>)super.getHibernateTemplate().find(hql);

}catch(RuntimeExceptionre){

throwre;

}

}

publicList<News>getNewsListByPage(finalStringtitle,finalStringcolid,finalintpageNo,finalintpagesize){

finalMap<String,List<News>>map=newHashMap<String,List<News>>();

try{

super.getHibernateTemplate().execute(newHibernateCallback<List<News>>()

{

publicList<News>doInHibernate(Sessionsession)throwsHibernateException,sqlException

{

Stringhql="fromNewsasowhereo.titlelike'%"+title.trim()+"%'ando.pubstate='已发布'ando.newscolumn.id='"+colid.trim()+"'orderbypubstatedesc";

Queryquery=session.createQuery(hql);

intfirstindex=(pageNo-1)*pagesize;

query.setFirstResult(firstindex).setMaxResults(pagesize);

Listlist=query.list();

map.put("map",list);

returnnull;

}

});

ListreturnList=map.get("map");

returnreturnList;

}catch(RuntimeExceptionre){

throwre;

}

}

DWRQuery ：

[java]@H_403_19@ view plain copy

publicMapdwrQuery(Stringtitle,Stringcolid,intpageNo){

List<News>list=newArrayList<News>();

list=qes.getNewsListByTitle(title,colid);

//获得总记录数

IntegerrecordCount=list.size();

//总页数

intpageCount=(int)Math.ceil(recordCount.doubleValue()/this.getPagesize());

list.clear();

list=qes.getNewsListByPage(title,colid,pageNo,this.getPagesize());

Mapmap=newHashMap();

map.put("recordCount",recordCount);//总记录数

map.put("pageSize",this.getPagesize());//每页显示数

map.put("pageCount",pageCount);//总页数

map.put("dataList",list);//新闻集合

returnmap;

}

页面：

@H_403_19@

[xhtml]@H_403_19@ view plain copy@H_403_19@

@H_403_19@

<scripttype="text/javascript">@H_403_19@

@H_403_19@

currentPage=1;//当前页码全局变量@H_403_19@

functionchangtable(pageNo){@H_403_19@

if(pageNo<1){@H_403_19@

pageNo=1;//当前页为1@H_403_19@

}@H_403_19@

currentPage=pageNo;//根据当前页数修改全局变量@H_403_19@

varquerytitle=document.getElementById("querytitle");//这里是查询字段@H_403_19@

//这里调用DWRQuery的dwrQuery方法@H_403_19@

showList.dwrQuery(querytitle.value,callBackMethod);@H_403_19@

}@H_403_19@

@H_403_19@

functioncallBackMethod(map){@H_403_19@

varshowmsg=document.getElementById("showmsg");@H_403_19@

varcolname=document.getElementById("colname").value;@H_403_19@

showmsg.innerHTML="";@H_403_19@

DWRUtil.removeAllRows("tablebody");@H_403_19@

//没有查询到相应记录@H_403_19@

if(map['dataList'].length==0){@H_403_19@

showmsg.innerHTML="<fontcolor='red'>没有查询到相应记录！</font>";@H_403_19@

}else{@H_403_19@

//这里调用的DWRUtil.addRows方法可以参考我的上一篇文章@H_403_19@

DWRUtil.addRows("tablebody",map['dataList'],@H_403_19@

[@H_403_19@

function(item){@H_403_19@

return" <inputtype='checkBox'name='checkBox'value='"+item.id+"'/>"@H_403_19@

},@H_403_19@

function(item){@H_403_19@

return"  <atarget='_blank'href="pubnews!looknew.action?id="+item.id+"'>"+item.title+"</a>"@H_403_19@

@H_403_19@

},@H_403_19@

function(item){return"  "+item.creater},@H_403_19@

function(item){return"  "+item.checks}@H_403_19@

],@H_403_19@

{escapeHtml:false});@H_403_19@

}@H_403_19@

@H_403_19@

showPageBar(map,currentPage);//根据全局当前页数调用显示页面导航的函数@H_403_19@

}@H_403_19@

@H_403_19@

@H_403_19@

//显示页码导航@H_403_19@

functionshowPageBar(map,pageNo){@H_403_19@

varpageBar=document.getElementById("pageDiv");@H_403_19@

varrecordCount=map['recordCount'];//总记录数@H_403_19@

varpageSize=map['pageSize'];//每页显示记录数@H_403_19@

varpageCount=map['pageCount'];//总页数@H_403_19@

varpageStr="当前页:第"+pageNo+"页|";@H_403_19@

pageStr+="总记录数:"+recordCount+"条|";@H_403_19@

pageStr+="每页显示:"+pageSize+"条|";@H_403_19@

pageStr+="总页数:"+pageCount+"页|";@H_403_19@

if(pageNo==1){@H_403_19@

pageStr+="首页上一页";@H_403_19@

}else{@H_403_19@

pageStr+="<ahref="javascript:changtable(1)">首页</a>@H_403_19@

<ahref="javascript:changtable("+(pageNo-1)+")">上一页</a>";@H_403_19@

}@H_403_19@

if(pageNo<pageCount){@H_403_19@

pageStr+="<ahref="javascript:changtable("+(pageNo+1)+")">@H_403_19@

下一页</a><ahref="javascript:changtable("+pageCount+")">末页</a>";@H_403_19@

}else{@H_403_19@

pageStr+="下一页末页";@H_403_19@

}@H_403_19@

pageStr+=" ";@H_403_19@

pageBar.innerHTML=pageStr;@H_403_19@

}@H_403_19@

//引入dwr的js库文件@H_403_19@

<scripttype='text/javascript'src='dwr/interface/showList.js'></script>@H_403_19@

<scripttype='text/javascript'src='dwr/engine.js'></script>@H_403_19@

<scripttype='text/javascript'src='dwr/util.js'></script>@H_403_19@

//展示列表@H_403_19@

<tablealign="center">@H_403_19@

<tbody>@H_403_19@

<tr>@H_403_19@

<thwidth="28px">@H_403_19@

<inputtype="checkBox"id="allche"value="checkBox"@H_403_19@

title="全选/全不选"onclick="allChoose();changeIds();">@H_403_19@

</th>@H_403_19@

<th>@H_403_19@

标题@H_403_19@

</th>@H_403_19@

<th>@H_403_19@

录入者@H_403_19@

</th>@H_403_19@

<th>@H_403_19@

点击数@H_403_19@

</th>@H_403_19@

</tr>@H_403_19@

</tbody>@H_403_19@

<tbodyid="tablebody">@H_403_19@

</tbody>@H_403_19@

</table>@H_403_19@

<divid="showmsg"align="center">@H_403_19@

</div>@H_403_19@

<divid="pageDiv"align="right">@H_403_19@

</div>@H_403_19@

//最终实现的分页效果

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

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

DWR与SSH 配置

猜你在找的Ajax相关文章