Thinkphp5.0分頁和跳頁

後臺查詢商品或者會員量須要用到分頁展現列表，當頁數比較多的時候爲了體高用戶體驗度，須要添加一個跳頁也就是手動輸入頁碼數進行快速跳轉指定頁面。因爲手動編寫分頁比較麻煩，又想使用TP5自帶的分頁，可是TP5自帶的分頁類比較簡單，因此能夠經過修改Bootstrap類自定義顯示分頁的頁碼和數量。

因爲Bootstrap類是tp自帶的類，因此爲了咱們儘可能不要改動底層自帶的類，這裏拷貝一下Bootstrap類而後重命名爲BootstrapDetailed.php，目錄結構如圖：

代碼以下：

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006~2017 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: zhangyajun <448901948@qq.com>
// +----------------------------------------------------------------------

namespace think\paginator\driver;

use think\Paginator;

class BootstrapDetailed 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);
    }



    //總數標籤
    protected  function totalshow()
    {

        $totalhtml="<li class=\"disabled\"><span>共".$this->total."條記錄&nbsp&nbsp第".$this->currentPage()."頁/共".$this->lastPage()."頁</span></li>";
        return $totalhtml;

    }

    //尾頁標籤

    protected  function showlastpage($text = '尾頁')
    {

        if($this->currentPage()==$this->lastPage())
        {
            return $this->getDisabledTextWrapper($text);

        }

        $url = $this->url($this->lastPage());
        return $this->getPageLinkWrapper($url, $text);
    }

    //首頁標籤

    protected  function showfirstpage($text = '首頁')
    {

        if($this->currentPage()==1)
        {
            return $this->getDisabledTextWrapper($text);

        }

        $url = $this->url(1);
        return $this->getPageLinkWrapper($url, $text);
    }
    //後五頁
    protected  function afivepage($text = '後五頁')
    {


        if($this->lastPage()<$this->currentPage()+5)
        {
            return $this->getDisabledTextWrapper($text);

        }
        $url = $this->url($this->currentPage()+5);


        return $this->getPageLinkWrapper($url, $text);
    }

    //前五頁
    protected  function bfivepage($text = '前五頁')
    {


        if($this->currentPage()<5)
        {
            return $this->getDisabledTextWrapper($text);

        }
        $url = $this->url($this->currentPage()-5);


        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);
    }

    //跳轉到哪頁
    protected  function gopage()
    {


        return $gotohtml="<li><form action='' method='get' ><a style='float:left;margin-left:2px;'><input style='height:33px;' type='text' name='page' placeholder='請選擇頁數'> <input style='height:33px;' type='submit' value='肯定'> </a></form></li>";
        // return $totalhtml;;

    }

    /**
     * 頁碼按鈕
     * @return string
     */
    protected function getLinks()
    {
        if ($this->simple)
            return '';

        $block = [
            'first'  => null,
            'slider' => null,
            'last'   => null
        ];

        $side   = 2;
        $window = $side * 2;

        if ($this->lastPage < $window +1) {
            $block['slider'] = $this->getUrlRange(1, $this->lastPage);

        } elseif ($this->currentPage <= $window-1) {

            $block['slider'] = $this->getUrlRange(1, $window + 1);
        } elseif ($this->currentPage > ($this->lastPage - $window+1)) {
            $block['slider']  = $this->getUrlRange($this->lastPage - ($window), $this->lastPage);

        } else {

            $block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side);
        }

        $html = '';

        if (is_array($block['first'])) {
            $html .= $this->getUrlLinks($block['first']);
        }

        if (is_array($block['slider'])) {

            $html .= $this->getUrlLinks($block['slider']);
        }

        if (is_array($block['last'])) {
            $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 %s</ul>',

                    $this->getPreviousButton(),
                    $this->getNextButton()
                );
            } else {
                return sprintf(
                    '<ul class="pagination"> %s %s %s %s %s %s %s %s </ul>',
                    //顯示數量頁碼信息
                    $this->totalshow(),
                    //第一頁
                    $this->showfirstpage(),
                    //上一頁
                    $this->getPreviousButton(),
                    //前五頁
                    $this->bfivepage(),
                    //頁碼
                    $this->getLinks(),
                    //後五頁
                    //$this->afivepage(),
                    //下一頁
                    $this->getNextButton(),
                    //最後一頁
                    $this->showlastpage(),
                //最後再加個參數 %s 能夠顯示跳轉到哪頁
                    $this->gopage()
                );
            }
        }
    }

    /**
     * 生成一個可點擊的按鈕
     *
     * @param  string $url
     * @param  int    $page
     * @return string
     */
    protected function getAvailablePageWrapper($url, $page)
    {
        return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>';
    }

    /**
     * 生成一個禁用的按鈕
     *
     * @param  string $text
     * @return string
     */
    protected function getDisabledTextWrapper($text)
    {
        return '<li class="disabled"><span>' . $text . '</span></li>';
    }

    /**
     * 生成一個激活的按鈕
     *
     * @param  string $text
     * @return string
     */
    protected function getActivePageWrapper($text)
    {
        return '<li class="active"><span>' . $text . '</span></li>';
    }

    /**
     * 生成省略號按鈕
     *
     * @return string
     */
    protected function getDots($text = '...')
    {

        //$url = $this->url($this->currentPage() + 1);

        //  return $this->getPageLinkWrapper($url, $text);
        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);
    }
}

而後再config裏面配置一下分頁類就能夠了。

 //分頁配置
    'paginate'               => [
        'type'      => 'BootstrapDetailed',
        'var_page'  => 'page',
        'list_rows' => 15,
    ],

舉個例子：

 $good_info =Db::table('goods')->paginate(20);

效果以下：

這樣就能夠了，用戶體驗度高，方便。很不錯的分頁。

原文參考文章地址：http://www.zhaisui.com/article/52.html