<%@ 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="#" >&laquo;</a></li><%
}else{
%><li><a href="<%=pre %>&start=<%=(pageNow-2)*limit+1 %>&limit=<%=limit %>">&laquo;</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="#">&raquo;</a></li><%
}else{
%><li><a href="<%=pre %>&start=<%=(pageNow)*limit+1 %>&limit=<%=limit %>" >&raquo;</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>

bootstrap3分页的更多相关文章

  1. MVC5 + EF6 + Bootstrap3 (11) 排序、搜索、分页

    系列教程:MVC5 + EF6 + Bootstrap3 上一节:MVC5 + EF6 + Bootstrap3 (10) 数据查询页面 源码下载:点我下载 我工作的源码:http://www.jin ...

  2. 基于bootstrap3的 表格和分页的插件

    如题 样式呢就是bootstrap3 的 功能呢就是实现表格和分页 (以上废话) 本来是自己没事儿写的一个js插件,曾经搁浅了一阵子,但最近由于公司项目的原因也需要这样的一个插件,所以就捡起来做了个可 ...

  3. 【Bootstrap3.0建站笔记三】AspNetPager分页，每一列都可排序

    1.AspNetPager分页,实现每一列都可排序:           (1).须要将默认排序字段放在HTML页面中.           (2).排序字段放置为td节点的属性. 如图: 实现的效果 ...

  4. Bootstrap3.0学习第十四轮(分页、徽章)

    详情请查看http://aehyok.com/Blog/Detail/21.html 个人网站地址:aehyok.com QQ 技术群号:206058845,验证码为:aehyok 本文文章链接:ht ...

  5. Bootstrap3基础 pagination 分页按钮 简单示例

      内容 参数   OS   Windows 10 x64   browser   Firefox 65.0.2   framework     Bootstrap 3.3.7   editor    ...

  6. 利用bootstrap3的分页样式和jq实现分页功能

    1源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...

  7. 分页插件--根据Bootstrap Paginator改写的js插件

    刚刚出来实习,之前实习的公司有一个分页插件,和后端的数据字典约定好了的,基本上是看不到内部是怎么实现的,新公司是做WPF的,好像对于ASP.NET的东西不多,导师扔了一个小系统给我和另一个同事,指了两 ...

  8. MvcPager使用的Demo（同步分页）

    最近接触了一下MvcPager,昂...来做个笔记吧 其实,我喜欢前后端分离,分页这种东西前端负责的地方,后端不用顾问,这里的MvcPager有点让我想起服务器控件,毕竟用到了HtmlHelper. ...

  9. Asp.Net MVC 分页、检索、排序整体实现

    很多时候需要这样的功能,对表格进行分页.排序和检索.这个有很多实现的方式,有现成的表格控件.用前端的mvvm,用户控件.但很多时候看着很漂亮的东西你想进一步控制的时候却不那么如意.这里自己实现一次,功 ...

随机推荐

  1. vs2012打开低版本项目时 出现vs2012警告未能加载包“visual c++ package 解决办法

    vs2012 打开 vs2010 项目时 提示的 错误信息. 解决办法 是下载一个 vs2012的 一个补丁包 http://www.microsoft.com/en-us/download/deta ...

  2. How to install redis server on CentOS 7 / RHEL 7

    在本教程中,我们将学习如何在CentOS 7 / RHEL 7上安装Redis服务器. redis的缩写是REmote DIctionary Server. 它是最流行的开源,高级键值缓存和存储之一. ...

  3. 以前刷过的FFT

    Gym - 101667H 2017-2018 ACM-ICPC, Asia Daejeon Regional Contest #include<bits/stdc++.h> using ...

  4. CCF认证题 搜索题

    栋栋最近开了一家餐饮连锁店,提供外卖服务.随着连锁店越来越多,怎么合理的给客户送餐成为了一个急需解决的问题. 栋栋的连锁店所在的区域可以看成是一个n×n的方格图(如下图所示),方格的格点上的位置上可能 ...

  5. javascript图片放大镜效果展示

    javascript图片放大镜效果展示 <!DOCTYPE html> <html> <head lang="en"> <meta cha ...

  6. iOS----闪退，无报错原因，经典解决方案

    在iOS开发时,有时候遇到libc++abi.dylib handler threw exception这样的异常,  虽然在断点出加上了All Exceptions,也断到相应的代码了,但是没打印对 ...

  7. Codeforces 891 C Envy

    题目大意 给定一个 $n$ 个点 $m$ 条边的连通的无向图,每条边有一个权值,可能有重边.给出 $q$ 组询问,一组询问给出 $k$ 条边,问是否存在一棵最小生成树包含这 $k$ 条边. 思路 这道 ...

  8. BZOJ 4556 [Tjoi2016&Heoi2016]字符串 ——后缀数组 ST表 主席树 二分答案

    Solution 1: 后缀数组暴力大法好 #include <map> #include <cmath> #include <queue> #include &l ...

  9. BZOJ3990 [SDOI2015]排序 【搜索】

    题目 小A有一个1-2^N的排列A[1..2^N],他希望将A数组从小到大排序,小A可以执行的操作有N种,每种操作最多可以执行一次,对于所有的i(1<=i<=N),第i中操作为将序列从左到 ...

  10. P1266 速度限制 (最短路,图论)

    题目链接 Solution 在最短路转移的时候在队列或者堆中记录状态为 \(f[u][v]\) 代表上一个节点为 \(u\) ,速度为 \(v\) . 然后按部就班转移即可... Code #incl ...