TP框架, 支持 layui 分页功能实现

最新推荐文章于 2024-05-06 14:03:08 发布
最新推荐文章于 2024-05-06 14:03:08 发布
阅读量395 收藏
点赞数
分类专栏： ThinkPHP5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hyrylt/article/details/108959134
版权

TP默认的分页样式 是 bootstrap 分页样式,下面是修改为layui 分页样式的步骤

  1. 增加layui 配置文件
    - 配置文件样式一
    在这里插入图片描述

    	 - 样式2,定义一个类继承paginator类

<?php

namespace util;

use think\Paginator;

class LayPage extends Paginator
{
    protected function url($page)
    {
        if ($page <= 0) {
            $page = 1;
        }

        if (strpos($this->options['path'], '[PAGE]') === false) {
            $parameters = [$this->options['var_page'] => $page];
            $path = $this->options['path'];
        } else {
            $parameters = [];
            $path = str_replace('[PAGE]', $page, $this->options['path']);
        }
        if (count($this->options['query']) > 0) {
            $parameters = array_merge($this->options['query'], $parameters);
        }
        $url = $path;
        $gets = input('get.');
        unset($gets['page']);
        if (!empty($parameters)) {
            $parameters = array_merge($parameters, $gets);
            $url .= '?' . urldecode(http_build_query($parameters, null, '&'));
        }
        return $url . $this->buildFragment();
    }

    /**
     * 上一页按钮
     * @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(
                    '<div class="pager">%s %s</div>',
                    $this->getPreviousButton(),
                    $this->getNextButton()
                );
            } else {
                return sprintf(
                    '<div id="pages" class="layui-box layui-laypage layui-laypage-molv"><span class="rows">共%s条记录</span>%s %s %s</div>',
                    $this->total(),
                    $this->getPreviousButton(),
                    $this->getLinks(),
                    $this->getNextButton()
                );
            }
        } else {
            return '<div id="pages" class="layui-box layui-laypage layui-laypage-molv"><span class="rows">共' . $this->total() . '条记录</span></div>';
        }
    }

    /**
     * 生成一个可点击的按钮
     *
     * @param string $url
     * @param int $page
     * @return string
     */
    protected function getAvailablePageWrapper($url, $page)
    {
        return '<a class="num" href="' . htmlentities($url) . '">' . $page . '</a>';
    }

    /**
     * 生成一个禁用的按钮
     *
     * @param string $text
     * @return string
     */
    protected function getDisabledTextWrapper($text)
    {
        return '<span class="disabled">' . $text . '</span>';
    }

