Web 圖片分頁實現：客戶端分頁 vs 服務端分頁

兩種分頁模式

服務端分頁核心 SQL（MySQL）

SELECT * FROM pictures ORDER BY id DESC LIMIT #{offset}, #{pageSize};
SELECT COUNT(*) FROM pictures; -- 總數

前端整合

• jQuery DataTables / Bootstrap Table / layui.table：內建服務端分頁模式，配置 serverSide: true 即可。
• EasyUI DataGrid：設定 pagination:true, pageSize:12，後端返回 {total:100, rows:[...]} 格式。

關鍵字搜尋

Google 搜尋 grid pagination server side、EasyUI datagrid pagination example 可獲取大量現成範例。