关于分页技术的一些思考，可参考用于解决初学分页技术时的一些疑惑

古城微笑少年丶 2022-05-10 01:12 311阅读 0赞

# **0.最初思考：** #

最近在做一个Java项目，需要写分页的功能，刚开始只是从数据库的一张表中查询出所有结果，分页显示到浏览器上。

这个时候并不难，首先**按需求**来**思考开发步骤**。

![70][]

从淘宝找灵感，如上图，

0.1：当为第一页和最后一页时，上一页的按钮与下一页的按钮分别不能点击。**（需要代码控制，第1处）**

0.2：淘宝一次显示了**5个页面（需要代码控制，第2处）。**

0.3：其他以···**（需要代码控制，第3处）**代替。

0.4：点击下一页会跳到**当前页的第下一页（需要代码控制，第4处）。**

0.5：到第n页需要控制**: ** n  <  当前**条件查询的结果数**所能分到的最大页数.(比如查到了50个结果，每页展示10条数据，那么最大只能分5页，n不能大于5)**（需要代码控制，第5处）**

0.6：当总页数大于5时，且当前页大于3时，应该把当前页固定在5个页码数的中间，为了美观和方便点击最近的上下几页

效果如图1（淘宝网的实现为当点击到第六页的时候，使当前页固定到中间页码，未到第6页时如图2）

图1：当点到第6页，总显示页码有7页

此处注意当点击大于6页时，6页会一直保持居中，上两页，当前页，下两页分别为：n-2，n-1，n，n+1,n+2

![70 1][]

图2：当点到第5页开始显示前面所有页，总显示页码有7页

![70 2][]

图3：点到第4页时，总显示页码只有6页了

![70 3][]

图4：点到第3页时，总显示页码只有5页了

![70 4][]

当点到最后几页时的情况：

图5：当点到96页

![70 5][]

图6：当点到97页时，淘宝网的方案是显示完剩下所有页。总显示页码有8页！

当然这里是由程序员自己控制当点到多少页的时候，显示剩下的所有分页码。

![70 6][]

现在开始解决问题：

**补充变量解释：**

*  **结果集results：**根据条件查询查询出的结果总数。
 *  **每页可装结果数pageContains：**程序员设定的每页可展示的结果数
 *  **（结果集results ** **/  每页可装结果数pageContains）：为结果集可分最大页数maxPages**
 *  **currentPage：当前浏览器显示的页码**

## **1.浏览器显示多少个页码？（以淘宝网为例）** ##

**（结果集results ** **/  每页可装结果数pageContains）为结果集可分最大页数maxPages**

if（**maxPages <= 5**）

**1.1**当条件查询出结果集能分到的页码小于等于5页时

主页上显示的页码数应该为：**结果集results ** **/  每页可装结果数pageContains**

if（**maxPages > 5**）

**1.2**当条件查询出结果集能分到的页码大于5页时

主页上显示的页码数应该为：**5  （当然主页最多显示多少个页码数是由自己定的）**

## **2.哪些情况应该使上一页按钮或者下一页按钮消失或点击无效？    **  ##

上一页按钮：当  当前页面号 **currentPage==1**时，上一页按钮失效或消失。或**currentPage>1**时.上一页按钮有效或显示。

下一页按钮：当  当前页面号 **currentPage==maxPages**时，上一页按钮失效或消失。或**currentPage<maxPages**时.上一页按钮有效或显示。

### **3.如何规定“...”的显示逻辑** ###

![70 7][]

**3.1** 当为**1.1**的条件时 **:** 肯定是**不需要显示前缀“...”和后缀“...”**

**3.2** 当满足**1.2**条件时：

**      3.2.1 ** 当当前页小于5页时，不显示**前缀“...”，显示后缀“...”**

**3.2.1**, 当当前页大于5页时，**应该显示前缀“...”，显示后缀“...”**

**3.2.2**  当当前页为最后几页的时候，可以全部显示完最后所有页码数的时候

只需显示**前缀“...”，**不需要再显示**后缀“...”，可参考0项，最初思考里的图5和图6**

### **4.点击上一页和下一页，或当前页，请求数据库传输数据需要的参数** ###

