网站首页 » PHP » tp5简单分页

tp5简单分页

February 25, 2020 PHP

用于tp5的简单分页

  • 控制器类 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(){

$data1 = Db::name('user')->select();
$count = count($data1);
$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>分页</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>分页</h1>
<div>
<ul>
{volist name='data' id='val'}
<li> {$val.username}</li>
{/volist}
</ul>
</div>
{$data->render()}
</body>
</html>
Title - Artist
0:00