浅谈SSH+ajax分页效果

浅谈SSH+ajax分页效果，闲来无事是，做个一个分页效果，给大家分享一下看看。

pageBean中的 domain类

public class PageBean {
    private int currentPageNo=1;//当前页面
    private int pageSize;//每页有多少条数据
    private int totalRecords;//总记录数
    private int totalPageNo;//总页面数
    private List datas;//数据
 //获取上一页的页码
    public int getPreviewPageNo(){
     if(currentPageNo<=1) {
         return 1;
     }
        return currentPageNo-1;

    }
    //返回下一页的页码
    public int getNextPageNo(){
     if(currentPageNo>=totalPageNo){
         return totalPageNo;

     }
       return currentPageNo+1;

    }

    public int getCurrentPageNo() {
        return currentPageNo;
    }

    public void setCurrentPageNo(int currentPageNo) {
        this.currentPageNo = currentPageNo;
    }

    public int getPageSize() {
        return pageSize;
    }

    public void setPageSize(int pageSize) {
        this.pageSize = pageSize;
    }

    public int getTotalRecords() {
        return totalRecords;
    }

    public void setTotalRecords(int totalRecords) {
        this.totalRecords = totalRecords;
        //获取总页面数
        int totalPageNo=this.getTotalRecords()%pageSize==0? this.totalRecords/pageSize:this.totalRecords
                /pageSize+1;
        this.setTotalPageNo(totalPageNo);
    }

    public int getTotalPageNo() {
        return totalPageNo;
    }

    public void setTotalPageNo(int totalPageNo) {
        this.totalPageNo = totalPageNo;
    }

    public List getDatas() {
        return datas;
    }

    public void setDatas(List datas) {
        this.datas = datas;
    }
}

dao层如下所示：

public class BaseDaoImpl extends HibernateDaoSupport implements BaseDao { private Class clazz; public BaseDaoImpl() { //从jvm虚拟中获取正在运行的当前类 DeptDaoImpl  Class c=this.getClass(); //获取当前的运行类的父类 BaseDaoImpl  Type genericSuperclass=c.getGenericSuperclass(); //判断是否是参数化类型  if(genericSuperclass instanceof ParameterizedType){ ParameterizedType parameterizedType= (ParameterizedType) genericSuperclass; //获取泛型中的类型列表,返回类型数组  Type[] types=parameterizedType.getActualTypeArguments(); clazz= (Class) types[0]; } } public void save(T t) { this.getHibernateTemplate().save(t); } public void delete(T t) { this.getHibernateTemplate().delete(t); } public void update(T t) { this.getHibernateTemplate().update(t); } public T loadById(Serializable id) { return (T)this.getHibernateTemplate().load(clazz,id); } public List findAll() { //创建离线查询对象  DetachedCriteria dc=DetachedCriteria.forClass(clazz); return (List) this.getHibernateTemplate().findByCriteria(dc); } public PageBean findAllData(DetachedCriteria dc,int currentPageNo,int pageSize) { PageBean pageBean=new PageBean(); //设置当前页  pageBean.setCurrentPageNo(currentPageNo); //设置每页显示条数  pageBean.setPageSize(pageSize); //获取当前页下的所有数据  List datas = (List) this.getHibernateTemplate().findByCriteria(dc,(currentPageNo-1) * pageSize,pageSize); pageBean.setDatas(datas); //查询总记录数  Object o= this.getHibernateTemplate().find("SELECT COUNT(*) FROM Dept").get(0); long count=(Long)o; int a=(int)count; //将总记录数设置在pageBean对象中,以便计算总页数  pageBean.setTotalRecords(a); return pageBean; } } 

最重要的事物提交：@Transactional

@Transactional
public class PageBizImpl implements PageBiz {
    private PageDao pageDao;
    public PageBean findAllData(DetachedCriteria dc, int currentPageNo, int pageSize) {
       return   pageDao.findAllData(dc,currentPageNo,pageSize);
    }

