<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; int limit = 20; int pageCount = 100; int pageNow = 2; String pre = path+"/manager/"+"doXxx_xxx?1=1";%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="../js/bootstrap3/css/bootstrap.min.css" /> <script type="text/javascript" src="../js/jquery-1.10.4/js/jquery-1.10.2.js"></script> </head>
<body> <ul class="pagination"> <% if(pageNow==1){ //上一页不可用 %><li class="disabled"><a href="#" >«</a></li><% }else{ %><li><a href="<%=pre %>&start=<%=(pageNow-2)*limit+1 %>&limit=<%=limit %>">«</a></li><% } if(pageCount<=10){ //全部显示 for(int i=1;i<pageCount+1;i++){ %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>"><%=i %></a></li><% } }else{ if(pageNow>6&&pageCount-pageNow>4){ //以之为中心,左边显示5条,右边显示4条 for(int i=pageNow-5;i<pageNow+4;i++){ %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>"><%=i %></a></li><% } }else if(pageNow<=6){ //显示1--10条 for(int i=1;i<11;i++){ %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>" ><%=i %></a></li><% } }else if(pageCount-pageNow<=4){ //显示最后10页 for(int i=pageCount-9;i<=pageCount;i++){ %><li <%if(pageNow==i)%>class="active"<% %> ><a href="<%=pre %>&start=<%=(i-1)*limit+1 %>&limit=<%=limit %>" ><%=i %></a></li><% } } } if(pageNow>=pageCount){ //下一页不可使用 %><li class="disabled"><a href="#">»</a></li><% }else{ %><li><a href="<%=pre %>&start=<%=(pageNow)*limit+1 %>&limit=<%=limit %>" >»</a></li><% } %> <!-- <li class="active"> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li> <a href="#">4</a> </li> <li> <a href="#">5</a> </li> <li> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li> <a href="#">4</a> </li> <li> <a href="#">5</a> </li> <li> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li> <a href="#">4</a> </li> <li> <a href="#">5</a> </li> --> </ul> </body></html>
转载于:https://www.cnblogs.com/yanjunwu/p/3980097.html
相关资源：bootstrap table 分页栏修改