JSP实现前端实现分页

长方体混凝土移动大师

于 2016-03-17 11:16:48 发布

阅读量2.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：前端

本文链接：https://blog.csdn.net/captian_900331/article/details/50912102

JavaScript 专栏收录该内容

31 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <!--分页-->
              <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>