ThinkPHP 分页实现

 本文选自: suger 的文章,http://www.cnblogs.com/suger/p/4024246.html

因原文的 css 部分未做,故从新整理了一份!

先上整理后的效果图:

 

一、分页方法

/**
 * TODO 基础分页的相同代码封装，使前台的代码更少
 * @param $m 模型，引用传递
 * @param $where 查询条件
 * @param int $pagesize 每页查询条数
 * @return \Think\Page
 */
function getpage(&$m,$where,$pagesize=10){
    $m1=clone $m;//先复制一个模型
    $count = $m->where($where)->count();//连惯操作后会对join等操作进行重置
    $m=$m1;//为保持在为定的连惯操作，浅复制一个模型
    $p=new Think\Page($count,$pagesize);
    $p->lastSuffix=false;
    $p->setConfig('header','<li class="rows">共<b>%TOTAL_ROW%</b>条记录&nbsp;&nbsp;每页<b>'.$pagesize.'</b>条&nbsp;&nbsp;第<b>%NOW_PAGE%</b>页/共<b>%TOTAL_PAGE%</b>页</li>');
    $p->setConfig('prev','上一页');
    $p->setConfig('next','下一页');
    $p->setConfig('last','末页');
    $p->setConfig('first','首页');
    $p->setConfig('theme','%FIRST% %UP_PAGE% %LINK_PAGE% %DOWN_PAGE% %END% %HEADER%');

    $p->parameter=I('get.');

    $m->limit($p->firstRow,$p->listRows);

    return $p;
}

getpage方法可以放在TP框架的 Application/Common/Common/function.php，这个文档可以专门放置一些通用的方法，在哪里都可以调用（如：Controller文件，View文件等）。

 

二、调用分页方法

public function user(){
        $m=M('user');
        $where = 'uid='.$_SESSION['userid'];
        $p=getpage($m,$where,2);
        $list=$m->field(true)->where($where)->order('id desc')->select();
        $this->list=$list;
        $this->page=$p->show();
        $this->display();
    }

 

再是View代码(在需要显示页码的位置,输入一下信息)

<div class="pagination">
　　<ul>
　　　　{$page}
　　</ul>
</div>

 

三、最后就是分页的样式了，此为修改后的 css 样式:(css 可以直接写在页面里,如果需要代码整洁,也可以写在外部文件里,引用进来哈!)

.pagination ul {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
        box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    }
    .pagination ul li {
      display: inline;
    }

    .pagination ul li.rows {
        line-height: 30px;
        padding-left: 5px;
    }
    .pagination ul li.rows b{color: #f00}

    .pagination ul a, .pagination ul span {
        float: left;
        padding: 4px 12px;
        line-height: 20px;
        text-decoration: none;
        background-color: #edf6fb;
        /*background-color: #fff;*/
        /*background: url('__IMG__/bottom_bg.png') 0px 0px;*/
        border: 1px solid #d3dbde;
        /*border-left-width: 0;*/
        margin-left: 2px;
        color: #08c;
    }
    .pagination ul a:hover{
        color: red;
        background: #0088cc;
    }
    .pagination ul.first-child a, .pagination ul.first-child span {
        border-left-width: 1px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-radius-bottomleft: 3px;
        -moz-border-radius-topleft: 3px;
    }
    .pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {
    color: #999;
    cursor: default;
    background-color: transparent;
    }
    .pagination ul .active a, .pagination ul .active span {
    color: #999;
    cursor: default;
    }
    .pagination ul a:hover, .pagination ul .active a, .pagination ul .active span {
    background-color: #dddddd; /*#f0c040*/
    }
    .pagination ul.last-child a, .pagination ul.last-child span {
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
    }
    .pagination ul.current a{color: #f00 ;font-weight: bold; background: #ddd}

 

至此,分页效果就做好了!希望本文对大家有所帮助!