    public void setPageDao(PageDao pageDao) {
        this.pageDao = pageDao;
    }
}

action层，一定要注意有setget方法的实现：

public class PageAction extends ActionSupport { private PageBiz pageBiz; private int currentPageNo=1; private PageBean pageBean=new PageBean(); private int totalPageNo; public String getPage(){ DetachedCriteria dc=DetachedCriteria.forClass(Dept.class); pageBean=pageBiz.findAllData(dc,currentPageNo,3); return "success"; } public String getPageNo() throws IOException { DetachedCriteria dc=DetachedCriteria.forClass(Dept.class); pageBean=pageBiz.findAllData(dc,currentPageNo,3); sendJson(); return NONE; } public String before() throws IOException { System.out.println(currentPageNo); pageBean.setCurrentPageNo(currentPageNo); pageBean.setCurrentPageNo(pageBean.getPreviewPageNo()); System.out.println(pageBean.getCurrentPageNo()); DetachedCriteria dc=DetachedCriteria.forClass(Dept.class); pageBean=pageBiz.findAllData(dc,pageBean.getCurrentPageNo(),3); sendJson(); return NONE; } public String after() throws IOException { pageBean.setCurrentPageNo(currentPageNo); pageBean.setTotalPageNo(totalPageNo); System.out.println("No>>>>>>>>>>>>>"+currentPageNo); System.out.println("total>>>>>>>>>>"+totalPageNo); pageBean.setCurrentPageNo(pageBean.getNextPageNo()); DetachedCriteria dc=DetachedCriteria.forClass(Dept.class); pageBean=pageBiz.findAllData(dc,pageBean.getCurrentPageNo(),3); sendJson(); return NONE; } public void sendJson() throws IOException { List depts=pageBean.getDatas(); HttpServletResponse response= ServletActionContext.getResponse(); String jsonStr= JSON.toJSONString(depts); //将文件的类型设置为json格式  response.setContentType("text/json"); PrintWriter pw=response.getWriter(); pw.write(jsonStr); } public void setPageBiz(PageBiz pageBiz) { this.pageBiz = pageBiz; } public int getCurrentPageNo() { return currentPageNo; } public void setCurrentPageNo(int currentPageNo) { this.currentPageNo = currentPageNo; } public PageBean getPageBean() { return pageBean; } public void setPageBean(PageBean pageBean) { this.pageBean = pageBean; } public int getTotalPageNo() { return totalPageNo; } public void setTotalPageNo(int totalPageNo) { this.totalPageNo = totalPageNo; } }

<%@ taglib prefix="s" uri="/struts-tags" %> <%@ taglib prefix="c" uri="https://java.sun.com/jsp/jstl/core" %> <%--  Created by IntelliJ IDEA.  User: Administrator  Date: 2017/8/4  Time: 16:11  To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>Titletitle> <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.min.js">script> <script type="text/javascript"> $(function () { <c:forEach begin="1" end="${pageBean.totalPageNo}" var="pageNo"> $("#${pageNo}").click(function () { $("#pageNo").val(${pageNo}); $.get("${pageContext.request.contextPath}/page/pagegetPageNo.action",{currentPageNo:${pageNo}},function(data) { var tr=""; $(data).each(function(i,obj) { var td=""+obj.deptNO+""+ ""+obj.dname+""+""+obj.loc+""; tr=tr+td+""; }) $("#deptTable tr:gt(0)").remove(); $("#deptTable").append(tr); }); status(); }) c:forEach> $("#before").click(function () { var pageNo= parseInt($("#pageNo").val()); if(pageNo>=2){ $("#pageNo").val(pageNo-1); } $.get("${pageContext.request.contextPath}/page/pagebefore.action",{currentPageNo:pageNo},function(data) { var tr=""; $(data).each(function(i,obj) { var td=""+obj.deptNO+""+ ""+obj.dname+""+""+obj.loc+""; tr=tr+td+""; }) $("#deptTable tr:gt(0)").remove(); $("#deptTable").append(tr); }); status(); }) $("#after").click(function () { var pageNo= parseInt($("#pageNo").val()); if(pageNo<=${pageBean.totalPageNo}-1){ $("#pageNo").val(pageNo+1); } $.get("${pageContext.request.contextPath}/page/pageafter.action",{currentPageNo:pageNo,totalPageNo:${pageBean.totalPageNo}},function(data) { var tr=""; $(data).each(function(i,obj) { var td=""+obj.deptNO+""+ ""+obj.dname+""+""+obj.loc+""; tr=tr+td+""; }) $("#deptTable tr:gt(0)").remove(); $("#deptTable").append(tr); }); status(); }) }) function status() { var pageNo=parseInt(document.getElementById("pageNo").value); document.getElementById(pageNo).style.backgroundColor="red"; <c:forEach begin="1" end="${pageBean.totalPageNo}" var="pageNo"> if(pageNo!=${pageNo}){ document.getElementById("${pageNo}").style.backgroundColor="white"; } c:forEach> } window.onload=function () { document.getElementById("1").style.backgroundColor="red"; } script> head> <body> ${pageBean.totalPageNo} <input type="hidden" value="1" id="pageNo"/> <a href="#" style="padding-left: 5px;border: 1px solid gray;text-decoration: none" id="before">上一页a> <c:forEach begin="1" end="${pageBean.totalPageNo}" var="pageNo"> <a href="#" style="padding-left: 5px;border: 1px solid gray;text-decoration: none" id="${pageNo}">${pageNo}a> c:forEach> <a href="#" style="padding-left: 5px;border: 1px solid gray;text-decoration: none" id="after">下一页a> <table> <table id="deptTable"> <tr> <td>部门编号td> <td>部门名称td> <td>部门位置td> tr> <c:forEach items="${pageBean.datas}" var="data"> <tr> <td>${data.deptNO}td> <td>${data.dname}td> <td>${data.loc}td> tr> c:forEach>

table>
table>
body>
html>

这样效果就出来了：

希望这篇文档能对大家有所帮助！