171 lines
6.6 KiB
Markdown
171 lines
6.6 KiB
Markdown
|
PHP Paginator
|
||
|
|
=============
|
||
|
|
|
||
|
|
[](https://travis-ci.org/jasongrimes/php-paginator)
|
||
|
|
[](https://packagist.org/packages/jasongrimes/paginator)
|
||
|
|
[](https://packagist.org/packages/jasongrimes/paginator) [](https://packagist.org/packages/jasongrimes/paginator) [](https://packagist.org/packages/jasongrimes/paginator)
|
||
|
|
|
||
|
|
A lightweight PHP paginator, for generating pagination controls in the style of Stack Overflow and Flickr. The "first" and "last" page links are shown inline as page numbers, and excess page numbers are replaced by ellipses.
|
||
|
|
|
||
|
|
## Screenshots
|
||
|
|
|
||
|
|
These examples show how the paginator handles overflow when there are a lot of pages.
|
||
|
|
They're rendered using the sample templates provided in the [examples](examples/) directory,
|
||
|
|
which depend on Twitter Bootstrap.
|
||
|
|
You can easily use your own custom HTML to render the pagination control instead.
|
||
|
|
|
||
|
|
Default template:
|
||
|
|
|
||
|
|
<img src="examples/screenshot-default-first.png" width="447"><br/>
|
||
|
|
<img src="examples/screenshot-default-mid.png" width="597"><br/>
|
||
|
|
<img src="examples/screenshot-default-last.png" width="534"><br/>
|
||
|
|
|
||
|
|
Small template (useful for mobile interfaces):
|
||
|
|
|
||
|
|
<img src="examples/screenshot-small-first.png" width="157"><br/>
|
||
|
|
<img src="examples/screenshot-small-mid.png" width="220"><br/>
|
||
|
|
<img src="examples/screenshot-small-last.png" width="157"><br/>
|
||
|
|
|
||
|
|
The small template renders the page number as a select list to save space:
|
||
|
|
|
||
|
|
<img src="examples/screenshot-small-mid-open.png" width="218">
|
||
|
|
|
||
|
|
|
||
|
|
## Installation
|
||
|
|
|
||
|
|
Install with composer:
|
||
|
|
|
||
|
|
composer require "jasongrimes/paginator:~1.0"
|
||
|
|
|
||
|
|
## Basic usage
|
||
|
|
|
||
|
|
Here's a quick example using the defaults:
|
||
|
|
|
||
|
|
<?php
|
||
|
|
|
||
|
|
require '../vendor/autoload.php';
|
||
|
|
|
||
|
|
use JasonGrimes\Paginator;
|
||
|
|
|
||
|
|
$totalItems = 1000;
|
||
|
|
$itemsPerPage = 50;
|
||
|
|
$currentPage = 8;
|
||
|
|
$urlPattern = '/foo/page/(:num)';
|
||
|
|
|
||
|
|
$paginator = new Paginator($totalItems, $itemsPerPage, $currentPage, $urlPattern);
|
||
|
|
|
||
|
|
?>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<!-- The default, built-in template supports the Twitter Bootstrap pagination styles. -->
|
||
|
|
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<?php
|
||
|
|
// Example of rendering the pagination control with the built-in template.
|
||
|
|
// See below for information about using other templates or custom rendering.
|
||
|
|
|
||
|
|
echo $paginator;
|
||
|
|
?>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|
||
|
|
This will output the following:
|
||
|
|
|
||
|
|
<img src="examples/screenshot-default-mid.png" width="597">
|
||
|
|
|
||
|
|
<ul class="pagination">
|
||
|
|
<li><a href="/foo/page/7">« Previous</a></li>
|
||
|
|
<li><a href="/foo/page/1">1</a></li>
|
||
|
|
<li class="disabled"><span>...</span></li>
|
||
|
|
<li><a href="/foo/page/5">5</a></li>
|
||
|
|
<li><a href="/foo/page/6">6</a></li>
|
||
|
|
<li><a href="/foo/page/7">7</a></li>
|
||
|
|
<li class="active"><a href="/foo/page/8">8</a></li>
|
||
|
|
<li><a href="/foo/page/9">9</a></li>
|
||
|
|
<li><a href="/foo/page/10">10</a></li>
|
||
|
|
<li><a href="/foo/page/11">11</a></li>
|
||
|
|
<li><a href="/foo/page/12">12</a></li>
|
||
|
|
<li class="disabled"><span>...</span></li>
|
||
|
|
<li><a href="/foo/page/20">20</a></li>
|
||
|
|
<li><a href="/foo/page/9">Next »</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
To render it with one of the other example templates, just make sure the variable is named `$paginator` and then include the template file:
|
||
|
|
|
||
|
|
$paginator = new Paginator($totalItems, $itemsPerPage, $currentPage, $urlPattern);
|
||
|
|
|
||
|
|
include '../vendor/jasongrimes/paginator/examples/pagerSmall.phtml';
|
||
|
|
|
||
|
|
<img src="examples/screenshot-small-mid.png" width="220"><br/>
|
||
|
|
|
||
|
|
If the example templates don't suit you, you can iterate over the paginated data to render your own pagination control.
|
||
|
|
|
||
|
|
## Rendering a custom pagination control
|
||
|
|
|
||
|
|
Use `$paginator->getPages()`, `$paginator->getNextUrl()`, and `$paginator->getPrevUrl()` to render a pagination control with your own HTML.
|
||
|
|
For example:
|
||
|
|
|
||
|
|
<ul class="pagination">
|
||
|
|
<?php if ($paginator->getPrevUrl()): ?>
|
||
|
|
<li><a href="<?php echo $paginator->getPrevUrl(); ?>">« Previous</a></li>
|
||
|
|
<?php endif; ?>
|
||
|
|
|
||
|
|
<?php foreach ($paginator->getPages() as $page): ?>
|
||
|
|
<?php if ($page['url']): ?>
|
||
|
|
<li <?php echo $page['isCurrent'] ? 'class="active"' : ''; ?>>
|
||
|
|
<a href="<?php echo $page['url']; ?>"><?php echo $page['num']; ?></a>
|
||
|
|
</li>
|
||
|
|
<?php else: ?>
|
||
|
|
<li class="disabled"><span><?php echo $page['num']; ?></span></li>
|
||
|
|
<?php endif; ?>
|
||
|
|
<?php endforeach; ?>
|
||
|
|
|
||
|
|
<?php if ($paginator->getNextUrl()): ?>
|
||
|
|
<li><a href="<?php echo $paginator->getNextUrl(); ?>">Next »</a></li>
|
||
|
|
<?php endif; ?>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<?php echo $paginator->getTotalItems(); ?> found.
|
||
|
|
|
||
|
|
Showing
|
||
|
|
<?php echo $paginator->getCurrentPageFirstItem(); ?>
|
||
|
|
-
|
||
|
|
<?php echo $paginator->getCurrentPageLastItem(); ?>.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
|
||
|
|
See the [examples](examples) directory for more sample templates.
|
||
|
|
|
||
|
|
## Pages data structure
|
||
|
|
|
||
|
|
$paginator->getPages();
|
||
|
|
|
||
|
|
`getPages()` returns a data structure like the following:
|
||
|
|
|
||
|
|
array (
|
||
|
|
array ('num' => 1, 'url' => '/foo/page/1', 'isCurrent' => false),
|
||
|
|
array ('num' => '...', 'url' => NULL, 'isCurrent' => false),
|
||
|
|
array ('num' => 5, 'url' => '/foo/page/5', 'isCurrent' => false),
|
||
|
|
array ('num' => 6, 'url' => '/foo/page/6', 'isCurrent' => false),
|
||
|
|
array ('num' => 7, 'url' => '/foo/page/7', 'isCurrent' => false),
|
||
|
|
array ('num' => 8, 'url' => '/foo/page/8', 'isCurrent' => true),
|
||
|
|
array ('num' => 9, 'url' => '/foo/page/9', 'isCurrent' => false),
|
||
|
|
array ('num' => 10, 'url' => '/foo/page/10', 'isCurrent' => false),
|
||
|
|
array ('num' => 11, 'url' => '/foo/page/11', 'isCurrent' => false),
|
||
|
|
array ('num' => 12, 'url' => '/foo/page/12', 'isCurrent' => false),
|
||
|
|
array ('num' => '...', 'url' => NULL, 'isCurrent' => false),
|
||
|
|
array ('num' => 20, 'url' => '/foo/page/20', 'isCurrent' => false),
|
||
|
|
)
|
||
|
|
|
||
|
|
## Customizing the number of pages shown
|
||
|
|
|
||
|
|
By default, no more than 10 pages are shown, including the first and last page, with the overflow replaced by ellipses.
|
||
|
|
To change the default number of pages:
|
||
|
|
|
||
|
|
$paginator->setMaxPagesToShow(5);
|
||
|
|
|