thinkphp5+layui實現(xiàn)的分頁樣式示例
更新時間：2019年10月08日 10:21:54 作者：flysnownet
這篇文章主要介紹了thinkphp5+layui實現(xiàn)的分頁樣式,結(jié)合實例形式詳細分析了thinkPHP5框架結(jié)合layui實現(xiàn)的分頁功能相關(guān)的配置、查詢等操作技巧,需要的朋友可以參考下
本文實例講述了thinkphp5+layui實現(xiàn)的分頁樣式。分享給大家供大家參考，具體如下：
tp5之layui分頁樣式
1.分頁類
路徑：\thinkphp\library\think\paginator\driver
Layui.php
<?php
namespace think\paginator\driver;
use think\Paginator;
class Layui extends Paginator
{
/**
* 上一頁按鈕
* @param string $text
* @return string
*/
protected function getPreviousButton($text = "上一頁")
{
if ($this->currentPage() <= 1) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->url(
$this->currentPage() - 1
);
return $this->getPageLinkWrapper($url, $text);
}
/**
* 下一頁按鈕
* @param string $text
* @return string
*/
protected function getNextButton($text = '下一頁')
{
if (!$this->hasMore) {
return $this->getDisabledTextWrapper($text);
}
$url = $this->url($this->currentPage() + 1);
return $this->getPageLinkWrapper($url, $text);
}
/**
* 頁碼按鈕
* @return string
*/
protected function getLinks()
{
if ($this->simple)
return '';
$block = [
'first' => null,
'slider' => null,
'last' => null
];
$side = 3;
$window = $side * 2;
if ($this->lastPage < $window + 6) {
$block['first'] = $this->getUrlRange(1, $this->lastPage);
} elseif ($this->currentPage <= $window) {
$block['first'] = $this->getUrlRange(1, $window + 2);
$block['last'] = $this->getUrlRange($this->lastPage - 1, $this->lastPage);
} elseif ($this->currentPage > ($this->lastPage - $window)) {
$block['first'] = $this->getUrlRange(1, 2);
$block['last'] = $this->getUrlRange($this->lastPage - ($window + 2), $this->lastPage);
} else {
$block['first'] = $this->getUrlRange(1, 2);
$block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side);
$block['last'] = $this->getUrlRange($this->lastPage - 1, $this->lastPage);
}
$html = '';
if (is_array($block['first'])) {
$html .= $this->getUrlLinks($block['first']);
}
if (is_array($block['slider'])) {
$html .= $this->getDots();
$html .= $this->getUrlLinks($block['slider']);
}
if (is_array($block['last'])) {
$html .= $this->getDots();
$html .= $this->getUrlLinks($block['last']);
}
return $html;
}
/**
* 渲染分頁html
* @return mixed
*/
public function render()
{
if ($this->hasPages()) {
if ($this->simple) {
return sprintf(
'<ul class="pager">%s %s</ul>',
$this->getPreviousButton(),
$this->getNextButton()
);
} else {
return sprintf(
'%s %s %s',
$this->getPreviousButton(),
$this->getLinks(),
$this->getNextButton()
);
}
}
}
/**
* 生成一個可點擊的按鈕
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<a href="' . htmlentities($url) . '" rel="external nofollow" >' . $page . '</a>';
}
/**
* 生成一個禁用的按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<a class="layui-laypage-prev" >' . $text . '</a>';
}
/**
* 生成一個激活的按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<span class="layui-laypage-curr"> <em class="layui-laypage-em"></em><em>' . $text . '</em></span>';
}
/**
* 生成省略號按鈕
*
* @return string
*/
protected function getDots()
{
return $this->getDisabledTextWrapper('...');
}
/**
* 批量生成頁碼按鈕.
*
* @param array $urls
* @return string
*/
protected function getUrlLinks(array $urls)
{
$html = '';
foreach ($urls as $page => $url) {
$html .= $this->getPageLinkWrapper($url, $page);
}
return $html;
}
/**
* 生成普通頁碼按鈕
*
* @param string $url
* @param int $page
* @return string
*/
protected function getPageLinkWrapper($url, $page)
{
if ($page == $this->currentPage()) {
return $this->getActivePageWrapper($page);
}
return $this->getAvailablePageWrapper($url, $page);
}
}
2.配置文件
paginate.php
<?php /** * @auther: xxf * Date: 2019/9/2 * Time: 10:24 */ //分頁配置 return [ 'type' => 'Layui', 'var_page' => 'page', ];
3.模型查詢
public function getUserShowList($size = 20, $where = null)
{
$res = $this
->field('id,title,list_order,is_top,create_time,create_time time')
->where($where)
->order(['is_top' => 'desc', 'list_order' => 'desc', 'id' => 'desc'])
->paginate($size);
return $res;
}
4.模板渲染
<div class="layui-box layui-laypage layui-laypage-molv">{$list|raw}</div>
效果
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計有所幫助。
相關(guān)文章
php實現(xiàn)將數(shù)據(jù)做成json的格式給前端使用
今天小編就為大家分享一篇php實現(xiàn)將數(shù)據(jù)做成json的格式給前端使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細介紹了適合PHP初學者閱讀的4本經(jīng)典書籍，提高大家的php開發(fā)水平，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了PHP擴展安裝方法步驟解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-11-11
thinkPHP數(shù)據(jù)庫增刪改查操作方法實例詳解
這篇文章主要介紹了thinkPHP數(shù)據(jù)庫增刪改查操作方法,結(jié)合實例形式詳細分析了thinkPHP常用數(shù)據(jù)庫操作函數(shù)與相關(guān)使用技巧,需要的朋友可以參考下2016-12-12
php 實現(xiàn)簡單的登錄功能示例【基于thinkPHP框架】
這篇文章主要介紹了php 實現(xiàn)簡單的登錄功能,結(jié)合實例形式分析了基于thinkPHP框架登錄功能視圖與控制器簡單實現(xiàn)技巧,需要的朋友可以參考下2019-12-12
這篇文章主要介紹了PHP開發(fā)框架kohana中處理ajax請求的例子,kohana是一個PHP5開發(fā)框架,需要的朋友可以參考下2014-07-07
這篇文章主要為大家詳細介紹了php生成靜態(tài)頁面并實現(xiàn)預覽功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-06-06
簡單的php數(shù)據(jù)庫操作類代碼(增,刪,改,查)
這幾天準備重新學習，梳理一下知識體系，同時按照功能模塊劃分做一些東西。所以。mysql的操作成為第一個要點。我寫了一個簡單的mysql操作類，實現(xiàn)數(shù)據(jù)的簡單的增刪改查功能。2013-04-04
今天小編就為大家分享一篇laravel-admin select框默認選中的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要介紹了php計算當前程序執(zhí)行時間示例,需要的朋友可以參考下2014-04-04