首页 > 代码库 > bootstrap3分页

bootstrap3分页

<%@ 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="http://www.mamicode.com/js/bootstrap3/css/bootstrap.min.css" />
<script type="text/javascript" src="http://www.mamicode.com/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="http://www.mamicode.com/#" >&laquo;</a></li><%
}else{
%><li><a href="http://www.mamicode.com/&start=&limit=">&laquo;</a></li><%
}
if(pageCount<=10){
//全部显示
for(int i=1;i<pageCount+1;i++){
%><li <%if(pageNow==i)%>class="active"<% %> ><a href="http://www.mamicode.com/&start=&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="http://www.mamicode.com/&start=&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="http://www.mamicode.com/&start=&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="http://www.mamicode.com/&start=&limit=" ><%=i %></a></li><%
}
}
}
if(pageNow>=pageCount){
//下一页不可使用
%><li class="disabled"><a href="http://www.mamicode.com/#">&raquo;</a></li><%
}else{
%><li><a href="http://www.mamicode.com/&start=&limit=" >&raquo;</a></li><%
}
%>
<!--
<li class="active">
<a href="http://www.mamicode.com/#">1</a>
</li>
<li>
<a href="http://www.mamicode.com/#">2</a>
</li>
<li>
<a href="http://www.mamicode.com/#">3</a>
</li>
<li>
<a href="http://www.mamicode.com/#">4</a>
</li>
<li>
<a href="http://www.mamicode.com/#">5</a>
</li>
<li>
<a href="http://www.mamicode.com/#">1</a>
</li>
<li>
<a href="http://www.mamicode.com/#">2</a>
</li>
<li>
<a href="http://www.mamicode.com/#">3</a>
</li>
<li>
<a href="http://www.mamicode.com/#">4</a>
</li>
<li>
<a href="http://www.mamicode.com/#">5</a>
</li>
<li>
<a href="http://www.mamicode.com/#">1</a>
</li>
<li>
<a href="http://www.mamicode.com/#">2</a>
</li>
<li>
<a href="http://www.mamicode.com/#">3</a>
</li>
<li>
<a href="http://www.mamicode.com/#">4</a>
</li>
<li>
<a href="http://www.mamicode.com/#">5</a>
</li>
-->
</ul>
</body>
</html>

bootstrap3分页