Thinkphp5.0分页和跳页
程序员文章站
2022-07-10 18:04:57
后台查询商品或者会员量需要用到分页展示列表,当页数比较多的时候为了体高用户体验度,需要添加一个跳页也就是手动输入页码数进行快速跳转指定页面。由于手动编写分页比较麻烦,又想使用TP5自带的分页,但是TP5自带的分页类比较简单,所以可以通过修改Bootstrap类自定义显示分页的页码和数量。 由于Boo ......
后台查询商品或者会员量需要用到分页展示列表,当页数比较多的时候为了体高用户体验度,需要添加一个跳页也就是手动输入页码数进行快速跳转指定页面。由于手动编写分页比较麻烦,又想使用TP5自带的分页,但是TP5自带的分页类比较简单,所以可以通过修改Bootstrap类自定义显示分页的页码和数量。
由于Bootstrap类是tp自带的类,所以为了我们尽量不要改动底层自带的类,这里拷贝一下Bootstrap类然后重命名为BootstrapDetailed.php,目录结构如图:
代码如下:
<?php // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK ] // +---------------------------------------------------------------------- // | Copyright (c) 2006~2017 http://thinkphp.cn All rights reserved. // +---------------------------------------------------------------------- // | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) // +---------------------------------------------------------------------- // | Author: zhangyajun <448901948@qq.com> // +---------------------------------------------------------------------- namespace think\paginator\driver; use think\Paginator; class BootstrapDetailed 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); } //总数标签 protected function totalshow() { $totalhtml="<li class=\"disabled\"><span>共".$this->total."条记录  第".$this->currentPage()."页/共".$this->lastPage()."页</span></li>"; return $totalhtml; } //尾页标签 protected function showlastpage($text = '尾页') { if($this->currentPage()==$this->lastPage()) { return $this->getDisabledTextWrapper($text); } $url = $this->url($this->lastPage()); return $this->getPageLinkWrapper($url, $text); } //首页标签 protected function showfirstpage($text = '首页') { if($this->currentPage()==1) { return $this->getDisabledTextWrapper($text); } $url = $this->url(1); return $this->getPageLinkWrapper($url, $text); } //后五页 protected function afivepage($text = '后五页') { if($this->lastPage()<$this->currentPage()+5) { return $this->getDisabledTextWrapper($text); } $url = $this->url($this->currentPage()+5); return $this->getPageLinkWrapper($url, $text); } //前五页 protected function bfivepage($text = '前五页') { if($this->currentPage()<5) { return $this->getDisabledTextWrapper($text); } $url = $this->url($this->currentPage()-5); 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); } //跳转到哪页 protected function gopage() { return $gotohtml="<li><form action='' method='get' ><a style='float:left;margin-left:2px;'><input style='height:33px;' type='text' name='page' placeholder='请选择页数'> <input style='height:33px;' type='submit' value='确定'> </a></form></li>"; // return $totalhtml;; } /** * 页码按钮 * @return string */ protected function getLinks() { if ($this->simple) return ''; $block = [ 'first' => null, 'slider' => null, 'last' => null ]; $side = 2; $window = $side * 2; if ($this->lastPage < $window +1) { $block['slider'] = $this->getUrlRange(1, $this->lastPage); } elseif ($this->currentPage <= $window-1) { $block['slider'] = $this->getUrlRange(1, $window + 1); } elseif ($this->currentPage > ($this->lastPage - $window+1)) { $block['slider'] = $this->getUrlRange($this->lastPage - ($window), $this->lastPage); } else { $block['slider'] = $this->getUrlRange($this->currentPage - $side, $this->currentPage + $side); } $html = ''; if (is_array($block['first'])) { $html .= $this->getUrlLinks($block['first']); } if (is_array($block['slider'])) { $html .= $this->getUrlLinks($block['slider']); } if (is_array($block['last'])) { $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 %s</ul>', $this->getPreviousButton(), $this->getNextButton() ); } else { return sprintf( '<ul class="pagination"> %s %s %s %s %s %s %s %s </ul>', //显示数量页码信息 $this->totalshow(), //第一页 $this->showfirstpage(), //上一页 $this->getPreviousButton(), //前五页 $this->bfivepage(), //页码 $this->getLinks(), //后五页 //$this->afivepage(), //下一页 $this->getNextButton(), //最后一页 $this->showlastpage(), //最后再加个参数 %s 可以显示跳转到哪页 $this->gopage() ); } } } /** * 生成一个可点击的按钮 * * @param string $url * @param int $page * @return string */ protected function getAvailablePageWrapper($url, $page) { return '<li><a href="' . htmlentities($url) . '">' . $page . '</a></li>'; } /** * 生成一个禁用的按钮 * * @param string $text * @return string */ protected function getDisabledTextWrapper($text) { return '<li class="disabled"><span>' . $text . '</span></li>'; } /** * 生成一个激活的按钮 * * @param string $text * @return string */ protected function getActivePageWrapper($text) { return '<li class="active"><span>' . $text . '</span></li>'; } /** * 生成省略号按钮 * * @return string */ protected function getDots($text = '...') { //$url = $this->url($this->currentPage() + 1); // return $this->getPageLinkWrapper($url, $text); 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' => [ 'type' => 'BootstrapDetailed', 'var_page' => 'page', 'list_rows' => 15, ],
举个例子:
$good_info =Db::table('goods')->paginate(20);
效果如下:
这样就可以了,用户体验度高,方便。很不错的分页。
上一篇: 切记!这6种方式练瑜伽最伤身!
推荐阅读
-
SQLServer2012和MariaDB 10.0.3分页效率的对比
-
基于BootStrap的前端分页带省略号和上下页效果
-
Thinkphp搜索时首页分页和搜索页保持条件分页的方法
-
Codeigniter框架实现获取分页数据和总条数的方法
-
SSM框架实现分页和搜索分页的示例代码
-
php 3行代码的分页算法(求起始页和结束页)
-
Bootstrap CSS组件之分页(pagination)和翻页(pager)
-
基于GridView和ActivityGroup实现的TAB分页(附源码)
-
jquery实现联想词搜索框和搜索结果分页的示例
-
sqlserver2005利用临时表和@@RowCount提高分页查询存储过程性能示例分享