typecho重写数字分页(盒状分页)函数

2020年08月08日 · 代码

代码
重写代码如下，代码不包括如何传递get参数部分（主要因为需要的人不多，而且懂的人应该会都加），将下面代码放入需要重写页面的顶部即可。

class Typecho_Widget_Helper_PageNavigator_Box extends Typecho_Widget_Helper_PageNavigator
{

public function render($prevWord = 'PREV', $nextWord = 'NEXT', $splitPage = 3, $splitWord = '...', array $template = array())
{
if ($this->_total < 1) {
return;
}
$default = array(
'aClass' => '',
'itemTag' => 'li',
'textTag' => 'span',
'textClass' => '',
'currentClass' => 'current',
'prevClass' => 'prev',
'nextClass' => 'next'
);
$template = array_merge($default, $template);
extract($template);
// 定义item
$itemBegin = empty($itemTag) ? '' : ('<' . $itemTag . '>');
$itemCurrentBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($currentClass) ? '' : ' class="' . $currentClass . '"') . '>');
$itemPrevBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($prevClass) ? '' : ' class="' . $prevClass . '"') . '>');
$itemNextBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($nextClass) ? '' : ' class="' . $nextClass . '"') . '>');
$itemEnd = empty($itemTag) ? '' : ('');
$textBegin = empty($textTag) ? '' : ('<' . $textTag
. (empty($textClass) ? '' : ' class="' . $textClass . '"') . '>');
$textEnd = empty($textTag) ? '' : ('');

$linkBegin = '';
$linkCurrentBegin = empty($itemTag) ? (' . (empty($currentClass) ? '' : ' class="' . $currentClass . '"') . '>')
: $linkBegin;
$linkPrevBegin = empty($itemTag) ? (' . (empty($prevClass) ? '' : ' class="' . $prevClass . '"') . '>')
: $linkBegin;
$linkNextBegin = empty($itemTag) ? ('')
: $linkBegin;
$linkEnd = '';
$from = max(1, $this->_currentPage - $splitPage);
$to = min($this->_totalPage, $this->_currentPage + $splitPage);
//输出上一页
if ($this->_currentPage > 1) {
echo $itemPrevBegin . sprintf($linkPrevBegin,
str_replace($this->_pageHolder, $this->_currentPage - 1, $this->_pageTemplate) . $this->_anchor)
. $prevWord . $linkEnd . $itemEnd;
}
//输出第一页
if ($from > 1) {
echo $itemBegin . sprintf($linkBegin, str_replace($this->_pageHolder, 1, $this->_pageTemplate) . $this->_anchor)
. '1' . $linkEnd . $itemEnd;
if ($from > 2) {
//输出省略号
echo $itemBegin . $textBegin . $splitWord . $textEnd . $itemEnd;
}
}
//输出中间页
for ($i = $from; $i <= $to; $i ++) {
$current = ($i == $this->_currentPage);

echo ($current ? $itemCurrentBegin : $itemBegin) . sprintf(($current ? $linkCurrentBegin : $linkBegin),
str_replace($this->_pageHolder, $i, $this->_pageTemplate) . $this->_anchor)
. $i . $linkEnd . $itemEnd;
}
//输出最后页
if ($to < $this->_totalPage) {
if ($to < $this->_totalPage - 1) {
echo $itemBegin . $textBegin . $splitWord . $textEnd . $itemEnd;
}

echo $itemBegin . sprintf($linkBegin, str_replace($this->_pageHolder, $this->_totalPage, $this->_pageTemplate) . $this->_anchor)
. $this->_totalPage . $linkEnd . $itemEnd;
}
//输出下一页
if ($this->_currentPage < $this->_totalPage) {
echo $itemNextBegin . sprintf($linkNextBegin,
str_replace($this->_pageHolder, $this->_currentPage + 1, $this->_pageTemplate) . $this->_anchor)
. $nextWord . $linkEnd . $itemEnd;
}
}
}
?>
使用文档
wrapTag外层包裹标签名，默认ol，
wrapClass外层包裹类名，
itemTag内层标签名，默认li，
textTag直接输出文字的标签名【这里文字指的是省略号】
textClass文字的类名【这里文字指的是省略号】
aClass超链接的类名
currentClass当前聚焦类名，
prevClass上一页类名,
nextClass下一页类名。

使用案例
php部分代码

pageNav('', '', 2, '...', array('wrapTag' => 'div', 'wrapClass' => 'nav-links', 'itemTag' => '','aClass' => 'page-numbers','textClass' => 'page-numbers', 'currentClass' => 'page-numbers current', 'prevClass' => 'page-numbers prev', 'nextClass' => 'next page-numbers',)); ?>

html渲染结果

1
2
3
...
8

源码分析
currentClass，prevClass,nextClass这三个分别为当前聚焦类名，上一页类名，下一页类名，他们默认是给itemTag服务的，itemTag默认是li标签，就是包裹每一个页码超链接的标签，但是案例中他们却直接给超链接设置class了，原因就是案例中使用了'itemTag' => ''，给itemTag设置为空值，这样他就不遵循默认的li标签了，同时源码中又判断，当他为空时currentClass，prevClass,nextClass这三个将直接为页码超链接设置class。

我写的这个东西可能不适合所有人，但是可以在这个基础上按需修改代码实现自己想要的效果。

代码
重写代码如下，代码不包括如何传递get参数部分（主要因为需要的人不多，而且懂的人应该会都加），将下面代码放入需要重写页面的顶部即可。

class Typecho_Widget_Helper_PageNavigator_Box extends Typecho_Widget_Helper_PageNavigator
{

public function render($prevWord = 'PREV', $nextWord = 'NEXT', $splitPage = 3, $splitWord = '...', array $template = array())
{
if ($this->_total < 1) {
return;
}
$default = array(
'aClass' => '',
'itemTag' => 'li',
'itemClass' => '',//新增
'textTag' => 'span',
'textClass' => '',
'currentClass' => 'current',
'prevClass' => 'prev',
'nextClass' => 'next'
);
$template = array_merge($default, $template);
extract($template);
// 定义item
$itemBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($itemClass) ? '' : ' class="' . $itemClass . '"') . '>');//新增
$itemCurrentBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($currentClass) ? '' : ' class="' . $currentClass . '"') . '>');
$itemPrevBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($prevClass) ? '' : ' class="' . $prevClass . '"') . '>');
$itemNextBegin = empty($itemTag) ? '' : ('<' . $itemTag
. (empty($nextClass) ? '' : ' class="' . $nextClass . '"') . '>');
$itemEnd = empty($itemTag) ? '' : ('');
$textBegin = empty($textTag) ? '' : ('<' . $textTag
. (empty($textClass) ? '' : ' class="' . $textClass . '"') . '>');
$textEnd = empty($textTag) ? '' : ('');

新文档
wrapTag=ul
wrapClass=ul class
itemTag=li
itemClass=li class
aClass=A链接样式
textClass=
currentClass=当前页高亮样式
prevClass=上一页样式
nextClass=下一页样式

使用案例
php部分代码
pageNav('上一页', '下一页', 5, '...', array('wrapTag' => 'ul', 'wrapClass' => 'pagination pagination-lg justify-content-center', 'itemTag' => 'li','itemClass' => 'page-item','aClass' => 'page-link','textClass' => 'page-item', 'currentClass' => 'page-item active', 'prevClass' => 'page-item', 'nextClass' => 'page-item',)); ?>

html渲染结果

我写的这个东西可能不适合所有人，但是可以在这个基础上按需修改代码实现自己想要的效果。

none

typecho

一个typecho网站。

typecho重写数字分页(盒状分页)函数

发表新评论