tp5 分页详解

最常用的应该就是分页了,tp5已经将分页给封装好了,实在是方便!

分页主要在model中查询语句例使用paginate()函数。


tp5分页的默认样式很丑,或者说根本没有样式。

以下为修改方法(参考其他大神的扩展代码):

1.首先在tp的扩展文件夹extend中创建page文件夹(文件夹名称可以自己决定,命名空间对就行)

2. 将自定义分页类文件page.php放到page文件夹下

    <?php

namespace page;

use think\Paginator;

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) . '" 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="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>';

    }

}

3.修改配置文件(/application/config.php)

//分页配置

    'paginate'              => [

        'type'      => 'bootstrap',

        'var_page'  => 'page',

        'list_rows' => 15,

    ],

将上面分页配置改为:

  //自定义分页配置 

  'paginate'              => [ 

      'type'      => 'page\page',//分页类 

      'var_page'  => 'page', 

      'list_rows' => 15, 

  ],


效果图:

看下样式要好很多,想要自己写类文件也可以按照这种方法来做。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,014评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,796评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,484评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,830评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,946评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,114评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,182评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,927评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,369评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,678评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,832评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,533评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,166评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,885评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,128评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,659评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,738评论 2 351

推荐阅读更多精彩内容