-
1 # 秦羽
-
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的編輯方式,在文字框中放程式碼格式全部亂了,所以程式碼部分就是直接上圖,可能會比較模糊。
回覆列表
比如你有個List list = new ArrayList();你在頁面拿到這個list集合,存在頁面記憶體裡面,透過陣列下邊每次取5條記錄,來實現分頁效果