分页效果

<div class="Page">
    <c:choose>
        <c:when test="${currPage eq 1 }">
            <span class="grywhite">首页</span>
            <span class="grywhite">上一页</span>
        </c:when>
        <c:otherwise>
            <span><a href="javascript:gotoPage(1)">首页</a></span>
            <span><a href="javascript:gotoPage(${currPage-1 })">上一页</a></span>
        </c:otherwise>
    </c:choose>
    <c:choose>
        <c:when test="${pageCount le 6}">
            <c:forEach begin="1" end="${pageCount }" varStatus="status">
                <c:choose>
                    <c:when test="${status.index == currPage }">
                        <span class="grywhite">${status.index }</span>
                    </c:when>
                    <c:otherwise>
                        <span><a href="javascript:gotoPage(${status.index })">${status.index }</a></span>
                    </c:otherwise>
                </c:choose>
            </c:forEach>
        </c:when>
        <c:otherwise>
            <c:choose>
                <c:when test="${currPage-1 > 2 }">
                    <c:choose>
                        <c:when test="${currPage+3 ge pageCount }">
                            <c:forEach begin="${pageCount-4}" end="${pageCount}" varStatus="status">
                                <c:choose>
                                    <c:when test="${status.index == currPage}">
                                        <span class="grywhite">${status.index }</span>
                                    </c:when>
                                    <c:otherwise>
                                        <span><a href="javascript:gotoPage(${status.index })">${status.index }</a></span>
                                    </c:otherwise>                                  
                                </c:choose>
                            </c:forEach>
                        </c:when>
                        <c:otherwise>
                            <span><a href="javascript:gotoPage(${currPage-2 })">${currPage-2 }</a></span>
                            <span><a href="javascript:gotoPage(${currPage-1 })">${currPage-1 }</a></span>
                            <span class="grywhite">${currPage }</span>
                            <span><a href="javascript:gotoPage(${currPage+1 })">${currPage+1 }</a></span>
                            <span><a href="javascript:gotoPage(${currPage+2 })">${currPage+2 }</a></span>
                            <span><a href="javascript:gotoPage(${currPage+3 })">${currPage+3 }</a></span>
                        </c:otherwise>
                    </c:choose>
                </c:when>
                <c:otherwise>
                    <c:forEach begin="1" end="6" varStatus="status">
                        <c:choose>
                            <c:when test="${currPage == status.index}">
                                <span class="grywhite">${status.index }</span>
                            </c:when>
                            <c:otherwise>
                                <span><a href="javascript:gotoPage(${status.index })">${status.index }</a></span>
                            </c:otherwise>
                        </c:choose>
                    </c:forEach>
                </c:otherwise>
            </c:choose>
        </c:otherwise>
    </c:choose>
    <c:choose>
        <c:when test="${currPage lt pageCount}">
            <span><a href="javascript:gotoPage(${currPage+1 })">下一页</a></span>
            <span><a href="javascript:gotoPage(${pageCount})">尾页</a></span>
        </c:when>
        <c:otherwise>
            <span class="grywhite">下一页</span>
            <span class="grywhite">尾页</span>
        </c:otherwise>
    </c:choose>
    <span>${page.currPage }/${page.pageCount }</span><span>共${page.totalCount }条</span> 
</div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值