框架:前段layui 后端thinkphp5.1
js:layui
laypage.render({
elem:'paging' //數據總數 ,count:{$total_num} //當前頁面大小 ,limit:{$pageSize} //當前頁 ,curr:{$page} ,jump:function(obj,frist){ if(!frist){ window.location.href = '/index/user/list_user?page='+obj.curr; } }
});
php:thinkphp5.1
//設置當前頁顯示條數 $data['pageSize'] = 100; //設置當前頁頁碼 $data['page'] = max(1,(int)input('get.page')); //1獲取用戶信息 $dataUser = Db::table('user')->paginate($data['pageSize']); $data['user'] = $dataUser->items(); $data['total_num'] = $dataUser ->total();
分頁的實現必須要:1.數據總數 2.頁面顯示數據條數 3.當前頁 4.點擊跳轉
實現步驟:1.數據庫獲取數據,tp5.1 給我們提供了一個很好的方法 Db::table('table_name')->paginate(pageSize) ; 返回的是一個對象,
這里我們主要用到兩個對象:items (當前頁面數據)、total(總數據條數)
回到前端頁面 當點擊跳轉按鈕時出發 jump 方法 ,obj .curr 為跳轉頁面 當首次時不執行