**4.1 只需把当前页currentPage+1 作为下一页传给数据查询的参数，把当前页currentPage-1 作为上一页传给数据查询的参数就行。**

数据库需要的参数为：oracle数据库是根据 rownum>**x**  and rownum>**y** 来查询每一页结果并返回的

条件：页面展示结果数为10（**pageContains**）时

当前页为**第 1 页**时，应该从数据库查询**第1条**到**第10条**的数据.

当前页为**第 2 页**时，应该从数据库查询**第11条**到**第20条**的数据.

**···········**

当前页为**第 n 页**时，应该从数据库查询**第10n+1条**到**第10（n+1）条**的数据.

**得到公式：x  =  pageContains   \*    currentPage  \+  1**

**   y  =  pageContains   \*  （currentPage\+1）**

**当点上一页时：只不过是把currentPage-1放在currentPage的位置去计算x 与 y罢了，下一页同理。点数字页码，和输入数字搜索结果页码 也同理。**

### **五.一些补充思考** ###

**5.1  从数据库查询效率来说，还是需要分页查询最好。要多少，查多少。**

**5.2  不过当条件查询过多的时候，需要书写各种sql语句，以及各种sql语句所查询出的结果集数量的sql。需要两个sql**

**  第一个：书写在dao层的sql需要返回条件查询的结果集，结果集用于显示在页面。? 为占位符**

**  例如：根据条件查询**where productName like ? and price>=?**所有符合的结果数并加入rownum参数用于分页，再根据x 和 y确定要查询的那一页的结果集。**

select * from (select sp.*,rownum rn from (select * from YG_product where productName like ? and price>=?)sp) where rn>=? and rn<=?

**          **

**  第二个：sql需要返回此条件结果集的结果数，结果数用于获取能够分的最大页数maxPages。**

**                           maxPages用于系统判断此次结果属于1.1情况，还是1.2情况。**

**                           maxPages也用于系统判断何时快到达最后几页，用于判断是否应该显示完最后所有页，和“···”的显示与否。**

**                                             被用于3.2.2。**

**例如：查询某条件查询的结果数**

select sum(rownum) from YG_product where price>=? and price<=?

**5.3   每次查询都需要查询两次数据库，查询分页结果集，与查询分页结果集数量都会耗费服务器资源。**

**        是否考虑把每次查询的结果集都缓存起来，以空间换时间，或者以空间换资源。**

**        博主在这里没有想到更好的分页查询的优化思路，还请各位大佬多指点一下。**

**        或者因为每次分页查询都是必须的，所以分页查询结果集的操作优化不了。**

优化思路：

**                但是可以优化分页查询结果集的结果数，  比如maxPages一般改变的频率并不大，是否考虑可以服务器缓存每一种条件结果集所能分的maxPages，按时间间隔来更新maxPages，或按查询此条件的频率来更新maxPages，因为始终maxPages参数对于分页是必须的，减少获取maxPages的次数，也就减少数据库某条件下，查询所有的次数。**

**5.4 淘宝把最大页数设为100，因此还是需要获取条件结果集的结果数 所能分的页maxPages来确定是否显示到100页**

**或显示0~maxPages页,如下图或右图maxPages小于100时，就要显示 共maxPages页  ** ![70 8][]

![70 9][]

未完结····

[70]: /images/20220510/62ae297052d844d198dbb04d72070574.png
[70 1]: /images/20220510/d164597334964dd98b4d15e43353fbb9.png
[70 2]: /images/20220510/28b50b3483c64243bc71cc40664a7fe0.png
[70 3]: /images/20220510/8ac6add8d6864e149eb10dde5eea2f15.png
[70 4]: /images/20220510/d0ca5214961e49ce86cddee5ec4da8e4.png
[70 5]: /images/20220510/436517acb2b04827a31cd70e009e4dcd.png
[70 6]: /images/20220510/a9f2775ca251429b95ab7a93b59d8828.png
[70 7]: /images/20220510/222ce0821f354d229e9cc36887b6fe7f.png
[70 8]: /images/20220510/8aa6bc6221c546b084147596f550cdc9.png
[70 9]: /images/20220510/aa41a8b5358843e1b5392c576311e363.png