layui + tp5分页（非数据表格渲染形式）

1.首先找到分页类路径：\thinkphp\library\think\paginator\driver

2 新建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) . '">' . $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);}
}

在config文件夹里的paginate.php文件里加入如下代码

//分页配置 'type' => 'bootstrap', 替换为 'type' => 'Layui','paginate'   => ['type'      => 'Layui','var_page'  => 'page','list_rows' => 15,],

控制器里面代码：

$page = empty(input("page")) ? 1 :  input("page");//获取当前页数
$wheres['lsid']=session("lsid");
$publicity = Db::name('publist')->where($wheres)->order("id desc")->paginate(12);
$count = Db::name('publist')->count();//有多少条数据
$sum = $count/12;//要分多少页 $this->assign("publicity",$publicity);
$this->assign("sum",$sum);
$this->assign("page",$page);

，前台调用：

<div class="layui-box layui-laypage layui-laypage-molv">
{$publicity->render()|raw}
</div>

layui + tp5分页（非数据表格渲染形式）相关推荐

layui分页数据表格渲染
最近需要对后台的数据进行分页渲染并且需要进行表头动态渲染,因此和小伙伴一起学习了layui的数据表格渲染,然后进行了改进,成功之后记录了下来先说前端HTML和js代码 <script src= ...
Layui中的数据表格渲染
学习前端代码的朋友们应该都有所闻layui这个框架,这是一款遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用的前端 UI 框架.如果有需要可以通过官网下载得到,使用起来也极其方便 ...
Layui实现TreeTable(树形数据表格)
参考 Layui实现TreeTable(树形数据表格) LayUI树形表格treetable使用详解 gitee:ele-admin / treetable-lay 文中涉及的treetable.js ...
TP5.0 PHPExcel 数据表格导出导入(引)
TP5.0 PHPExcel 数据表格导出导入(引) 今天看的是PHPExcel这个扩展库,Comporse 下载不下来,最后只能自己去github里面手动下载,但有一个问题就是下载下来的PHPExc ...
axios和layUI配合加载数据表格demo
为什么80%的码农都做不了架构师?>>> <?php /*** Created by PhpStorm.* User: martinby* Date: 2017/9/21 ...
layUI踩坑：数据表格的监听工具条，点击事件没有反应
<%--类别展示--%> <table class="layui-hide" id="test"></table><% ...
使用Layui制作的简单数据表格
目录 1.创建 2.后台编写 3.前端编写成果图: 1.创建整体模板来自Layui前端框架文档,可自行参考. 先使用MybatisPlusGenerator 自动生成实体类.mapper.serv ...
layui templet格式化_layui数据表格日期如何格式化成2012-12-30这样的？
test 学生评优评先系统学生信息管理学生信息查询学生信息添加注册登录查看编辑删除 $(function () { layui.use("table", funct ...
TP5.0 PHPExcel 数据表格导出导入(原)
今天看的是PHPExcel这个扩展库,Comporse 下载不下来,最后只能自己去github里面手动下载,但有一个问题就是下载下来的PHPExcel没有命名空间,所以框架里面的use根本引入不进去, ...
php导入导出xls表,TP5.0 PHPExcel 数据表格导出导入
1.先在github里面下载PHPexcel这个类库或者通过以下链接下载PHPexcel类库. http://www.php.cn/xiazai/leiku/1491 2.解压之后把它复制到exte ...

layui + tp5分页（非数据表格渲染形式）

layui + tp5分页（非数据表格渲染形式）相关推荐

最新文章

热门文章