JSP实现前端实现分页

最新推荐文章于 2026-04-15 20:44:17 发布

原创最新推荐文章于 2026-04-15 20:44:17 发布 · 2.7k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript

本文详细介绍了如何利用JSP在前端实现数据的分页展示，涵盖了分页的基本概念、JSP分页的原理，以及具体的实现步骤，包括设置每页显示条数、计算总页数、创建导航链接等关键点。通过实例代码解析，帮助读者掌握这一前端分页技术。

  <!--分页-->
              <div id="pages">
                    <c:choose>
                        <c:when test="${rolePage.currentPage==1}">
                            <a href="#">上一页</a>
                        </c:when>
                        <c:otherwise>
                            <a href="findRole.do?currentPage=${rolePage.currentPage-1 }">上一页</a>
                        </c:otherwise>                  
                    </c:choose>

                    <!-- 循环输出页码 -->
                    <c:forEach begin="1" end="${rolePage.totalPage}" var="i">
                        <!-- 如果是当前页则有样式，否则没有样式 -->
                        <c:choose>
                            <c:when test="${i==rolePage.currentPage}">
                                <a href="findRole.do?currentPage=${i }" class="current_page">${i }</a>
                            </c:when>
                            <c:otherwise>
                                <a href="findRole.do?currentPage=${i }">${i }</a>
                            </c:otherwise>
                        </c:choose>
                    </c:forEach>

                    <c:choose>
                        <c:when test="${rolrPage.currentPage==rolePage.totalPage}">
                            <a href="#">下一页</a>
                        </c:when>
                        <c:otherwise>
                            <a href="findRole.do?currentPage=${rolePage.currentPage+1 }">下一页</a>
                        </c:otherwise>                  
                    </c:choose>
                </div>
            </form>
        </div>

标签

#前端