zoukankan      html  css  js  c++  java
  • 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 thinkpaginatordriver;
    
    use thinkPaginator;
    
    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

  • 相关阅读:
    day4
    day3
    day2
    day1
    结对开发
    开课博客
    个人课程总结
    学习进度条-第八周
    学习进度条-第七周
    Fooks 电梯演讲
  • 原文地址:https://www.cnblogs.com/luokakale/p/8377672.html
Copyright © 2011-2022 走看看