java bootstrap分页
样式如下

datumMap.total总共多少页
datumMap.page第几页
<nav class="pull-right">
<ul class="pagination">
<!-- 是否能点击前一页 -->
<c:choose>
<c:when test="${datumMap.page==1}">
<li class="disabled">
<a aria-label="Previous" href="javascript:void(0);">
<span aria-hidden="true">«</span>
</a>
</li>
</c:when>
<c:otherwise>
<li>
<a aria-label="Previous" href="${ctx_path}/datum/show_datum?page=${datumMap.page-1}">
<span aria-hidden="true">«</span>
</a>
</li>
</c:otherwise>
</c:choose>
<!-- 显示可以点击的页数 -->
<c:choose>
<c:when test="${datumMap.total<=5}">
<c:forEach var="p" begin="1" end="${datumMap.total}">
<li <c:if test="${datumMap.page==p}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${p}">${p}</a></li>
</c:forEach>
</c:when>
<c:otherwise>
<c:choose>
<c:when test="${datumMap.page < 4 && datumMap.page > 0}"><!-- 1-3页 -->
<li <c:if test="${datumMap.page == 1}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=1">1</a></li>
<li <c:if test="${datumMap.page == 2}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=2">2</a></li>
<li <c:if test="${datumMap.page == 3}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=3">3</a></li>
<li <c:if test="${datumMap.page == 4}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=4">4</a></li>
<li><a href="javascript:void(0);" class="disabled">...</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total}">${datumMap.total}</a></li>
</c:when>
<c:when test="${datumMap.page < datumMap.total-2}">
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.page-2}">${datumMap.page-2}</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.page-1}">${datumMap.page-1}</a></li>
<li class="active"><a href="${ctx_path}/datum/show_datum?page=${datumMap.page}">${datumMap.page}</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.page+1}">${datumMap.page+1}</a></li>
<li><a href="javascript:void(0);" class="disabled">...</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total}">${datumMap.total}</a></li>
</c:when>
<c:otherwise>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-4}">${datumMap.total-4}</a></li>
<li><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-3}">${datumMap.total-3}</a></li>
<li <c:if test="${datumMap.page==datumMap.total-2}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-2}">${datumMap.total-2}</a></li>
<li <c:if test="${datumMap.page==datumMap.total-1}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${datumMap.total-1}">${datumMap.total-1}</a></li>
<li <c:if test="${datumMap.page==datumMap.total}">class="active"</c:if>><a href="${ctx_path}/datum/show_datum?page=${datumMap.total}">${datumMap.total}</a></li>
</c:otherwise>
</c:choose>
</c:otherwise>
</c:choose>
<!-- 是否能点击后一页 -->
<c:choose>
<c:when test="${datumMap.page==datumMap.total}">
<li class="disabled">
<a aria-label="Next" href="javascript:void(0);">
<span aria-hidden="true">»</span>
</a>
</li>
</c:when>
<c:otherwise>
<li>
<a aria-label="Next" href="${ctx_path}/datum/show_datum?page=${datumMap.page+1}">
<span aria-hidden="true">»</span>
</a>
</li>
</c:otherwise>
</c:choose>
</ul>
</nav>
java bootstrap分页的更多相关文章
- bootstrap 分页
1.背景: 前端页面使用bootstrap分页,同时与搜索条件联动: 2. jsp页面由服务端返回后, 异步请求动态创建表格, 分页的数据由服务端第一次返回后初始化, 以后每次异步请求再更新. jsp ...
- Bootstrap分页插件ajax返回数据,工具类的编写
使用Bootstrap分页插件时,需要返回指定的参数,这样Bootstrap才能够识别 需要引入的css: <!-- boostrap table --> <link href=&q ...
- bootstrap分页
使用bootstrap分页插件,如下代码是html代码 <title>分页</title> <link href="page/bootstrap-3.3.5-d ...
- bootstrap 分页样式代码
bootstrap 分页样式代码,废话不多说,直接上源码 <!DOCTYPE html> <html> <head> <title>Bootstrap ...
- Bootstrap 分页插件 ajax获取数据显示
Bootstrap 分页插件 ajax获取数据显示 标签(空格分隔): bootstrap 文章的内容是使用bootstrap-paginator进行分页,使用ajax获取后台数据.渲染. 1. 版本 ...
- Java 动态分页类
动态分页类: Cls_page.java package pagination; public class Cls_page { private int nums;// 总条目数 private i ...
- bootstrap分页插件的使用
项目中需要实现文章列表的分页显示,由于使用了bootstrap框架,所以我们选择bootstrap的分页实现方法.网上有一些这方面的介绍文章,并且也有相关的示例程序.这里结合我们的项目,介绍一下使用b ...
- yii使用bootstrap分页样式
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstra ...
- java +bootstrap table 完整例子
需求:现在常用的table 插件很多, 比如 jquey datatables ,不过操作挺 麻烦, 看到推荐的bootstrap 自带的 table,就用到项目来,先看效果:
随机推荐
- c++如何使用SOCKET 发送HTTP1.1 GET POST请求包
如何使用SOCKET 发送HTTP1.1 GET POST请求包 分类: 无线通信 C/C++2009-10-29 10:58 14259人阅读 评论(15) 收藏 举报 socket服务器actio ...
- [Redux] React Todo List Example (Toggling a Todo)
/** * A reducer for a single todo * @param state * @param action * @returns {*} */ const todo = ( st ...
- nginx安装(正式)
一.安装说明 系统环境:CentOS Linux release 7.2.1511 (Core) 系统内核:3.10.0-327.el7.x86_64软件:nginx-1.10.1.tar.gz其他所 ...
- 解决Android SDK Manager下载太慢问题(转)
1.打开android sdk manager 2.打开tool->options,如图所示 3.将Proxy Settings 里的HTTP Proxy Server和HTTP Proxy P ...
- JS 无提示关闭当前窗口
function teseClose() { window.opener = null; window.open('','_self'); window.close(); }
- java读取网页
package cn.stat.p4.ipdemo; import java.io.IOException; import java.io.InputStreamReader; import java ...
- (原)torch使用caffe时,提示CUDNN_STATUS_EXECUTION_FAILED
转载请注明出处: http://www.cnblogs.com/darkknightzh/p/6230227.html 提前说明:此文不能真正解决该问题,具体原因我也不知道... 以前使用某台电脑A上 ...
- JqueryUI插件网络连接
operamasks_UI官网 http://ui.operamasks.org/website/homepage.html EasyUI官网 http://www.jeasyui.com/index ...
- 文成小盆友python-num5 -装饰器回顾,模块,字符串格式化
一.装饰器回顾与补充 单层装饰器: 如上篇文章所讲单层装饰器指一个函数用一个装饰器来装饰,即在函数执行前或者执行后用于添加相应的操作(如判断某个条件是否满足). 具体请见如下: 单层装饰器 双层装饰器 ...
- BASE64的实现
原由 项目中经常需要使用base64进行处理,通过base64可以将特殊字符转化为普通可见字符,便于网络传输,代价是增长了传输长度. base64将每3个byte转化为4个6bit位,然后高位补两个零 ...