控制器页面
<?php
namespace app\index\controller;
use think\Controller;
use think\Db;
use think\Request;
class Index extends Controller{
public function index()
{
$data = Db::table('user')->paginate(4); //实例化表 每页显示条数
$page = $data->render(); //分页方法
if(Request::instance()->isAjax()){ //判断ajax
return array( //返回一个数组
'data' => $data, //返回数据表数据
'page' => $page, //返回页数
);
}
$this->assign('data',$data);
$this->assign('page',$page);
return view();
}
//实例化表 每页显示条数
//分页方法
//判断ajax
//返回一个数组
//返回数据表数据
//返回页数
//接值 数据表值 页数值
}
分页页面
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>分页</title>
</head>
<style>
table{
width: 1000px;
text-align: center;
background: #00a0e9;
}
tr{
background: pink;;
}
.pagination li{
float: left;
list-style-type: none;
margin: 3px;
margin-left:10px;
padding-left: 100px;
}
</style>
<body>
<table>
<tr>
<td>编号</td>
<td>姓名</td>
<td>操作</td>
</tr>
<tbody id="body">
{foreach name="data" item="vo"}
<tr>
<td>{$vo.stuid}</td>
<td>{$vo.stuname}</td>
<td>删除 | 修改</td>
</tr>
{/foreach}
</tbody>
</table>
<!-- 显示页码 1234 -->
<div id="page">{$page}</div>
</body>
</html>
<script src="__STATIC__/jquery-3.3.1.min.js"></script>
<script>
$(document).on('click','.pagination li a',function(){
page=$(this).attr('href');
event.preventDefault();
$.ajax({
method:"GET",
url:page,
success:function(res){
str='';
$.each(res.data.data,function(k,v){
str+='<tr> <td>'+v.stuid+'</td> <td>'+v.stuname+'</td><td>删除 | 修改</td></tr>';
});
$("#body").html(str);
$("#page").html(res.page);
}
})
});
</script>