简单分页

分页对象

pageDto:

package nnnmc.auditor.datacenter.dto;

public class PageDTO {

	/**
     * 总记录数
     */
	private int itemCount;
	/**
	 * 当前页码
	 */
    private int pageCurrent = 1;
    /**
     * 每页显示记录数
     */
    private int pageSize = 10;
    /**
     * 总页数
     */
    private int pageCount;
    /**
     * 是否首页
     */
    private boolean hasPre;
    /**
     * 是否尾页
     */
    private boolean hasNext;
    
    public PageDTO(int itemCount, int pageCurrent, int pageSize) {
        this.itemCount = itemCount;
        this.pageSize = pageSize;
        this.pageCount=(itemCount % pageSize == 0) ? itemCount/pageSize :itemCount/pageSize+1;
        this.pageCurrent=pageCurrent>pageCount?pageCount:pageCurrent;
        if(this.pageCurrent<1){
        	this.pageCurrent=1;
        }
        this.hasPre=pageCurrent>1;
        this.hasNext=pageCurrent1;
	}


	public void setHasNext() {
		this.hasNext=this.pageCurrent 
  

 
  
CSS:
 
  
@CHARSET "UTF-8";

.pagination {
    float: right;
    padding: 5px;
}

.pagination span.disabled {
    border: 1px solid #eee;
    color: #ddd;
    margin: 2px;
    padding: 2px 5px;
}
.pagination span.current {
    background-color: #006699;
    border: 1px solid #006699;
    color: #fff;
    font-weight: bold;
    margin: 2px;
    padding: 2px 5px;
}
.pagination a, .pagination a:link, .pagination a:visited {
    border: 1px solid #aaaadd;
    color: #006699;
    margin: 2px;
    padding: 2px 5px;
    text-decoration: none;
    cursor: pointer;
}
.pagination a:hover, .pagination a:active {
    border: 1px solid #006699;
    color: #000;
    text-decoration: none;
}
div#content {
    text-align: left;
}
 
  

 
  
JS:
 
  
1，第一种：分页元素（即点击的其它页，如上一页之类的）直接onclick执行一个方法；
 
  
	//显示分页
	function showPage(pageObj){
		var pagehtml="";
		if(pageObj.hasPre){
			pagehtml+=" 上一页";
		}else{
			pagehtml+=" 上一页";
		}
		
		//如果小于10页
		if(pageObj.pageCount<=10){
			for(var i=1;i<=pageObj.pageCount;i++){
				if(i==pageObj.pageCurrent){
					pagehtml+=""+i+"";
				}else{
					pagehtml+=""+i+"";
				}
			}
		}
		
		//大于10页
		if(pageObj.pageCount>10){
			if(pageObj.pageCurrent<6){
				for(var i=1;i<=pageObj.pageCurrent+1;i++){
					if(i==pageObj.pageCurrent){
						pagehtml+=""+i+"";
					}else{
						pagehtml+=""+i+"";
					}
				}
				pagehtml+="…";
				pagehtml+=""+eval(pageObj.pageCount-1)+"";
				pagehtml+=""+pageObj.pageCount+"";
			}
			if(pageObj.pageCurrent>5&&pageObj.pageCurrent";
				pagehtml+=""+2+"";
				pagehtml+="…";
				pagehtml+=""+eval(pageObj.pageCurrent-1)+"";
				pagehtml+=""+pageObj.pageCurrent+"";
				pagehtml+=""+eval(pageObj.pageCurrent+1)+"";
				pagehtml+="…";
				pagehtml+=""+eval(pageObj.pageCount-1)+"";
				pagehtml+=""+pageObj.pageCount+"";
			}
			if(pageObj.pageCurrent>pageObj.pageCount-6){
				pagehtml+=""+1+"";
				pagehtml+=""+2+"";
				pagehtml+="…";
				for(var i=pageObj.pageCurrent-1;i<=pageObj.pageCount;i++){
					if(i==pageObj.pageCurrent){
						pagehtml+=""+i+"";
					}else{
						pagehtml+=""+i+"";
					}
				}
			}
		}
		
		if(pageObj.hasNext){
			pagehtml+="下一页 ";
		}else{
			pagehtml+="下一页 ";
		}
		return pagehtml;
	}
	
	//点击分页页码执行函数，n表示点击的页码数（需要跳转的页码）
	//将这个函数复制到所在网页中完善功能
	//	function pageRequest(n){
	//		console.log("pageRequert:"+n);
	//	}
 
  

 
  
2，第二种：为每个元素绑定onclick监听事件，去执行一个方法；
 
  
$(function(){
        //快速搜索分页
	$("#quick_search_page").on("click","a",function(){
		var currpage = $(this).attr("item");
		console.log("session_page a:"+currpage)
		quickSearch(currpage);
	}); 
}

	//显示分页
	function showPage(pageObj){
		var pagehtml="";
		if(pageObj.hasPre){
			pagehtml+=" 上一页";
		}else{
			pagehtml+=" 上一页";
		}
		
		//如果小于10页
		if(pageObj.pageCount<=10){
			for(var i=1;i<=pageObj.pageCount;i++){
				if(i==pageObj.pageCurrent){
					pagehtml+=""+i+"";
				}else{
					pagehtml+=""+i+"";
				}
			}
		}
		
		//大于10页
		if(pageObj.pageCount>10){
			if(pageObj.pageCurrent<6){
				for(var i=1;i<=pageObj.pageCurrent+1;i++){
					if(i==pageObj.pageCurrent){
						pagehtml+=""+i+"";
					}else{
						pagehtml+=""+i+"";
					}
				}
				pagehtml+="…";
				pagehtml+=""+eval(pageObj.pageCount-1)+"";
				pagehtml+=""+pageObj.pageCount+"";
			}
			if(pageObj.pageCurrent>5&&pageObj.pageCurrent";
				pagehtml+=""+2+"";
				pagehtml+="…";
				pagehtml+=""+eval(pageObj.pageCurrent-1)+"";
				pagehtml+=""+pageObj.pageCurrent+"";
				pagehtml+=""+eval(pageObj.pageCurrent+1)+"";
				pagehtml+="…";
				pagehtml+=""+eval(pageObj.pageCount-1)+"";
				pagehtml+=""+pageObj.pageCount+"";
			}
			if(pageObj.pageCurrent>pageObj.pageCount-6){
				pagehtml+=""+1+"";
				pagehtml+=""+2+"";
				pagehtml+="…";
				for(var i=pageObj.pageCurrent-1;i<=pageObj.pageCount;i++){
					if(i==pageObj.pageCurrent){
						pagehtml+=""+i+"";
					}else{
						pagehtml+=""+i+"";
					}
				}
			}
		}
		
		if(pageObj.hasNext){
			pagehtml+="下一页 ";
		}else{
			pagehtml+="下一页 ";
		}
		return pagehtml;
	}
	
	function quickSearch(n){
	    $("#quick_search_page").empty();
	    $("#quick_search_page").append(pagehtml);
	}
 
  

 
  
html: