thinkphp 修改分页样式表

原网页：http://blog.csdn.net/u014175572/article/details/53116546

在这里我有先把page的设置做成了一个函数getpage，

将这个方法放到Application\Common\Common\function.php

(注意function不是类)中方便其他地方调用，代码如下：

<?php
/**
 * TODO 基础分页的相同代码封装，使前台的代码更少
 * @param $count 要分页的总记录数
 * @param int $pagesize 每页查询条数
 * @return \Think\Page
 */
function getpage($count, $pagesize = 10) {
    $p = new Think\Page($count, $pagesize);
    $p->setConfig('header', '<li class="rows">共<b>%TOTAL_ROW%</b>条记录 第<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->lastSuffix = false;//最后一页不显示为总页数
    return $p;
}
?>

控制器中使用的代码如下：

public function showAllUsers() {
        $m = M('User');      
        $where = "id>10";
        $count = $m->where($where)->count();
        $p = getpage($count,1);
     $list = $m->field(true)->where($where)->order('id')->limit($p->firstRow, $p->listRows)->select();
        $this->assign('select', $list); // 赋值数据集
        $this->assign('page', $p->show()); // 赋值分页输出
        $this->display();
    }

接下来在View中的使用：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <!--分页的样式，这里可以单独写成一个css文件-->
        <style>
            .pages a,
            .pages span {
                display: inline-block;
                padding: 2px 5px;
                margin: 0 1px;
                border: 1px solid #f0f0f0;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }
            
            .pages a,
            .pages li {
                display: inline-block;
                list-style: none;
                text-decoration: none;
                color: #58A0D3;
            }
            
            .pages a.first,
            .pages a.prev,
            .pages a.next,
            .pages a.end {
                margin: 0;
            }
            
            .pages a:hover {
                border-color: #50A8E6;
            }
            
            .pages span.current {
                background: #50A8E6;
                color: #FFF;
                font-weight: 700;
                border-color: #50A8E6;
            }
        </style>
    </head>

    <body>

        <div class="pages">
            {$page}
        </div>

    </body>

</html>

上面的css样式可以单独分离出来，这里只为简单展示分页样式的效果，就合在一起写了。

 

posted @ 2017-10-09 14:16  万里冰封  阅读(826)  评论(0)  编辑  收藏  举报