Thinkphp5 自定义分页样式显示页码和数量

ThinkPHP 2022-10-20

修改前


修改后显示方式


1、为了不改动Bootstrap.php源代码，拷贝thinkphp目录下的Bootstrap.php重新命名为BootstrapDetailed.php 

2、BootstrapDetailed代码

 

// +----------------------------------------------------------------------
// | 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: A 
// +----------------------------------------------------------------------

namespace think\paginator\driver;

use think\Paginator;

class BootstrapDetailed extends Paginator
{

    /**
     * 上一页按钮
     * @param string $text
     * @return string
     */
    protected function getPreviousButton($text = "上一页")
    {

        if ($this->currentPage()             return $this->getDisabledTextWrapper($text);
        }

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

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



    //总数标签
    protected  function totalshow()
    {

        $totalhtml="
  • 共".$this->total."条记录  第".$this->currentPage()."页/共".$this->lastPage()."页
    • ";
            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()currentPage()+5)
            {
                return $this->getDisabledTextWrapper($text);

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


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

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


            if($this->currentPage()        {
                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="
    • ";
           // 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             $block['slider'] = $this->getUrlRange(1,$this->lastPage);

            } elseif ($this->currentPage  
                $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(
                        '
      %s %s %s
    ',

                        $this->getPreviousButton(),
                        $this->getNextButton()
                    );
                } else {
                    return sprintf(
                        '
       %s %s %s %s %s %s %s %s 
    ',
                        //显示数量页码信息
                        $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 '
  • ' . $page . '
    • ';
        }

        /**
         * 生成一个禁用的按钮
         *
         * @param  string $text
         * @return string
         */
        protected function getDisabledTextWrapper($text)
        {
            return '
  • ' . $text . '
    • ';
        }

        /**
         * 生成一个激活的按钮
         *
         * @param  string $text
         * @return string
         */
        protected function getActivePageWrapper($text)
        {
            return '
  • ' . $text . '
    • ';
        }

        /**
         * 生成省略号按钮
         *
         * @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);
        }
    }

      3、使用方法 

    $test=Db::name("test")->paginate(2,false,
                [
                    'type'=>'BootstrapDetailed'
                ]
                );


     

    修改前


    修改后显示方式


    1、为了不改动Bootstrap.php源代码，拷贝thinkphp目录下的Bootstrap.php重新命名为BootstrapDetailed.php 

    2、BootstrapDetailed代码

     <?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: A <308163697@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."条记录  第".$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 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);
        }

      //跳转到哪页
        protected  function  gopage()
        {


            return $gotohtml="<li><form action='' method='get' ><span><input type='text' name='page'> <input type='submit' value='确定'> </span></form></li>";
           // return $totalhtml;;

        }

        /**
         * 页码按钮
         * @return string
         */
        protected function getLinks()
        {
            if ($this->simple)
                return '';

            $block = [
                'first'  => 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,$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->getNextButton()
                    );
                } else {
                    return sprintf(
                        '<ul class="pagination"> %s %s %s %s %s %s %s %s </ul>',$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,
                [
                    'type'=>'BootstrapDetailed'
                ]
                );


     

    Thinkphp5 自定义分页样式显示页码和数量

    相关文章

    添加数据
    (1)创建数据表： CREATE TABLE IF NOT EXISTS `think_form` ...
    组合查询
    组合查询的主体还是采用数组方式查询，只是加入了一些特殊的...
    更新数据
    (1)创建模版：/App/Home/View/Form/edit.html   <FORM m...
    加载自定义配置文件
    自定义配置文件user.php: <?php return array(    \'se...
    ThinkPHP中如何重写配置文件
    在一些成熟的CMS系统中，后台一般都包含一个配置中心（如织梦...
    thinkphp简洁、美观、靠谱的分页类
    废话不多说先上图预览下，即本博客的分页； 这个分页类是在...