TP5简单分页

最新推荐文章于 2023-06-06 10:35:52 发布

withoutfear

最新推荐文章于 2023-06-06 10:35:52 发布

阅读量627

点赞数

原文链接：http://www.thinkphp.cn/code/4306.html

版权

控制器类
index.php

<?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();
    }
}

视图页
index.HTML

<!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>

withoutfear

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
TP5简单分页

控制器类index.php<?phpnamespace app\index\controller;//声明命名空间session_start();use think\Db;//引入系统数据库类use think\Controller;//引入系统控制器类use \app\index\model\User;//导入user模块class Index extends Controller{ public function index() {
复制链接

扫一扫