    /**
     * 生成一个激活的按钮 当前页
     *
     * @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);
    }
}

		 - 样式3

<?php
namespace util;

use think\Paginator;

class PageStyle 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;
            }
            .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>';
    }
}
  1. 部署配置文件
    -分别给两个文件起名字,放在一个目录下面方便调用

在这里插入图片描述

胡小花~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于TP框架的分页类
03-02
对于tp自带的分页类做了更适用的修改，带查询条件的分页
TP框架实现分页
weixin_30896763的博客
05-04 192
TP框架自带分页的实现方法，所以使用这个分页方案，不用再重新造轮子 1，先看效果图 2，源码 /** * TODO 基础分页的相同代码封装，使前台的代码更少 * @param $m 模型，引用传递 * @param $where 查询条件 * @param int $pagesize 每页查询条数 * @retu...
tp框架分页操作
张默的博客
06-02 597
分页类：ThinkPHP/Library/Think/Page.class.php 自定义分类 ：
thinkphp6 layui table 分页
dssxyz的博客
07-21 567
layui table 分页，不光是前端，还需要后端配合 前端开启分页 后端
tp5 设置layui分页
weixin_30781433的博客
12-27 188
\thinkphp\library\think\paginator\driver 添加 Layui.php <?php namespace think\paginator\driver; use think\Paginator; class Layui extends Paginator { /** * 上一页按钮 * @param string $tex...
TP6.0.8后台管理系统框架（简单版）.rar
01-22
标题中的"TP6.0.8后台管理系统框架（简单版）.rar"指的是基于ThinkPHP6.0.8版本开发的一个简易的后台管理系统的源代码压缩包。这个系统框架是为便于快速构建企业级Web应用而设计的，适用于初学者和有一定经验的...
layui导出所有数据的例子
10-16
在这篇文章中，我们学习了如何使用layui框架实现导出所有数据为Excel文件的功能。通过这篇示例文章，我们可以了解到如何将服务器端处理后的数据通过Ajax请求传递给前端，并通过触发点击事件的方式导出数据。文章首先...
DSmall TP框架多商户B2B2C开源商城系统V2.5.5
10-10
DSmall多商户开源商城源码是一个以thinkPHP为框架进行开发的多用户商城系统源码。网站功能包含：网站设置、帐号同步、上传设置、权限设置、地区管理、数据备份、操作日志、分类管理、品牌管理、店铺等级、店铺分类、...
基于ThinkPHP6的RBAC的后台管理系统源码， UI使用layUI
03-17
在本项目中，LayUI与ThinkPHP6结合，实现了美观且功能完备的后台管理界面。LayUI的响应式布局适应不同设备，保证了用户体验的一致性。 在具体实现过程中，开发者需要创建用户、角色和权限的数据库表，并通过模型...
thinkphp6+layui+fly轻社区BBS论坛系统源码.zip
06-09
3. **表格**：支持数据分页、排序、筛选等复杂功能。 4. **按钮与图标**：提供多种样式的按钮和图标库。 5. **通知与提示**：弹窗、消息提示、加载提示等功能。 6. **其他组件**：如时间选择器、颜色选择器、上传...
TP自定义分页
08-28
TP自定义分页
thinkphp5+layui实现的分页样式示例
10-16
主要介绍了thinkphp5+layui实现的分页样式,结合实例形式详细分析了thinkPHP5框架结合layui实现的分页功能相关的配置、查询等操作技巧,需要的朋友可以参考下
tp5+layui后台基础框架.zip
05-27
最新版本下载地址https://github.com/taoyonbin/php-layui-admin 基本的后台管理框架系统，可以在该基础上进行二次开发，也可以自行改装，内置权限管理/菜单管理/角色管理/管理员管理/系统信息/管理员信息修改/图片上传。 需要注意点：1端口设置，xampp版本没有测过，之前出现版本问题也会导致运行不了 2.数据库的名字和配置文件的名字 3.图片的端口地址
tp5+layui实现分页
weixin_34185320的博客
04-09 356
layui和thinkphp5自己在百度上下载 html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale...
tp分页
qq_25861247的博客
05-30 208
$cat_id=$_REQUEST['new_cid']; if(isset($cat_id)){ $map="onethink_newlist.new_cid=$cat_id"; $maps['new_cid']=$cat_id; $count=$Document-&gt;where($maps)-&gt;count(); ...
layui 实现分页的功能
Kevinvcc200的博客
07-12 4421
参考：https://blog.csdn.net/weixin_39936341/article/details/84634396
ThinkPHP6+Layui自定义分页样式
骜蛟的博客
01-28 2349
有些时候框架自带的分页并不能满足项目的需求，这时自定义分页样式就是首选了。此篇文章记录ThinkPHP6+Layui自定义分页样式的基础使用。 关于layui分页样式，自己到layui官方文档寻找自己喜欢的样式。 第一步：复制ThinkPHP6分页代码 找到ThinkPHP6分页代码到所需要的位置， // ThinkPHP6分页代码位置 // vendor\topthink\think-orm\src\paginator\driver\Bootstrap.php 复制到Bootstrap.php到所需要的
tp3 分页样式
skalpat的博客
11-01 1145
控制器 &lt;?php namespace Home\Controller; use Think\Controller; class ListController extends BaseController { public function index(){ $cateid=I('cate_id'); $article = D('article'); //...
thinkphp6使用layui分页组件做分页效果
最新发布
qq_40649432的博客
05-06 422
博主用的是layui2.9.8的版本，但这个版本的分页组件是动态效果的，但我需要的是静态分页，所以我自己封装了一个生成layui的分页代码生成代码。代码如下：
使用php tp5框架 实现 微信支付功能
05-17
要在 PHP TP5 框架中实现微信支付功能，你需要完成以下几个步骤： 1. 注册微信商户平台账号，并在商户平台中创建应用，获取到商户ID和商户密钥。 2. 安装并配置 PHP SDK，可以使用官方提供的 SDK 或者选择第三方 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值