回覆列表
  • 1 # 秦羽

    比如你有個List list = new ArrayList();你在頁面拿到這個list集合,存在頁面記憶體裡面,透過陣列下邊每次取5條記錄,來實現分頁效果

  • 2 # 淺析架構

    前端分頁

    資料量不大的情況,可以全部返回給前端,後端不做任何分頁,一般前端元件都可以自動實現分頁,我們使用的是ant的table元件

    後端分頁

    分頁一般有兩種方案:

    1、設定最大值(max)

    這種方案適用於簡單分頁,起始值一直從0開始,設定返回的最大的條數。主要是控制最大條數防止記憶體溢位。

    2、設定起始值(startIndex)和條數(pageSize)

    常用的分頁就是從前端傳入起始值和條數兩個引數進行分頁,從資料庫拉取資料的時候就進行分頁,資料按需讀取是比較好的解決方案。

  • 3 # JackShu學Java

    針對如何實現前臺分頁,我提供一個thymeleaf+springboot+pagehelper的解決例項。

    1.前端頁面的程式碼如下:

    截圖中的questions物件就是我們在後端查到的list集合物件,將後端查詢到的集合透過SpringBoot中的Model傳值給questions,前端就能透過question獲取分頁所必須的資料。

    1.1 pagehelper中的引入:

    <dependency>

    <groupId>com.github.pagehelper</groupId>

    <artifactId>pagehelper-spring-boot-starter</artifactId> <version>1.2.12</version>

    </dependency>

    1.2 思路:

    分頁的時候前端發起請求,進入index頁面的時候,會攜帶pageNum(不是必須的)和pageSize(無要求),後端判斷兩個引數的實際值,並設定預設然後呼叫startPage方法開始分頁,注意緊跟著這個方法後面就是一個數據庫查詢語句的方法(XXXMapper.queryXXX),然後new PageInfo<XXX>就能夠進行分頁,最後設定到model裡面去。

    1.3 controller中的程式碼實現

    1.4 controller層中的findList(pageNum, pageSize)方法裡就是用pagehelper實現分頁的,程式碼如下:

    至此,我們就實現了分頁查詢了,效果如下圖:

    以上是使用thymeleaf+springboot+pagehelper實現分頁的思路,希望對你有幫助,由於我是第一次用悟空問答回答問題,沒有找到markdown的編輯方式,在文字框中放程式碼格式全部亂了,所以程式碼部分就是直接上圖,可能會比較模糊。

  • 中秋節和大豐收的關聯?
  • 什麼中藥去火最好?