zoukankan      html  css  js  c++  java
  • php自定义分页

    最终效果:

    css 样式

    /*pages*/
    .pages{
        box-sizing:content-box;
        display: inline-block;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6;
        border-left: 1px solid #e6e6e6;
    }
    .pages a,.pages .curr{
        border-right: 1px solid #e6e6e6;
        display: inline-block;
        text-align: center;
        padding: 2px 10px;
        float: left;
    }
    
    .pages .curr{
        background-color: #009688;
        color: #fff;
        cursor: not-allowed
    }
    .pages .disable{
        cursor: not-allowed;
    }

    php代码(作为公共函数使用,作为类使用也可以)

    /**
     * 分页html
     * @param int $curPage 当前页
     * @param int $totalPage 总页数
     * @param int $url 地址+传递参数
     * @return string
     * */
    function pages_html($curPage,$totalPage,$url=''){
        $string ="";
    
        $prev = $curPage-1;
        $next = $curPage+1;
    
        if($curPage-1<1){
            $prev = 1;
            $string  .= "<a href='javascript:void(0)' class='prev disable'>上一页</a>";
        }else{
            $string  .= "<a href='{$url}&page={$prev}' class='prev'>上一页</a>";
        }
    
        for($i=1;$i<=$totalPage;$i++){
            if($i==$curPage){
                // 当前页
                $string  .= "<a href='javascript:void(0)' class='curr'>$i</a>";
            }else{
                $string  .= "<a href='{$url}&page={$i}'>$i</a>";
    
            }
        }
    
        if($next-1>=$totalPage){
            $next = $totalPage;
            $string  .= "<a href='javascript:void(0)' class='next disable'>下一页</a>";
        }else{
            $string  .= "<a href='{$url}&page={$next}' class='next'>下一页</a>";
        }
        return $string;
    }

    php调用:

    $assign['pages'] = pages_html($assign['curPage'],$assign['totalPage'],url('purchase/index'));  // url传参
    return $this->view('',$assign);
    99999999
  • 相关阅读:
    004_Linux命令之查找与检索
    Linux passwd文件释义
    等保2.0涉及的PostgreSQL
    等保2.0测评:VMware ESXI
    等保2.0测评:Redis 数据库配置
    等保2.0测评之Nginx 中间件
    netcat使用方法
    Zookeeper的功能以及工作原理
    Nginx三大功能
    jellyfin错误 播放错误 该客户端与媒体不兼容,服务器未发送兼容的媒体格式 的解决办法
  • 原文地址:https://www.cnblogs.com/wesky/p/14859998.html
Copyright © 2011-2022 走看看