ThinkPHP5分页样式

短命女 2022-03-21 14:39 468阅读 0赞

效果图:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzQ2ODE1_size_16_color_FFFFFF_t_70][]

**1.在think\\paginator\\driver下新建一个类 Bootstrap\_page (自己命名),然后加入以下代码(直接复制)**

<?php
    namespace think\paginator\driver;
    
    use think\Paginator;
    
    class Bootstrap_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;
                    font-size: 15px;
                }
                .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>';
        }
    }

**2：修改在application下的配置文件config.php中 分页配置 信息,如图:**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzQ2ODE1_size_16_color_FFFFFF_t_70 1][]

**3：参考TP5手册[https://www.kancloud.cn/manual/thinkphp5/154294][https_www.kancloud.cn_manual_thinkphp5_154294]进行分页**

参考地址:[http://www.thinkphp.cn/topic/50858.html][http_www.thinkphp.cn_topic_50858.html]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzQ2ODE1_size_16_color_FFFFFF_t_70]: /images/20220321/554d9f8595374a62a305b203b65477fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2NzQ2ODE1_size_16_color_FFFFFF_t_70 1]: /images/20220321/0c763e2a68114e00ae7ee31a608cd0e7.png
[https_www.kancloud.cn_manual_thinkphp5_154294]: https://www.kancloud.cn/manual/thinkphp5/154294
[http_www.thinkphp.cn_topic_50858.html]: http://www.thinkphp.cn/topic/50858.html