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="../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>
bootstrap3分页的更多相关文章
- MVC5 + EF6 + Bootstrap3 (11) 排序、搜索、分页
系列教程:MVC5 + EF6 + Bootstrap3 上一节:MVC5 + EF6 + Bootstrap3 (10) 数据查询页面 源码下载:点我下载 我工作的源码:http://www.jin ...
- 基于bootstrap3的 表格和分页的插件
如题 样式呢就是bootstrap3 的 功能呢就是实现表格和分页 (以上废话) 本来是自己没事儿写的一个js插件,曾经搁浅了一阵子,但最近由于公司项目的原因也需要这样的一个插件,所以就捡起来做了个可 ...
- 【Bootstrap3.0建站笔记三】AspNetPager分页，每一列都可排序
1.AspNetPager分页,实现每一列都可排序: (1).须要将默认排序字段放在HTML页面中. (2).排序字段放置为td节点的属性. 如图: 实现的效果 ...
- Bootstrap3.0学习第十四轮(分页、徽章)
详情请查看http://aehyok.com/Blog/Detail/21.html 个人网站地址:aehyok.com QQ 技术群号:206058845,验证码为:aehyok 本文文章链接:ht ...
- Bootstrap3基础 pagination 分页按钮 简单示例
内容 参数 OS Windows 10 x64 browser Firefox 65.0.2 framework Bootstrap 3.3.7 editor ...
- 利用bootstrap3的分页样式和jq实现分页功能
1源码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 ...
- 分页插件--根据Bootstrap Paginator改写的js插件
刚刚出来实习,之前实习的公司有一个分页插件,和后端的数据字典约定好了的,基本上是看不到内部是怎么实现的,新公司是做WPF的,好像对于ASP.NET的东西不多,导师扔了一个小系统给我和另一个同事,指了两 ...
- MvcPager使用的Demo（同步分页）
最近接触了一下MvcPager,昂...来做个笔记吧 其实,我喜欢前后端分离,分页这种东西前端负责的地方,后端不用顾问,这里的MvcPager有点让我想起服务器控件,毕竟用到了HtmlHelper. ...
- Asp.Net MVC 分页、检索、排序整体实现
很多时候需要这样的功能,对表格进行分页.排序和检索.这个有很多实现的方式,有现成的表格控件.用前端的mvvm,用户控件.但很多时候看着很漂亮的东西你想进一步控制的时候却不那么如意.这里自己实现一次,功 ...
随机推荐
- 大数据学习——scala类相关操作
1 类的定义 package com /** * Created by Administrator on 2019/6/3. */ //类并不用声明为public. class Person { // ...
- 大数据学习——scala集合练习
package com /** * Created by ZX on 2016/4/5. */ object ListTest { def main(args: Array[String]) { // ...
- dubbo控制台在tomcat上的部署
1.下载dubbo-admin的war包,比如dubbo-admin-2.5.4.war 2.因为在tomcat上部署,所以务必确认安装了JDK和tomcat,以及配置好了环境变量. 3.将dubbo ...
- Leetcode 482.密钥格式化
密钥格式化 给定一个密钥字符串S,只包含字母,数字以及 '-'(破折号).N 个 '-' 将字符串分成了 N+1 组.给定一个数字 K,重新格式化字符串,除了第一个分组以外,每个分组要包含 K 个字符 ...
- Unity3D - UGUI的手动搭建
了解UGUI组件的搭建方式,有助于搭建我们自己的UI界面. Text 文本 text 是UGUI中的基本控件,在Hierarchyi面板创建一个空物体 - 给这个空物体添加一个Text组件即可实现与t ...
- 【Luogu】P3761城市（dfs）
题目链接 emmm我思维好水…… 想了一会lct发现好像不对,然后开始转DP稍微有一点思路,然后看了题解…… 首先可以枚举边,然后原树被你拆成了两个子树. 设D1D2是两个子树的直径,W1W2是子树内 ...
- hdoj--1045<dfs&二分图最大匹配>（这里是dfs解法）
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1045 题目描述: 在矩阵中放车,车可四面攻击,矩阵中有墙,可以防止攻击,给出墙的位置,输出最多可以放多 ...
- 刷题总结——天使玩偶（bzoj2716）
题目: Description Input Output HINT 题解: 学了cdq后近期最后一道题···然而tm还是搞了1个半小时才tm搞出来······ 先说思路:对于绝对值,我们采取类似于旋转 ...
- android 脱壳 之 dvmDexFileOpenPartial断点脱壳原理分析
android 脱壳 之 dvmDexFileOpenPartial断点脱壳原理分析 导语: 笔者主要研究方向是网络通信协议的加密解密, 对应用程序加固脱壳技术很少研究, 脱壳壳经历更是经历少之甚少. ...
- ZOJ 3772 Calculate the Function 线段树+矩阵
Calculate the Function Time Limit:2000MS Memory Limit:65536KB 64bit IO Format:%lld & %ll ...