分页思路

最新推荐文章于 2022-08-31 20:51:00 发布

weixin_34080903

最新推荐文章于 2022-08-31 20:51:00 发布

阅读量106

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liuwt365/p/4119835.html

本文详细介绍了分页技术在网页设计中的实现方法，包括SQL语句的使用、上一页与下一页的控制逻辑、当前页显示位置的计算及样式实现。通过实例展示了如何在特定条件下动态调整分页导航，确保用户体验流畅。

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

页面分页思路：

1、sql语句：SELECT * FROM users LIMIT num1,num2

　　　　PS:num1为开始索引，num2为页面数据量。num1=5，num2=10，则显示6-15共10条数据

2、“上一页”与“下一个”越界控制

<c:if test="${currentpage>1 }">
    <a href='<c:url value="/page.jsp?page=${currentpage-1 }"/>'>上一页</a>
</c:if>

<c:if test="${currentpage<pageCount }">
    <a href='<c:url value="/page.jsp?page=${currentpage+1 }"/>'>下一页</a>
</c:if>

3、是当前页显示在中间

 1         int pageNum=10;//页步长
 2         int startNumber=0;
 3         int endNumber=0;
 4         if(pageCount<pageNum)//如果总页数小于分页步长
 5         {
 6             startNumber=1;
 7             endNumber=pageCount;
 8         }
 9         else {
10             
11             if(Currentpage<=pageNum/2)//当前页小于分页步长，则显示1-分页步长
12             {
13                 startNumber=1;
14                 endNumber=pageNum;
15             }
16             else {//使当前页显示在正中部
17                 startNumber=Currentpage-(pageNum/2-1);//当前页-页步长/2+1
18                 endNumber=startNumber+pageNum;
19                 if(endNumber>pageCount)//如果末页大于总页数，则向前推，显示（末页-页步长）————末页
20                 {
21                     startNumber=pageCount-pageNum-1;
22                     endNumber=pageCount;
23                 }
24             }

 1 //当前页显示为红色且不加跳转
 2 <c:forEach begin="${startNumber }" end="${ endNumber}" var="page">
 3     <c:choose>
 4         <c:when test="${currentpage==page }">
 5         【<font color='red'>${page }</font> 】
 6         </c:when>
 7         <c:otherwise>
 8         【<a href='<c:url value="/user?cmd=GetAll&page=${page }"/>'>${page }</a>】
 9         </c:otherwise>    
10     </c:choose>
11 </c:forEach>