thinkphp5+layui实现的分页样式示例
时间:2022-07-27
本文章向大家介绍thinkphp5+layui实现的分页样式示例,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例讲述了thinkphp5+layui实现的分页样式。分享给大家供大家参考,具体如下:
tp5之layui分页样式
1.分页类
路径:thinkphplibrarythinkpaginatordriver
Layui.php
<?php
namespace thinkpaginatordriver;
use thinkPaginator;
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
/**
* @auther: xxf
* 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
效果
更多关于thinkPHP相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《codeigniter入门教程》、《CI(CodeIgniter)框架进阶教程》、《Zend FrameWork框架入门教程》及《PHP模板技术总结》。
希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。
- java 中 16 进制 HEX 转换成字节码形式的 UTF-8
- Hadoop 多表 join:map side join 范例
- 实战 windows7 下 eclipse 远程调试 linux hadoop
- Hive 在多维统计分析中的应用 & 技巧总结
- shell 学习笔记(18)
- Hive 中的复合数据结构简介以及一些函数的用法说明
- BloomFilter 简介及在 Hadoop reduce side join 中的应用
- 关于 hadoop reduce 阶段遍历 Iterable 的 2 个“坑”
- Hadoop Mapper 阶段将数据直接从 HDFS 导入 Hbase
- 译文 | 量化投资教程:投资组合优化与R实践
- 浅谈 java 中构建可执行 jar 包的几种方式
- python 日志模块 logging 详解
- 基于堆实现的优先级队列:PriorityQueue 解决 Top K 问题
- explain 深入剖析 MySQL 索引及其性能优化指南
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例
- 关于 Elasticsearch 段合并,这一篇说透了!
- 解了这十道C语言题,你敢说你精通C语言?
- 微服务中使用Maven BOM来管理你的服务版本
- 设计模式之代理模式(文末赠书)
- 使用Spring IoC容器:选BeanFactory还是ApplicationContext?
- Stream使用这么久,它是如何提高遍历集合效率?
- FastDFS 分布式文件系统入门
- 「翻译」 如何Bypass rbash
- 代码审计-.NET下的序列化与反序列化(BinaryFormatter)
- 深入探讨 JavaScript 逻辑赋值运算符
- Spring IoC依赖注入:Spring提供了哪些依赖注入模式和类型呢?
- 谈谈volatile
- 【V-REP自学笔记(八)】控制youBot抓取和移动物体
- Gson 简单使用姿势小结
- 【SpringBoot WebFlux 系列】WebFlux 之 Path 参数解析与 url 映射