Thinkphp简单分页

发布于 2022-10-17  9 次阅读


<?php
 
namespace app\index\controller;
//声明命名空间
session_start();
 
use think\Db;//引入系统数据库类
use think\Controller;//引入系统控制器类
use \app\index\model\User;//导入user模块
 
class Index extends Controller
{
    public function index()
    {
 
        $count = Db::name('user')->count();
        $data = Db::name('user')->paginate(1, $count);
        // 把分页数据赋值给模板变量list
        $this->assign('data', $data);
        return view();
    }
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TP5简单分页</title>
    <css href="public/Css/style1.css"/>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <style>
        .pagination {
            display: inline-block;
            padding-left: 0;
            margin: 20px 0;
            border-radius: 4px;
        }
 
        .pagination li {
            display: inline;
        }
 
        .pagination li a, .pagination li span {
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.428571429;
            text-decoration: none;
            background-color: #fff;
            border: 1px solid #ddd;
        }
 
        .pagination li:first-child a {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }
 
        .pagination li:last-child a {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
        }
 
        .pagination li a:hover, .pagination li a:focus {
            background-color: #eee;
        }
 
        .pagination .active span, .pagination .active span:hover, .pagination .active span:focus {
            z-index: 2;
            color: #fff;
            cursor: default;
            background-color: #428bca;
            border-color: #428bca;
        }
 
        .pagination .disabled span, .pagination .disabled span:hover, .pagination .disabled span:focus {
            color: #999;
            cursor: not-allowed;
            background-color: #fff;
            border-color: #ddd;
        }
 
        .pagination-lg li a {
            padding: 10px 16px;
            font-size: 18px;
        }
 
        .pagination-sm li a, .pagination-sm li span {
            padding: 5px 10px;
            font-size: 12px;
        }
    </style>
</head>
<body>
 
<h1>TP5简单分页</h1>
<div>
    <ul>
        {volist name='data' id='val'}
        <li> {$val.username}</li>
        {/volist}
    </ul>
</div>
{$data->render()}
</body>
</html>

一沙一世界,一花一天堂。君掌盛无边,刹那成永恒。