README

1. 简介

在其他框架中，分页可能会非常痛苦。我们希望这种分页方法能带来一股清新的空气。分页包与查询构建器和Eloquent ORM集成，提供方便、易于使用的数据库记录分页，无需任何配置。

2. 安装

非常简单，使用Composer运行

composer require tu9/tu9-pagination

3. 显示分页结果

用法

启用分页

use App\Models\YourModel;

Route::get('/url', function () {
    return YourModel::paginate();
});

在视图页面上显示分页

<x-tu9-pagination :paginator="$paginator" :pageSize="$pageSize" :filter="$filter" />

声明变量要求

$paginator 是您想要分页的数据

$paginator = YourModel::paginate();

$pageSize 是要显示的页面数（包括第一页和最后一页）

$pageSize = 5;

Display:
First 1 2 3 Last

$filter 定义为一个输入或选择数据的数组。它包括 $key & $value。

其中

$key 是输入或选择的名称

$value 是输入或选择的字符串关键字

过滤后的数据将继续使用 $key & $value 进行分页。

4. 自定义显示

可选变量

$stylePaginator：自定义分页部分显示

$stylePaginator = "display: flex;
    justify-content: center;
    margin-top: 20px";

$stylePaginatorLink：自定义分页项显示

$stylePaginatorLink = "color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;";
    
    

$stylePaginatorLinkActive：自定义分页项活动显示

$stylePaginatorLinkActive = "color: white;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    ";
 

$nextPage：自定义显示/隐藏下一页

$nextPage = [
  'display' => 'show',
  'text' => 'Next',

];

$previousPage：自定义显示/隐藏上一页

$previousPage = [
      'display' => 'show',
      'text' => 'Previous',
    ];