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
  • 相关阅读:
    HTML标签和属性三
    HTML标签和属性二
    HTML标签和属性一
    小程序相关面试题
    Vue路由的hash模式与history模式的区别?
    android中VideoView播放sd卡上面的视频
    Android中app开机自启动的开发
    java中byte,byte[]和int之间的转换
    Android多activity启动两种方式浅谈
    Android开发用到的几种常用设计模式浅谈(一):组合模式
  • 原文地址:https://www.cnblogs.com/wesky/p/14859998.html
Copyright © 2011-2022 走看看