TP5框架实现自定义分页样式的方法示例

2020-11-02 10:55:39 浏览数 (1)

本文实例讲述了TP5框架实现自定义分页样式的方法。分享给大家供大家参考,具体如下:

1. 在extend目录下创建page目录,在page目录下创建Page.php文件,将以下代码放入文件中。

代码语言:javascript复制
<?php
namespace page;
use thinkPaginator;
class Page extends Paginator
{
//首页
protected function home() {
if ($this- currentPage()   1) {
return "<a href='" . $this- url(1) . "' title='首页' 首页</a ";
} else {
return "<p 首页</p ";
}
}
//上一页
protected function prev() {
if ($this- currentPage()   1) {
return "<a href='" . $this- url($this- currentPage - 1) . "' title='上一页' 上一页</a ";
} else {
return "<p 上一页</p ";
}
}
//下一页
protected function next() {
if ($this- hasMore) {
return "<a href='" . $this- url($this- currentPage   1) . "' title='下一页' 下一页</a ";
} else {
return"<p 下一页</p ";
}
}
//尾页
protected function last() {
if ($this- hasMore) {
return "<a href='" . $this- url($this- lastPage) . "' title='尾页' 尾页</a ";
} else {
return "<p 尾页</p ";
}
}
//统计信息
protected function info(){
return "<p class='pageRemark' 共<b " . $this- lastPage .
"</b 页<b " . $this- total . "</b 条数据</p ";
}
/**
* 页码按钮
* @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;
}
/**
* 渲染分页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()
);
}
}
}
/**
* 生成一个可点击的按钮
*
* @param string $url
* @param int  $page
* @return string
*/
protected function getAvailablePageWrapper($url, $page)
{
return '<a href="' . htmlentities($url) . '" rel="external nofollow" title="第"'. $page .'"页"  ' . $page . '</a ';
}
/**
* 生成一个禁用的按钮
*
* @param string $text
* @return string
*/
protected function getDisabledTextWrapper($text)
{
return '<p class="pageEllipsis" ' . $text . '</p ';
}
/**
* 生成一个激活的按钮
*
* @param string $text
* @return string
*/
protected function getActivePageWrapper($text)
{
return '<a href="" class=" rel="external nofollow" cur" ' . $text . '</a ';
}
/**
* 生成省略号按钮
*
* @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);
}
/**
* 分页样式
*/
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. 修改 applicationconfig.php 中的配置文件即可

代码语言:javascript复制
//分页配置 
'paginate'        =  [ 
'type'   =  'pagePage',//分页类 
'var_page' =  'page', 
'list_rows' =  15, 
],

3. 分页样式为

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

0 人点赞