分页效果

最新推荐文章于 2025-01-07 14:23:36 发布

原创最新推荐文章于 2025-01-07 14:23:36 发布 · 352 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jstl生成分页

本文介绍了一个基于Java的分页组件实现方法，通过条件判断展示不同的页面链接，包括首页、上一页、当前页及下一页等，并提供了跳转功能。该组件能够根据不同页面数量和当前页数调整显示的页码范围。

<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>