• 【thinkphp5】 分页样式修改


    1 找到文件:/thinkphp/library/think/paginator/driver/Bootstrap.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 Bootstrap 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);
        }
    
        /**
         * 下一页按钮
         * @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);
        }
    
         /**
         * 首页按钮
         * @param string $text
         * @return string
         */
        protected function getFirstButton($text = '首页')
        {
            $nowPage = $this->rollPage;//计算分页临时变量
            //当  总页数大于定义的页数时  且  当前页数大于前几页时  显示首页
            if ($this->lastPage > $this->showPage && $this->currentPage > $nowPage) {
                
                $url = $this->url(1);
                
                return $this->getPageLinkWrapper($url, $text);
            }
        }
    
        /**
         * 末页按钮
         * @param string $text
         * @return string
         */
        protected function getLastButton($text = '末页')
        {
            $nowPage = $this->rollPage;//计算分页临时变量
            
            //当  总页数大于定义的页数时  且  当前页数小于最后的几页时  显示末页
            if ($this->lastPage > $this->showPage && $this->currentPage < ($this->lastPage - $nowPage)) {
                
                $url = $this->url($this->lastPage);
                
                return $this->getPageLinkWrapper($url, $text);
            }
        }
    
        /**
         * 页码按钮
         * @return string
         */
        protected function getLinks()
        {
            if ($this->simple)
                return '';
    
            $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(
                        '<ul class="pager">%s %s</ul>',
                        $this->getPreviousButton(),
                        $this->getNextButton()
                    );
                } else {
                    return sprintf(
                        '<ul class="pagination">%s %s %s</ul>',
                        $this->getPreviousButton(),
                        $this->getLinks(),
                        $this->getNextButton()
                    );
                }
            }
        }
    
        /**
         * 生成一个可点击的按钮
         *
         * @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()
        {
            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);
        }
    }

    2 加上样式

    <style>
    /*分页样式*/  
    .pagination{text-align:center;margin-top:20px;margin-bottom: 20px;}  
    .pagination li{margin:0px 10px; border:1px solid #e6e6e6;padding: 3px 8px;display: inline-block;}  
    .pagination .active{background-color: #46A3FF;color: #fff;}  
    .pagination .disabled{color:#aaa;} 
    </style>

     

  • 相关阅读:
    谈谈数据库连接池的原理
    认识wsgi
    mysql存储引擎介绍,索引
    Go语言并发组件--Goroutine
    【高级课程笔记】—— Echarts高级应用(二)
    【高级课程笔记】—— Echarts高级应用(一)
    【高级课程笔记】—— Echarts常用图表
    【高级课程笔记】—— Echarts入门&常用组件
    【重点突破】—— js防抖和节流(转)
    【重点突破】—— moment.js获取时间格式化
  • 原文地址:https://www.cnblogs.com/richerdyoung/p/7058952.html
Copyright © 2020-2023  润新知