TP5框架實(shí)現(xiàn)自定義分頁(yè)樣式的方法示例
本文實(shí)例講述了TP5框架實(shí)現(xiàn)自定義分頁(yè)樣式的方法。分享給大家供大家參考,具體如下:
1. 在extend\目錄下創(chuàng)建page目錄,在page目錄下創(chuàng)建Page.php文件,將以下代碼放入文件中。
<?php
namespace page;
use think\Paginator;
class Page extends Paginator
{
//首頁(yè)
protected function home() {
if ($this->currentPage() > 1) {
return "<a href='" . $this->url(1) . "' title='首頁(yè)'>首頁(yè)</a>";
} else {
return "<p>首頁(yè)</p>";
}
}
//上一頁(yè)
protected function prev() {
if ($this->currentPage() > 1) {
return "<a href='" . $this->url($this->currentPage - 1) . "' title='上一頁(yè)'>上一頁(yè)</a>";
} else {
return "<p>上一頁(yè)</p>";
}
}
//下一頁(yè)
protected function next() {
if ($this->hasMore) {
return "<a href='" . $this->url($this->currentPage + 1) . "' title='下一頁(yè)'>下一頁(yè)</a>";
} else {
return"<p>下一頁(yè)</p>";
}
}
//尾頁(yè)
protected function last() {
if ($this->hasMore) {
return "<a href='" . $this->url($this->lastPage) . "' title='尾頁(yè)'>尾頁(yè)</a>";
} else {
return "<p>尾頁(yè)</p>";
}
}
//統(tǒng)計(jì)信息
protected function info(){
return "<p class='pageRemark'>共<b>" . $this->lastPage .
"</b>頁(yè)<b>" . $this->total . "</b>條數(shù)據(jù)</p>";
}
/**
* 頁(yè)碼按鈕
* @return string
*/
protected function getLinks()
{
$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;
}
/**
* 渲染分頁(yè)html
* @return mixed
*/
public function render()
{
if ($this->hasPages()) {
if ($this->simple) {
return sprintf(
'%s<div class="pagination">%s %s %s</div>',
$this->css(),
$this->prev(),
$this->getLinks(),
$this->next()
);
} else {
return sprintf(
'%s<div class="pagination">%s %s %s %s %s %s</div>',
$this->css(),
$this->home(),
$this->prev(),
$this->getLinks(),
$this->next(),
$this->last(),
$this->info()
);
}
}
}
/**
* 生成一個(gè)可點(diǎn)擊的按鈕
*
* @param string $url
* @param int $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<a href="' . htmlentities($url) . '" rel="external nofollow" title="第"'. $page .'"頁(yè)" >' . $page . '</a>';
}
/**
* 生成一個(gè)禁用的按鈕
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<p class="pageEllipsis">' . $text . '</p>';
}
/**
* 生成一個(gè)激活的按鈕
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<a href="" class=" rel="external nofollow" cur">' . $text . '</a>';
}
/**
* 生成省略號(hào)按鈕
*
* @return string
*/
protected function getDots()
{
return $this->getDisabledTextWrapper('...');
}
/**
* 批量生成頁(yè)碼按鈕.
*
* @param array $urls
* @return string
*/
protected function getUrlLinks(array $urls)
{
$html = '';
foreach ($urls as $page => $url) {
$html .= $this->getPageLinkWrapper($url, $page);
}
return $html;
}
/**
* 生成普通頁(yè)碼按鈕
*
* @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);
}
/**
* 分頁(yè)樣式
*/
protected function css(){
return ' <style type="text/css">
.pagination p{
margin:0;
cursor:pointer
}
.pagination{
height:40px;
padding:20px 0px;
}
.pagination a{
display:block;
float:left;
margin-right:10px;
padding:2px 12px;
height:24px;
border:1px #cccccc solid;
background:#fff;
text-decoration:none;
color:#808080;
font-size:12px;
line-height:24px;
}
.pagination a:hover{
color:#077ee3;
background: white;
border:1px #077ee3 solid;
}
.pagination a.cur{
border:none;
background:#077ee3;
color:#fff;
}
.pagination p{
float:left;
padding:2px 12px;
font-size:12px;
height:24px;
line-height:24px;
color:#bbb;
border:1px #ccc solid;
background:#fcfcfc;
margin-right:8px;
}
.pagination p.pageRemark{
border-style:none;
background:none;
margin-right:0px;
padding:4px 0px;
color:#666;
}
.pagination p.pageRemark b{
color:red;
}
.pagination p.pageEllipsis{
border-style:none;
background:none;
padding:4px 0px;
color:#808080;
}
.dates li {font-size: 14px;margin:20px 0}
.dates li span{float:right}
</style>';
}
}
2. 修改 application\config.php 中的配置文件即可
//分頁(yè)配置
'paginate' => [
'type' => 'page\Page',//分頁(yè)類(lèi)
'var_page' => 'page',
'list_rows' => 15,
],
3. 分頁(yè)樣式為 
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題:《ThinkPHP入門(mén)教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門(mén)教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門(mén)教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
ThinkPHP框架任意代碼執(zhí)行漏洞的利用及其修復(fù)方法
這篇文章主要介紹了ThinkPHP框架任意代碼執(zhí)行漏洞的利用及其修復(fù)方法,該漏洞的修復(fù)對(duì)于廣大使用ThinkPHP的開(kāi)發(fā)人員來(lái)說(shuō)尤為重要!需要的朋友可以參考下2014-07-07
PHP 獲取 ping 時(shí)間的實(shí)現(xiàn)方法
這篇文章主要介紹了PHP 獲取 ping 時(shí)間的實(shí)現(xiàn)方法的相關(guān)資料,希望通過(guò)本文能幫助到大家,讓大家實(shí)現(xiàn)這樣的功能,需要的朋友可以參考下2017-09-09
PHP+Ajax異步帶進(jìn)度條上傳文件實(shí)例
這篇文章主要介紹了PHP+Ajax異步帶進(jìn)度條上傳文件實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下。2016-11-11
PHPStorm 2020.1 調(diào)試 Nodejs的多種方法詳解
這篇文章主要介紹了PHPSTORM 2020.1 調(diào)試 Nodejs的多種方法詳解,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-09-09
IP138 IP地址查詢(xún)小偷實(shí)現(xiàn)代碼
下面的代碼是獲取ip138的數(shù)據(jù),并顯示。2010-02-02
destoon實(shí)現(xiàn)商鋪管理主頁(yè)設(shè)置增加新菜單的方法
這篇文章主要介紹了destoon實(shí)現(xiàn)商鋪管理主頁(yè)設(shè)置增加新菜單的方法,需要的朋友可以參考下2014-06-06
ThinkPHP中類(lèi)的構(gòu)造函數(shù)_construct()與_initialize()的區(qū)別詳解
這篇文章主要介紹了ThinkPHP中類(lèi)的構(gòu)造函數(shù)_construct()與_initialize()的區(qū)別,文中介紹的非常詳細(xì),相信對(duì)大家具有一定的參考價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-03-03

