ThinkPHP3.2.3与bootstrp相结合优化分页记录

开发是一项神圣的工作,既然选择了,就要做到尽善尽美。
今天发现一个很大的问题,就是我之前所使用的分页样式有点low,所以今天狠下心来要结合自己从未使用过的bootstrp来整合一个新的分页特效:
bootstrp分页特效组件示例参考页面:
https://v3.bootcss.com/components/#pagination
但是只看这些前端示例完全没有任何的进度,于是又在网上搜到了关于thinkphp与bootstrp整合分页特效的博客,链接如下:
https://www.cnblogs.com/clannadxr/p/7277165.html
看完这些参考和示例,开始在项目中实践,首先,先找到thinkphp3.2.3引入的分类页文件:
路径为:\ThinkPHP\Library\Org\Wdy\Page.class.php文件(此路径为个人放置路径,可自行选择放置路径
Page.class.php源文件内容为:
当前使用的分页类是在白俊遥博客上看到的分页类:

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006-2014 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: 麦当苗儿 <zuojiazi@vip.qq.com> <http://www.zjzit.cn>
// +----------------------------------------------------------------------
/*
 * PHP分页类
 * 修改者:白俊遥
 * 日  期:2015.5.10
 * 邮  箱:baijunyao@baijunyao.com
 * 博  客:http://baijunyao.com
 */
namespace Org\Wdy;
class Page{
    public $firstRow; // 起始行数
    public $listRows; // 列表每页显示行数
    public $parameter; // 分页跳转时要带的参数
    public $totalRows; // 总行数
    public $totalPages; // 分页总页面数
    public $rollPage   = 5;// 分页栏每页显示的页数
    public $lastSuffix = true; // 最后一页是否显示总页数
    private $p       = 'p'; //分页参数名
    private $url     = ''; //当前链接URL
    private $nowPage = 1;
    // 分页显示定制
    private $config  = array(
        'header' => '<span class="rows">共 %TOTAL_ROW% 个记录</span>',
        'first'   => '首页',
        'prev'   => '上一页',
        'next'   => '下一页',
        'last'   => '末页',
        'theme'  => '%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%',
    );
    /**
     * 架构函数
     * @param array $totalRows  总的记录数
     * @param array $listRows  每页显示记录数
     * @param array $parameter  分页跳转的参数
     */
    public function __construct($totalRows, $listRows=20, $parameter = array()) {
        C('VAR_PAGE') && $this->p = C('VAR_PAGE'); //设置分页参数名称
        /* 基础设置 */
        $this->totalRows  = $totalRows; //设置总记录数
        $this->listRows   = $listRows;  //设置每页显示行数
        $this->parameter  = empty($parameter) ? $_GET : $parameter;
        $this->nowPage    = empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
        $this->nowPage    = $this->nowPage>0 ? $this->nowPage : 1;
        $this->firstRow   = $this->listRows * ($this->nowPage - 1);
    }
    /**
     * 定制分页链接设置
     * @param string $name  设置名称
     * @param string $value 设置值
     */
    public function setConfig($name,$value) {
        if(isset($this->config[$name])) {
            $this->config[$name] = $value;
        }
    }
    /**
     * 生成链接URL
     * @param  integer $page 页码
     * @return string
     */
    private function url($page){
        return str_replace(urlencode('[PAGE]'), $page, $this->url);
    }
    /**
     * 组装分页链接
     * @return string
     */
    public function show() {
        if(0 == $this->totalRows) return '';
        /* 生成URL */
        $this->parameter[$this->p] = '[PAGE]';
        $this->url = U(MODULE_NAME.'/'.CONTROLLER_NAME.'/'.ACTION_NAME, $this->parameter);
        /* 计算分页信息 */
        $this->totalPages = ceil($this->totalRows / $this->listRows); //总页数
        if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) {
            $this->nowPage = $this->totalPages;
        }
        /* 计算分页零时变量 */
        $now_cool_page      = $this->rollPage/2;
        $now_cool_page_ceil = ceil($now_cool_page);
        //上一页
        $up_row  = $this->nowPage - 1;
        $up_page = $up_row > 0 ? '<a class="prev" href="' . $this->url($up_row) . '">' . $this->config['prev'] . '</a>' : '<a class="prev not-allowed" href="javascript:;">' . $this->config['prev'] . '</a>';
        //下一页
        $down_row  = $this->nowPage + 1;
        $down_page = ($down_row <= $this->totalPages) ? '<a class="next" href="' . $this->url($down_row) . '">' . $this->config['next'] . '</a>' : '<a class="next not-allowed" href="javascript:;">' . $this->config['next'] . '</a>';
        //第一页
        $the_first = '<a class="first" href="' . $this->url(1) . '">' . $this->config['first'] . '</a>';
        //最后一页
        $the_end = '<a class="end" href="' . $this->url($this->totalPages) . '">' . $this->config['last'] . '</a>';
        //数字连接
        $link_page = "";
        for($i = 1; $i <= $this->rollPage; $i++){
            if(($this->nowPage - $now_cool_page) <= 0 ){
                $page = $i;
            }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){
                $page = $this->totalPages - $this->rollPage + $i;
            }else{
                $page = $this->nowPage - $now_cool_page_ceil + $i;
            }
            if ($page>0) {
                if($page != $this->nowPage){
                    if($page <= $this->totalPages){
                        $link_page .= '<a class="num" href="' . $this->url($page) . '">' . $page . '</a>';
                    }else{
                        break;
                    }
                }else{
                    $link_page .= '<span class="current">' . $page . '</span>';
                }
            }
        }
        //替换分页内容
        $page_str = str_replace(
            array('%HEADER%', '%NOW_PAGE%', '%UP_PAGE%', '%DOWN_PAGE%', '%FIRST%', '%LINK_PAGE%', '%END%', '%TOTAL_ROW%', '%TOTAL_PAGE%'),
            array($this->config['header'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
            $this->config['theme']);
        return '<div class="page">'.$page_str.'</div>';
    }
}

改装后的分页类代码:

<?php
// +----------------------------------------------------------------------
// | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
// +----------------------------------------------------------------------
// | Copyright (c) 2006-2014 http://thinkphp.cn All rights reserved.
// +----------------------------------------------------------------------
// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
// +----------------------------------------------------------------------
// | Author: 麦当苗儿 <zuojiazi@vip.qq.com> <http://www.zjzit.cn>
// +----------------------------------------------------------------------
/*
 * PHP分页类
 * 修改者:白俊遥
 * 日  期:2015.5.10
 * 邮  箱:baijunyao@baijunyao.com
 * 博  客:http://baijunyao.com
 */
namespace Org\Wdy;
class Page{
    public $firstRow; // 起始行数
    public $listRows; // 列表每页显示行数
    public $parameter; // 分页跳转时要带的参数
    public $totalRows; // 总行数
    public $totalPages; // 分页总页面数
    public $rollPage   = 3;// 分页栏每页显示的页数
    public $lastSuffix = true; // 最后一页是否显示总页数
    private $p       = 'p'; //分页参数名
    private $url     = ''; //当前链接URL
    private $nowPage = 1;
    // 分页显示定制
    private $config  = array(
//        'header' => '<span class="rows">共 %TOTAL_ROW% 个记录</span>',
        'first'   => '首页',
        'prev'   => '上一页',
        'next'   => '下一页',
        'last'   => '末页',
//        'theme'  => "<ul class='pagination'><li>%FIRST%</li><li>%UP_PAGE%</li><li>%LINK_PAGE%</li><li>%DOWN_PAGE%</li><li>%END%</li></ul>",
        'theme'  => "<div style='text-align: center;'><ul class='pagination'><li>%UP_PAGE%</li><li>%LINK_PAGE%</li><li>%DOWN_PAGE%</li></ul></div>",
    );
    /**
     * 架构函数
     * @param array $totalRows  总的记录数
     * @param array $listRows  每页显示记录数
     * @param array $parameter  分页跳转的参数
     */
    public function __construct($totalRows, $listRows=20, $parameter = array()) {
        C('VAR_PAGE') && $this->p = C('VAR_PAGE'); //设置分页参数名称
        /* 基础设置 */
        $this->totalRows  = $totalRows; //设置总记录数
        $this->listRows   = $listRows;  //设置每页显示行数
        $this->parameter  = empty($parameter) ? $_GET : $parameter;
        $this->nowPage    = empty($_GET[$this->p]) ? 1 : intval($_GET[$this->p]);
        $this->nowPage    = $this->nowPage>0 ? $this->nowPage : 1;
        $this->firstRow   = $this->listRows * ($this->nowPage - 1);
    }
    /**
     * 定制分页链接设置
     * @param string $name  设置名称
     * @param string $value 设置值
     */
    public function setConfig($name,$value) {
        if(isset($this->config[$name])) {
            $this->config[$name] = $value;
        }
    }
    /**
     * 生成链接URL
     * @param  integer $page 页码
     * @return string
     */
    private function url($page){
        return str_replace(urlencode('[PAGE]'), $page, $this->url);
    }
    /**
     * 组装分页链接
     * @return string
     */
    public function show() {
        if(0 == $this->totalRows) return '';
        /* 生成URL */
        $this->parameter[$this->p] = '[PAGE]';
        $this->url = U(MODULE_NAME.'/'.CONTROLLER_NAME.'/'.ACTION_NAME, $this->parameter);
        /* 计算分页信息 */
        $this->totalPages = ceil($this->totalRows / $this->listRows); //总页数
        if(!empty($this->totalPages) && $this->nowPage > $this->totalPages) {
            $this->nowPage = $this->totalPages;
        }
        /* 计算分页零时变量 */
        $now_cool_page      = $this->rollPage/2;
        $now_cool_page_ceil = ceil($now_cool_page);
        //上一页
        $up_row  = $this->nowPage - 1;
        $up_page = $up_row > 0 ? '<a class="prev" href="' . $this->url($up_row) . '">' . $this->config['prev'] . '</a>' : '<a class="prev not-allowed" href="javascript:;">' . $this->config['prev'] . '</a>';
        //下一页
        $down_row  = $this->nowPage + 1;
        $down_page = ($down_row <= $this->totalPages) ? '<a class="next" href="' . $this->url($down_row) . '">' . $this->config['next'] . '</a>' : '<a class="next not-allowed" href="javascript:;">' . $this->config['next'] . '</a>';
        //第一页
        $the_first = '<a class="first" href="' . $this->url(1) . '">' . $this->config['first'] . '</a>';
        //最后一页
        $the_end = '<a class="end" href="' . $this->url($this->totalPages) . '">' . $this->config['last'] . '</a>';
        //数字连接
        $link_page = "";
        for($i = 1; $i <= $this->rollPage; $i++){
            if(($this->nowPage - $now_cool_page) <= 0 ){
                $page = $i;
            }elseif(($this->nowPage + $now_cool_page - 1) >= $this->totalPages){
                $page = $this->totalPages - $this->rollPage + $i;
            }else{
                $page = $this->nowPage - $now_cool_page_ceil + $i;
            }
            if ($page>0) {
                if($page != $this->nowPage){
                    if($page <= $this->totalPages){
                        $link_page .= '<a class="num" href="' . $this->url($page) . '">' . $page . '</a>';
                    }else{
                        break;
                    }
                }else{
                    $link_page .= '<span class="current">' . $page . '</span>';
                }
            }
        }
        //替换分页内容
        $page_str = str_replace(
            array('%HEADER%', '%NOW_PAGE%', '%UP_PAGE%', '%DOWN_PAGE%', '%FIRST%', '%LINK_PAGE%', '%END%', '%TOTAL_ROW%', '%TOTAL_PAGE%'),
            array($this->config['header'], $this->nowPage, $up_page, $down_page, $the_first, $link_page, $the_end, $this->totalRows, $this->totalPages),
            $this->config['theme']);
        return '<div class="page">'.$page_str.'</div>';
    }
}

具体修改部分有:

  • theme显示部分
'theme'  => "<div style='text-align: center;'><ul class='pagination'><li>%UP_PAGE%</li><li>%LINK_PAGE%</li><li>%DOWN_PAGE%</li></ul></div>",
  • 判断显示位置:
if ($page>0) {
                if($page != $this->nowPage){
                    if($page <= $this->totalPages){
                        $link_page .= '<a class="num" href="' . $this->url($page) . '">' . $page . '</a>';
                    }else{
                        break;
                    }
                }else{
                    $link_page .= '<span class="current">' . $page . '</span>';
                }
            }
  • 控制器调用
//书写where条件
$member_where['字段名'] = '字段限制';

//获取符合条件的总个数
$count = M('表名')->where($member_where)->count();

//每页显示的数量
$page=new \Org\Wdy\Page($count,每页显示的条数);
//分页显示调用
$show=$page->show();
$usersInfo =M('表名')->where($member_where)->order('uid asc')->limit($page->firstRow.','.$page->listRows)->select();
//向视图层传递参数
$this -> assign('usersInfo',$usersInfo);
$this -> assign('show',$show);
//显示视图
$this->display();
  • 视图调用
<div>
	{$show}
</div>

发现点击进入当前页无法突出显示,如下图所示:
分页数量无法突出显示当前分页数

  • 在公共引入的.css文件中添加名为active的class属性
.pagination > li > span.active{background:#337ab7;color:#fff;}
  • 最终分页特效显示:
    分页数量突出显示当前分页数
    客户需要将分页的页数控制在3页,只需要修改如下参数即可:
public $rollPage   = 3;// 分页栏每页显示的页数

分页效果改装实验圆满成功!!!
如果仍有疑问的小伙伴可以添加QQ1397271501或者添加微信18738536986,我们一起将开发中的问题逐一解决,在开发的海洋中继续遨游!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值