Thinkphp6学习（15）+laypage分页显示

Thinkphp6学习（15）+laypage分页显示

前端代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>layui数据表格接口</title>

<link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css">

<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>

<style>

body {

padding-top: 50px;

}

h2 {

text-align: center;

margin-bottom: 30px;

}

#box {

width: 80%;

margin: 0 auto;

}

</style>

</head>

<body>

<h2>laypage数据表格使用</h2>

<div>

<div class="layui-card-body">

<table class="layui-table">

<thead>

<th>ID</th>

<th>班别</th>

<th>姓名</th>

</thead>

{volist name="list" id="d"}

<tr>

<td>{$d.id}</td>

<td>{$d.s_clas}</td>

<td>{$d.s_name}</td>

</tr>

{/volist}

</table>

</div>

<div id="pagination"></div>

</div>

<script>

layui.use(['laypage','jquery'], function(){

  var laypage = layui.laypage

  ,$=layui.$;

  laypage.render({

        elem: 'pagination'

        ,limit:{$limit}       

        ,count:{$count}        

        ,curr:{$curr}      

        ,jump: function(obj, first){

            if(!first){

location.href = "?curr=" + obj.curr+"&limit=" + obj.limit;

            }

        }

    });

});

</script>

</body>

</html>

后端代码后端代码

public function laypage()

{

//$RequestAll=Request::param();

//获取每页显示的条数

$limit=Request::param('limit')?Request::param('limit'):10;

//获取当前页数

$curr=Request::param('curr')?Request::param('curr'):1;

$count = Db::table('btp6_mark')-> count();

$list = Db::table('btp6_mark')->page($curr,$limit)->select();

View::assign([

'count'=>$count,

'limit'=>$limit,

'curr'=>$curr,

'list' => $list

]);

return View::fetch();

}

效果效果效果效果效果效果