js通用分页方法

Java后台：

public class PageEntity {

	private int page;//当前页码
	private int total;//一共多少条
	private int totalPage;//一共多少页
	private int firstResult;//当前首记录
	private int lastResult;//当前尾记录
	private int pageSize = 10; //每页几条数据
	public int getPage() {
		return page;
	}
	public void setPage(int page) {
		this.page = page;
	}
	public int getTotal() {
		return total;
	}
	public void setTotal(int total) {
		this.total = total;
	}
	public int getTotalPage() {
		return totalPage;
	}
	public void setTotalPage(int totalPage) {
		this.totalPage = totalPage;
	}
	public int getFirstResult() {
		return firstResult;
	}
	public void setFirstResult(int firstResult) {
		this.firstResult = firstResult;
	}
	public int getLastResult() {
		return lastResult;
	}
	public void setLastResult(int lastResult) {
		this.lastResult = lastResult;
	}
	public int getPageSize() {
		return pageSize;
	}
	public void setPageSize(int pageSize) {
		this.pageSize = pageSize;
	}

}


//这里注意page必须在firstResult之前计算
public PageEntity getPageEntity(HttpServletRequest request,GenericIface entityDao,String where) {

		String strPage = request.getParameter("page") == null ? "1":request.getParameter("page");
		int page = Integer.parseInt(strPage);//要查询的页数
		int total = entityDao.findNumber(where);//当前数据库总记录数

		int pageSize = 20;//每页要显示的记录
		int firstResult = 0;//起始记录
		int lastResult = 0;//末尾记录
		int totalPage = 0;
		if(total > 0){

			totalPage = (total + pageSize -1)/pageSize;

			if(page == -1){

				page = totalPage;
			}else if(page < 1){

				page = 1;
			}else if(page > totalPage){

				page = totalPage;
			}
			firstResult = (page-1)*pageSize;
			lastResult = firstResult + pageSize;
		}else{
			//如果没有记录  则清零  因为页面有加1处理  所以firstResult=-1
			page = 0;
			firstResult = -1;
			lastResult = 0;
		}

		PageEntity pageEntity = new PageEntity();
		pageEntity.setFirstResult(firstResult);
		pageEntity.setLastResult(lastResult);
		pageEntity.setPage(page);
		pageEntity.setTotal(total);
		pageEntity.setTotalPage(totalPage);
		pageEntity.setPageSize(pageSize);

		return pageEntity;

	}


前台js：
//分页程序 1表示第一页 2表示上一页 3表示下一页 4表示尾页
function changePage(e){

	var page = document.getElementById("nowPage") == null ? "1":document.getElementById("nowPage").value;
	switch(e){

		case 1:page=1;break;
		case 2:page--;break;
		case 3:page++;break;
		case 4:page=-1;break;
	}
	var url = "action.do?page=" + page + getCondition(page);
	document.location.href = url;
}

function forwardPage(){

	var page = document.getElementById("nowPage") == null ? "1":document.getElementById("nowPage").value;
	var exp = /^(0|[1-9]\d*)$/;
	var result = page.match(exp);
	if(result != null){

		var url = " action.do?page=" + page + getCondition(page);
		document.location.href = url;
	}else{

		alert("请输入合法数字!");
	}
}


Jsp页面:
<div id="page" class="w_872 mrg_s10">
<label><input name="" type="button" class="tnleft1" onClick="changePage(1)" title="首页" /></label>
<label><input name="" type="button" class="tnleft2" onClick="changePage(2)" title="上一页" /></label>
<label class="fo">页码 <input type="text" class="input5" id="nowPage" value="${pageEntity.page }" onblur="forwardPage()"> of <span>${pageEntity.totalPage }</span></label>
<label><input name="" type="button" class="tnrig2" onClick="changePage(3)" title="下一页" /></label>
<label><input name="" type="button" class="tnrig1" onClick="changePage(4)" title="尾页" /></label>
<label class="rig"><span>${pageEntity.firstResult+1 }</span> to <span>${pageEntity.lastResult }</span>，共<span>${pageEntity.total }</span>条</label>
</div>


页面效果展示:

[img]http://dl.iteye.com/upload/attachment/212038/ed890b11-1a5e-3e70-afb7-80cef60dfce8.jpg[/img]