ThinkPHP5+layui实现的分页样式示例

 120 2019-10-11 23:15:07 艾奇站长网

TAG:ThinkPHPlayui分页

这篇文章主要介绍了thinkphp5+layui实现的分页样式,结合实例形式详细分析了thinkPHP5框架结合layui实现的分页功能相关的配置、查询等操作技巧,需要的朋友可以参考下

本文实例讲述了thinkphp5+layui实现的分页样式。分享给大家供大家参考,具体如下:


thinkphp5之layui分页样式


1、分页类

路径:\thinkphp\library\think\paginator\driver

Layui.php

<?php
namespace think\paginator\driver;
use think\Paginator;
class Layui 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);
    }
    
    /**
    * 页码按钮
    * @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(
                    '%s %s %s',
                    $this->getPreviousButton(),
                    $this->getLinks(),
                    $this->getNextButton()
                );
            }
        }
    }
    /**
    * 生成一个可点击的按钮
    *
    * @param string $url
    * @param int  $page
    * @return string
    */
    protected function getAvailablePageWrapper($url, $page)
    {
        return '<a href="' . htmlentities($url) . '" rel="external nofollow" >' . $page . '</a>';
    }
    /**
    * 生成一个禁用的按钮
    *
    * @param string $text
    * @return string
    */
    protected function getDisabledTextWrapper($text)
    {
        return '<a class="layui-laypage-prev" >' . $text . '</a>';
    }
    /**
    * 生成一个激活的按钮
    *
    * @param string $text
    * @return string
    */
    protected function getActivePageWrapper($text)
    {
        return '<span class="layui-laypage-curr"> <em class="layui-laypage-em"></em><em>' . $text . '</em></span>';
    }
    /**
    * 生成省略号按钮
    *
    * @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、配置文件

paginate.php

<?php
/**
* Date: 2019/9/2
* Time: 10:24
*/
//分页配置
return [
    'type' => 'Layui',
    'var_page' => 'page',
];

3、模型查询

public function getUserShowList($size = 20, $where = null)
{
    $res = $this
        ->field('id,title,list_order,is_top,create_time,create_time time')
        ->where($where)
        ->order(['is_top' => 'desc', 'list_order' => 'desc', 'id' => 'desc'])
        ->paginate($size);
    return $res;
}

4、模板渲染

<div class="layui-box layui-laypage layui-laypage-molv">{$list|raw}</div>

效果


ThinkPHP5+layui实现的分页样式示例(图1)


猜你喜欢
DouPHP去除Powered by DouPHP版权的方法

DouPHP去除Powered by DouPHP版权的方法

教程资讯 124 2019-10-07

DouPHP标题版权修改:打开 include 目录下的 action.class.php 文件,搜索“Powered”...

TAG:DouPHP版权

最新织梦漏洞,首页head之间被篡改加入异常代码解决办法

最新织梦漏洞,首页head之间被篡改加入异常代码解决办法

教程资讯 174 2019-09-30

最近不少用户反映首页被篡改,登录服务器查看没有被上传异常文件,但是首页生成后,有一段异常且被加密过的代码。更换内核后,还...

TAG:dedecms织梦

WordPress文章列表 添加文章内图片数量展示

WordPress文章列表 添加文章内图片数量展示

教程资讯 162 2019-09-30

对于一些图片的WP站来说在文章列表上可以展示文章内数量的功能还是非常不错的设计,小编也刚刚从君子不器上看到实现方法,所以...

TAG:WordPress文章图片

WordPress分页代码实现WordPress文章列表分页

WordPress分页代码实现WordPress文章列表分页

教程资讯 213 2019-10-02

WordPress集成了自动分页功能,使用WordPress分页代码调用WordPress分页方法,就可以快速为Word...

TAG:WordPress分页