主要字段含义:
页号 pagaNo
页面大小 pageSize
总记录条数 recordCount
计算本次一共分多少页 myPageSize
页号显示开始 start
页号显示结束 end
PageTag需要继承TagSupport类用于实现自定义标签。
import java.io.IOException; import javax.servlet.jsp.JspException; import javax.servlet.jsp.tagext.TagSupport; public class PageTag extends TagSupport { /** * */ private static final long serialVersionUID = 1L; //页号 第几页 private int pageNo = 1; //页面大小,每一页显示几条记录 private int pageSize = 5; //分页操作后台响应类,后台响应servlet private String url; //总的记录条数,本次分页操作所有的记录总数 private int recordCount = 0; @Override public int doEndTag() throws JspException { // TODO Auto-generated method stub return super.doEndTag(); } @Override public int doStartTag() throws JspException { // TODO Auto-generated method stub //自定义标签的业务逻辑处理,使用分页的相关参数,组织分页标签的内容 StringBuilder tagContent = new StringBuilder(); //组织自定义分页标签的css样式表 tagContent .append("<style type='text/scc'>") .append(".pagination {padding:5px;float:right;font-size:12px;}") .append(".pagination a, .pagination a:link, .pagination a:visited {padding:2px 5px;margin:2px;boder:1px solid #aaaadd;text-decoration:none;color:#006699;}") .append(".pagination a:hover, .pagination a:active {border:1px solid #ff0000;font-weight: bold;background-color: #ff0000; color: #FFF;}") .append(".pagination span.disabled {padding: 2px 5px;margin: 2px;border: 1px solid #eee; color: #ddd;}") .append("</style>"); //自定义标签的标签体内容 tagContent.append("<div class='pagination'>"); if(this.recordCount == 0){ //没有查询到结果记录集,则提示没有显示数据 tagContent.append("<strong>没有可显示的项目</strong>/r/n"); }else{ //查询结果有显示数据时,则进行分页处理 tagContent.append("<form method='post' action='"); tagContent.append(this.getUrl()); tagContent.append("' name='qPagerForm'>"); //自定义标签的隐藏属性,用来进行页码变换时的表单数据:页码和页面大小 tagContent.append("<input type='hidden' name='pageNo' value='1'/>"); tagContent.append("<input type='hidden' name='pageSize' value='"); tagContent.append(this.getPageSize()); tagContent.append(" '/>"); tagContent.append(" 共<strong>"); tagContent.append(this.getRecordCount()); tagContent.append("</strong>项,<strong>"); //计算本次分一共有多少页:不足一页的也算作一页 int myPageSize = (int)Math.ceil((double)this.getRecordCount()/this.getPageSize()); tagContent.append(myPageSize); tagContent.append("</strong>页: "); //防止页面越界的处理 if(this.pageNo > myPageSize){ this.pageNo = myPageSize; } if(this.pageNo < 1){ this.pageNo = 1; } //当前页为第一页时,则上一页不能显示超链接 if(this.pageNo == 1){ tagContent.append("<span class='disabled'>« 上一页</span>"); }else{ //当前页不为第一页时,则进行页面链接处理 tagContent.append("<a href='javascript:turnOverPage(") .append((pageNo - 1)).append(")'>« 上一页</a>/r/n"); } //如果前面页数过多,显示"..." int start = 1; if(this.pageNo > 4){ //在前面的页数大于4页情况下,从当前页的前一页开始显示,前面的页数使用...代替 start = this.pageNo - 1; tagContent.append("<a herf='javascript:turnOverPage(1)'>1</a>/r/n"); tagContent.append("<a herf='javascript:turnOverPage(2)'>2</a>/r/n"); tagContent.append("…/r/n"); } //显示当前页附近的页 int end = this.pageNo + 1; //如果当前页为最后一页 if(end > myPageSize) { //防止end记录的最后一页超出总页数 end = myPageSize; } for(int i = start; i <= end; i++){ if(pageNo ==i){ //当前页号不需要超链接 tagContent.append("<span class='current'>").append(i).append("</span>/r/n"); }else{ //当前页前后的几页需要加上超链接 tagContent.append("<a herf=''javascript:turnOverPage(").append(i) .append(")'>").append(i).append("</a>/r/n"); } } //如果后面页数过多,显示"..." if(end < myPageSize - 2){ //使用...替换 tagContent.append("…/r/n"); } if(end < myPageSize - 1){ //刚好后面剩余页数为两页 tagContent.append("<a herf='javascript:turnOverPage(").append(myPageSize - 1).append(")'>") .append(myPageSize - 1).append("</a>/r/n"); } if(end < myPageSize){ //刚好后面的页数剩余一页 tagContent.append("<a herf='javascript:turnOverPage(").append(myPageSize).append(")'>").append(myPageSize).append("</a>/r/n"); } //下一页处理 if(pageNo == myPageSize){ //如果当前页数为最后一页,则不需要超链接 tagContent.append("<span class='disabled'>下一页 »").append("</span>/r/n"); }else{ //下一页的超链接可以使用 tagContent.append("<a herf='javascript:turnOverPage(").append((pageNo + 1)).append(")'>下一页 »</a>/r/n"); } tagContent.append("</from>"); //拼写js处理函数:当用户点击某一页时,需要将这一页的页码赋值给隐藏表单域, //用来将其作为表单发送给分页响应的servlet tagContent.append("<script language='javascript'>"); tagContent.append("function turnOverPage(no){"); tagContent.append("if(no>"); tagContent.append(myPageSize); tagContent.append("){no="); tagContent.append(myPageSize); tagContent.append(";}"); tagContent.append("if(no<1){no=1;}"); tagContent.append("document.qPagerForm.pageNo.value=no;"); tagContent.append("document.qPagerForm.submit();"); tagContent.append("}"); tagContent.append("</script>"); tagContent.append("</div>"); } //输出标签的内容到前台页面 try { this.pageContext.getOut().write(tagContent.toString()); } catch (IOException e) { //自定义标签输出错误 System.out.println("自定义标签输出错误:" + e.getMessage()); } return SKIP_BODY; } public int getPageNo() { return pageNo; } public void setPageNo(int pageNo) { this.pageNo = pageNo; } public int getPageSize() { return pageSize; } public void setPageSize(int pageSize) { this.pageSize = pageSize; } public String getUrl() { return url; } public void setUrl(String url) { this.url = url; } public int getRecordCount() { return recordCount; } public void setRecordCount(int recordCount) { this.recordCount = recordCount; } }
分页的javascript函数
<script language='javascript'> function turnOverPage(no){ if(no > pageSize){ no = pageSize; } if(no < 1){ no = 1; } document.qPagerForm.pageNo.value=no; document.qPagerForm.submit(); } </script>