zoukankan      html  css  js  c++  java
  • thinkphp 修改分页样式表

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

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

    将这个方法放到ApplicationCommonCommonfunction.php

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

    <?php
    /**
     * TODO 基础分页的相同代码封装,使前台的代码更少
     * @param $count 要分页的总记录数
     * @param int $pagesize 每页查询条数
     * @return ThinkPage
     */
    function getpage($count, $pagesize = 10) {
        $p = new ThinkPage($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样式可以单独分离出来,这里只为简单展示分页样式的效果,就合在一起写了。

  • 相关阅读:
    南邮OJA题
    Executors工厂类创建线程池的底层实现
    Linux kernel 中的per_cpu宏
    [置顶] 高并发服务器的设计内存池的设计
    数据列表DataList模板之实例
    软件开发无敌心得篇
    嵌入式学习笔记之UART通信协议
    正则表达式 进阶(二)
    11687 Digits
    DELPHI接口转化为COM接口
  • 原文地址:https://www.cnblogs.com/wanlibingfeng/p/7640882.html
Copyright © 2011-2022 走看看