zoukankan      html  css  js  c++  java
  • 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>        
    
  • 相关阅读:
    Mac 如何开启任何来源选项
    Fiddler抓包工具总结
    Inpaint>>一款神奇的去水印工具
    Adobe After Effects 2021 中文版 视频特效制作软件
    利用百度接口实现免费文字转语音
    普通电脑如何实现网吧锁屏?让你的电脑实现网吧挂机锁功能的方法
    一款强大的思维导图软件-XMind:ZEN 2020v10.0-免费安装与使用
    教你用 Python 修改微信(支付宝)运动步数,轻松升到 TOP1
    C# Winforn窗体的Load事件和Shown事件的区别
    判断输入的字符串是否是合法路径,并验证后面的输入是否含有非法字符
  • 原文地址:https://www.cnblogs.com/guxingzhe/p/5275937.html
Copyright © 2011-2022 走看看