layui和thinkphp5自己在百度上下載
html代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>分頁</title>
<link rel="stylesheet" href="layui-v2.2.5/layui/css/layui.css">
</head>
<body class="layui-layout-body">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>數據分頁</legend>
</fieldset>
<table class="layui-hide" id="test" lay-size="sm"></table>
<script src="layui-v2.2.5/layui/layui.js"></script>
<script>
layui.use('table', function(){
var table = layui.table;
table.render({
elem: '#test'
,url:'pagedata'
,page: { //支持傳入 laypage 組件的所有參數（某些參數除外，如：jump/elem） - 詳見文檔
layout: ['limit', 'count', 'prev', 'page', 'next', 'skip'] //自定義分頁布局
//,curr: 5 //設定初始在第 5 頁
,limit:5 //一頁顯示多少條
,limits:[5,10,15]//每頁條數的選擇項
,groups: 2 //只顯示 2 個連續頁碼
,first: "首頁" //不顯示首頁
,last: "尾頁" //不顯示尾頁
}
,cols: [[
{field:'id', width:80, title: 'ID', sort: true}
,{field:'username', width:100, title: '用戶名'}
,{field:'password', width:100, title: '密碼'}
,{field:'age', width:80, title: '年齡',sort: true}
]]
});
});
</script>
</body>
</html>
php代碼
/**
分頁
*/
public function pagedata(){
//獲取總條數
$list = User::all();
$count=count($list);
//獲取每頁顯示的條數
$limit= Request::instance()->param('limit');
//獲取當前頁數
$page= Request::instance()->param('page');
//計算出從那條開始查詢
$tol=($page-1)*$limit+1;
// 查詢出當前頁數顯示的數據
$list = User::where("id",">=","$tol")->limit("$limit")->select()->toArray();
//返回數據
return ["code"=>"0","msg"=>"","count"=>$count,"data"=>$list];
}
效果圖
犯了一個錯誤，不應該把密碼查出來的，本人太難，不想改了
