javaWeb高级编程分页标签代码

 

<%@ tag pageEncoding="utf-8" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%@ attribute name="pm" required="true" type="com.zuxia.model.PageModel" %>
<%@ attribute name="url" required="true" type="java.lang.String" %>
<%@ attribute name="key" required="true" type="java.lang.String" %>
<%@ attribute name="type" required="false" type="java.lang.String" %>

<style>
<!--
 .sever a,.severspan{margin:5px;cursor:hand;}
 .sever .nowPage{color:blue;font-size:20px;font-family:"粗体";border:1px solid silver;padding-left:5px;padding-right:5px;}
 .sever .input{width: 30px;height:20px;border:1px solid silver; font-size: 12px;}
 .sever .submit{width:1px solid silver;height:20px;font-size:12px;width: 30px;}
-->
</style>
<script type="text/javascript">
<!--
function testPage(){
 var pageNo = document.pageForm.pageNo.value;
 if(/^[0-9]*[1-9][0-9]*$/.exec(pageNo)){
  if(pageNo > ${pm.pageSum }){
   document.pageForm.pageNo.value="${pm.pageSum }";
  }
  return true;
 }else if(pageNo != "" && pageNo < 1){
  document.pageForm.pageNo.value="1";
  return true;
 }else{
  document.pageForm.pageNo.value="${pm.pageNo }";
  return false;
 }
}
//-->
</script>
<form class="sever" name="pageForm" οnsubmit="return testPage()" action="${url}">

<%
 out.print("<input type='hidden' value='"+type+"' name='type' />");
 out.print("<input type='hidden' value='"+key+"' name='KeyWords' />");
 int beginNo = pm.getPageNo() - 2 < 2? 2 : pm.getPageNo() - 2;
 int endNo =  pm.getPageNo() + 3 >  pm.getPageSum() ? pm.getPageSum() :  pm.getPageNo() + 3;
 
 if(pm.getPageNo() == 1){
  out.print("<span class='nowPage'>1</span>");
 }else{
  out.print("<a href='"+url+"?pageNo=1&KeyWords="+key+"'&type="+type+"' >1</a>");
 }
 if(pm.getPageNo() > 4){
  out.print("<span>...</span>");
 }
 for(int i = beginNo; i< pm.getPageNo(); i++){
  out.print("<a href='"+url+"?pageNo="+i+"&KeyWords="+key+"&type="+type+"'>"+i+"</a>");
 }
 if(pm.getPageNo() != 1){
  out.print("<span  class='nowPage'>"+pm.getPageNo()+"</span>");
 }
 
 for(int i=pm.getPageNo() + 1; i< endNo; i++){
  out.print("<a href='"+url+"?pageNo="+i+"&KeyWords="+key+"&type="+type+"'>"+i+"</a>");
 }
 if(pm.getPageNo() < pm.getPageSum() - 3){
  out.print("<span>...</span>");
 }
 if(pm.getPageNo() < pm.getPageSum() ){
  out.print("<a href='"+url+"?pageNo="+pm.getPageSum()+"&KeyWords="+key+"&type="+type+"'>"+pm.getPageSum()+"</a>");
 }
%>
第<input class="input" name="pageNo" value="${pm.pageNo }" /> / ${pm.pageSum }页
<input class="submit" type="submit" value="GO" />
</form>

 

 

 

 

显示效果: [页面总数小于等于10,全部显示,当前页特殊显示] 上一页 1 2 3 4 5 6 7 8 9 10 下一页 [页面总数大于10,部分显示,当前页特殊显示] 上一页 1 2 3 … 20 下一页 [当前页面为首页时,上一页不可用] 上一页 1 2 3 4 … 20 下一页 上一页 1 2 3 4 5 … 20 下一页 上一页 1 2 3 4 5 6 … 20 下一页 上一页 1 … 3 4 5 6 7 … 20 下一页 上一页 1 … 14 15 16 17 18 ... 20 下一页 上一页 1 … 15 16 17 18 19 20 下一页 上一页 1 … 16 17 18 19 20 下一页 上一页 1 … 17 18 19 20 下一页 上一页 1 … 18 19 20 下一页[当前页面为末页时,下一页不可用] 算法提取: 0.页码显示规则: 当前页为首页时不显示上一页; 上一页 1 2 3 … 20 下一页 当前页为尾页时不显示下一页; 上一页 1 … 17 18 19 20 下一页 1.页面总数(n)<=10 { 显示全部页码:上一页 1 2 3 4 5 6 7 8 9 10 下一页 } 2.页面总数(n) > 10 { 2.1 当前页码 <= 4 { 左侧显示所有 + 当前页码 + 右侧2个页码 + ... + 尾页 上一页 1 2 3 … 20 下一页 上一页 1 2 3 4 … 20 下一页 上一页 1 2 3 4 5 … 20 下一页 上一页 1 2 3 4 5 6 … 20 下一页 } 2.2 当前页码 > 4 且<= 页面总数(n) - 3 { 首页 + ... + 左侧2个页码 + 当前页码 + 右侧2个页码 + ... + 尾页 上一页 1 … 3 4 5 6 7 … 20 下一页 上一页 1 … 14 15 16 17 18 ... 20 下一页 } 2.3 当前页码 > 页面总数(n) - 3 { 首页 + ... + 左侧2个页面 + 当前页码 + 右侧显示所有 上一页 1 … 15 16 17 18 19 20 下一页 上一页 1 … 16 17 18 19 20 下一页 上一页 1 … 17 18 19 20 下一页 上一页 1 … 18 19 20 下一页 } }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值