Thinkphp5之Bootstrap自定义BootstrapDetailed分页插件的实现
首先，在此目录建立一个newcrm\thinkphp\library\think\paginator\driver\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' ><span><input type='text' name='page'> <input type='submit' value='确定'> </span></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);
}
}
其次，在需要调用的控制器类里面写后台方法：如下
public function semList(){
//分页查询方法：
//方法一：自定义BootstrapDetailed实现分页倒叙列表查询
//$semList = SemModel::name('sem')->order('create_time desc')->paginate(6,false,['type' => 'BootstrapDetailed',]);
//方法二：laypage实现分页倒叙列表查询
$nowpage=input('page',1);//获取post传来的页数，如果没有页数时，页数为1
$totalpage=ceil((model('sem')->count())/10);////$totalpage就是计算你要获取的最大页数，ceil 是向前取整，这里是设置为10条数据为1页（注意括号）//这里尽量简写了。
//下面注意加上 这句 limit(($nowpage-1)*10,10)，就是数据控制每页显示数据的条数，获取页数后乘以设置的条数，获取该页的10条（自己设置）数据
$semList=model('sem')->order('create_time desc')->limit(($nowpage-1)*10,10)->select();
$count = SemModel::count();
$this->assign("totalpage",$totalpage);
$this->assign('count',$count);
$this->assign('semList',$semList);
return $this->fetch('sem_list');
}
然后，在html页面显示分页代码
<!--显示分页按钮,事先要将bootstrap导入css和js-->
<div style="float: right;margin-right: 20%;">
<div class="row">
<div class="col-lg-12"></div>
<div class="col-lg-12">{$rateList->render()}</div></div>
<div class="col-lg-12"></div>
</div>
最后，引入boostrap的js和css
{load href="__STATIC__/lib/bootstrap/css/bootstrap.min.css"/}
