怎么實(shí)現(xiàn)后臺(tái)的分頁(yè)方法？

分頁(yè)，前端后端都能實(shí)現(xiàn)：

后端分頁(yè)：后端進(jìn)行數(shù)據(jù)庫(kù)數(shù)據(jù)分頁(yè)，前端調(diào)用接口獲取數(shù)據(jù)時(shí)需要額外傳遞一個(gè)頁(yè)數(shù)參數(shù)，表示要獲取第幾頁(yè)的數(shù)據(jù)，前端拿到數(shù)據(jù)做展示即可，一般后端除了返回當(dāng)頁(yè)的數(shù)據(jù)，還會(huì)返回總頁(yè)數(shù)或總數(shù)據(jù)條數(shù)，方便前端做跳頁(yè)導(dǎo)航；當(dāng)然為了避免頻繁調(diào)用接口，也可以一次返回多頁(yè)的數(shù)據(jù)，這個(gè)需要前后端溝通；

前端分頁(yè)：前端分頁(yè)，需要一次獲取所有數(shù)據(jù)，緩存起來(lái)，通常返回的是一個(gè)數(shù)據(jù)數(shù)組；然后通過(guò)Javacript計(jì)算分頁(yè)，還有實(shí)現(xiàn)分頁(yè)跳轉(zhuǎn)和刷新展示數(shù)據(jù)。

需要注意的點(diǎn)是如何更好的在跳頁(yè)時(shí)更新展示數(shù)據(jù)，如果你使用了React，Vue，這種MVVM框架，這個(gè)問(wèn)題很簡(jiǎn)單，但是如果沒(méi)使用的話，你也可以直接使用jQuery dataTable這種插件，如果需求比較簡(jiǎn)單，對(duì)性能要求不高，原生實(shí)現(xiàn)一個(gè)也可以的。

熱愛(ài)前端，熱愛(ài)分享。