自定义 php 简单分页功能

最新推荐文章于 2023-09-25 14:55:44 发布
最新推荐文章于 2023-09-25 14:55:44 发布
阅读量199 收藏 1
点赞数 1
分类专栏： php 文章标签： php mysql css3 jquery html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33207223/article/details/118490858
版权 
<?php
/**
 * Created by PhpStorm.
 * User: admin
 * Date: 2021/5/26
 * Time: 15:14
 */


class page
{
    private $path;
    private $tmpl='';
    private $limitPage;
    private $selectIndex=10;//每页下拉条数
    private $pageTotal; //总页数
    private $total;
    private $limit;
    private $pageIndex=3;

    /**
     * LampPage constructor.
     * @param $total integer 数据总数
     * @param $startPage integer 当前页码
     * @param $limit integer 规定的每页显示条数
     * @param $count integer 当前数据量
     * @param null $path 页码按钮路径
     * @param $ShowPage integer 显示的页码
     */
    public function __construct($total, $startPage, $limit,$path=null,$ShowPage=5,$count=null)
    {
        $this->limitPage=$startPage>0?$startPage:1; //页码
        $this->pageIndex= $ShowPage;
        $this->pageTotal = ceil($total / $limit); //得到总页数
        $this->total = $total; //数据总数
        $this->limit = $limit; //每页显示条数

        #任意输入只要 页码 大于 当前页码 都等于最大页码
        if($this->limitPage > $this->pageTotal)
        {
            $this->limitPage = $this->pageTotal;
        }

        $this->getPath($path)->template();
    }
    public function getPage()
    {
        return $this->tmpl;
    }
    private function template(){

        if($this->total>0){

            $this->tmpl.='<div class="pageAll clearFloat">';
            $this->pageCss()
                ->pageOne()
                ->pagePrevious()
                ->pageIndex()
                ->pageNext()
                ->pageLast()
                ->pageSelect()
                ->pageScript();
            $this->tmpl.='</div>';
        }
    }
    private function getPath($path=null)
    {

        JRoute::_(JUri::getInstance()->getPath());
        $link=$path?$path:JUri::getInstance()->getPath();
        $link = preg_replace("/[0-9]{1,3}.html/", "", $link);

        $this->path = JiagleRoute::_($link);
        return $this;
    }
    private function pageOne()
    {
        $Page=$this->limitPage-1;
        if($Page>0){
            $link=$this->path;
        }else{
            $link="javascript:;";
        }
        $this->tmpl.= '<a class="pageOne page-btn f-left" href="'.$link.'">Page one</a>';
        return $this;
    }
    private function pagePrevious()
    {
        $Page=$this->limitPage-1;
        if($Page>0){
            $link=$this->path.$Page.'.html';
        }else{
            $link="javascript:;";
        }
        $this->tmpl.= '<a class="previous page-btn f-left" href="'.$link.'">Previous</a>';
        return $this;
    }
    private function pageIndex()
    {
        $this->tmpl.= '<div class="pageIndex f-left">';
        $this->tmpl.= '<ul>';
        $pages=['<li class="page-btn page-on">'.$this->limitPage.'</li>'];
        $maxPage=$this->pageIndex;


        for($left=$this->limitPage-1,$right = $this->limitPage+1 ;($left>=1 || $right<=$this->pageTotal)&&count($pages)<=($maxPage-1);){
            if($left >= 1){
                array_unshift($pages,'<li class="page-btn"><a  href="'.$this->path.$left.'.html">'.$left.'</a></li>');//放到数组的开头
                $left--;
            }
            if($right <= $this->pageTotal){
                array_push($pages,'<li class="page-btn"><a  href="'.$this->path.$right.'.html">'.$right.'</a></li>');//放到数组的开头
                $right++;
            }
        }

        $this->intervalIndex($pages);


        $this->tmpl.=implode($pages);
        $this->tmpl.= ' </ul>';
        $this->tmpl.= ' </div>';
        return $this;
    }
    private function pageNext()
    {
        $Page=$this->limitPage+1;
        if($Page && $Page<=$this->pageTotal){
            $link=$this->path.$Page.'.html';
        }else{
            $link="javascript:;";
        }
        $this->tmpl.= '<a class="pageNext page-btn f-left" href="'.$link.'">Next</a>';
        return $this;
    }
    private function pageLast()
    {
        if($this->pageTotal>$this->limitPage){
            $link=$this->path.$this->pageTotal.'.html';
        }else{
            $link="javascript:;";
        }
        $this->tmpl.= '<a class="pageLast page-btn f-left" href="'.$link.'">Last</a>';
        return $this;
    }
    private function intervalIndex(&$pages){
        $intervalIndex= ($this->pageIndex*2)+$this->limitPage;
         if($this->pageTotal > $intervalIndex){
             $href=$this->path.$intervalIndex.'.html';
             array_push($pages,'<li class="page-btn">...</li>','<li class="page-btn"><a  href="'.$href.'">'.$intervalIndex.'</a></li>');
         }else{
             $href=$this->path;
             $intervalIndex=1;
             array_unshift($pages,'<li class="page-btn"><a  href="'.$href.'">'.$intervalIndex.'</a></li>','<li class="page-btn">...</li>');
             if($this->pageTotal > ($this->limitPage+$this->pageIndex)){
                 $href=$this->path.$intervalIndex.'.html';
                 $intervalIndex=$this->pageTotal;
                 array_push($pages,'<li class="page-btn">...</li>','<li class="page-btn"><a  href="'.$href.'">'.$intervalIndex.'</a></li>');
             }
         }
    }
    private function pageSelect()
    {
        $this->tmpl.=' <div class="el-select-parent arrow-parent f-left page-btn">';
        $this->tmpl.='<input type="text" class="el-select-input el-select-placeholder" name="limit" readonly value="'.$this->selectIndex.'" />';
        $this->tmpl.='<el-select class="el-select">';

         for ($i=$this->selectIndex;$i<=50;$i=$i+5) {
             $this->tmpl .= '<el-option class="el-option" style="padding-left:0;"><a style=" display: inline-block;
    width: 100%;" href="'.$this->path.'?limit='.$i.'">'.$i.'</a></el-option>';
         }
        $this->tmpl .= '<el-option class="el-option" style="padding-left:0;"><a style=" display: inline-block;
    width: 100%;" href="'.$this->path.'?limit=50">50</a></el-option>';
        $this->tmpl .= '<el-option class="el-option" style="padding-left:0;"><a style=" display: inline-block;
    width: 100%;" href="'.$this->path.'?limit=100">100</a></el-option>';
        $this->tmpl.='</el-select>';
        $this->tmpl.='<div class="arrow"></div>';
        $this->tmpl.='</div>';
        return $this;
    }
   private function pageCss(){
 $this->tmpl.=<<<Eof
<style>
 .clearFloat:after{
    clear:both;content:'';display:block;width:0;height:0;visibility:hidden;
}
.f-left{
    float: left !important;
}
.f-right{
    float: right !important;
}
.pageAll{
    width: max-content;
    font-size: 14px;
        margin: 40px auto;
}
.pageAll .page-on,li.page-btn:hover,a.page-btn:hover{
    /*background: rgb(65, 87, 124);*/
    color: #ffb700;
  
}
.pageAll li a{
    width: 100%;
    height: 100%;
}
a.page-btn:hover a,li.page-btn:hover a{
 color: #ffb700;
}
.page-btn{
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    outline: none;
    box-shadow: none;
    background: #ffffff;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    padding: 0 10px;
    margin: 0 5px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.page-btn:last-child{
    margin-right: 0;
}
.pageIndex{
    margin-right: 5px;
}
li.page-btn{
    margin-right: 5px;
    padding: 0;
    min-width: 36px;
}

.el-select-input{
    cursor: default;
    display: block;
    height: 35px;
    width: 100%;
    line-height: 35px;
}
.el-select-input .country_img{
    margin-top: 12px !important;
}
.el-select-on{
    display: block !important;
}
.el-select-placeholder::placeholder{
    text-align: center;
    padding: 0;
}
.placeholder-span{
    color: rgb(117, 117, 117);
}
.el-select {
    display: none;
    position: absolute;
    z-index: 8;
    top: 40px;
    left: 0;
    text-align: left;
    /*display: block;*/
    height: auto;
    max-height: 300px;
    width: 95.5%;
    white-space: nowrap;
    overflow-y: auto;
    overflow-x: auto;
    background: #f5f5f5;;
    border: 1px #999999 solid;
    box-shadow: 0px 0px 2px 0px #999999;
}
/*.el-select::-webkit-scrollbar {*/
/*width: 0px;*/
/*}*/
/*.el-select::-webkit-scrollbar-thumb {*/
/*border-radius: 15px;*/
/*background: #cccccc;*/
/*}*/
/*.el-select::-webkit-scrollbar-track {*/
/*background: white;*/
/*}*/
.el-option{
    display: block;
    padding-left: 10px;
    line-height: 25px;
    cursor: default;
    color: #333333;
}
select:focus-visible{
    outline-color: #ffb700;
}
.el-option-on,.el-option-on a{
    background: rgb(30, 144, 255);
    color: #fff;
}
.arrow-parent{
    position: relative;
}
.arrow{
    width: 0;
    height: 0;
    border-top: 6px solid #666666;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    right:3px;
    top: 10px;
}

.page-btn.el-select-parent{
    padding: 0;
    width: 70px;
    height: 30px;
}
.page-btn .el-select-input{
    height: 28px;
    width: 100%;
    padding: 0 16px;
}

   
</style>
Eof;
        return $this;
    }
    private function pageScript(){
        $this->tmpl.=<<<Eof
<script type="text/javascript">

$(document).ready(function () {

    $(document).on('click', '.el-select-input,.arrow', function (e) {
        var el_select_input_val = $(this).val()
        $(this).siblings('.el-select').find('.el-option').each(function (index, element) {

            if ($(this).data('value') == el_select_input_val || $(this).text().trim() == el_select_input_val || $(this).attr('selected')) {
                $(this).siblings().removeClass('el-option-on').removeAttr('selected');
                $(this).addClass('el-option-on').attr('selected', 'selected')
            } else {
                if (index == 0) {
                    $(this).siblings().removeClass('el-option-on').removeAttr('selected');
                    $(this).addClass('el-option-on')
                }
            }
        });

        var el_select_input = $(this).parent().find('.el-select-input')

        var width = el_select_input.innerWidth();
        var height = el_select_input.height();
        var thatOffset = el_select_input.offset();
        var parentOffset = $(this).parent().offset();
        var left = thatOffset.left - parentOffset.left;
        var top = (thatOffset.top - parentOffset.top) + height;


        var el_select = $(this).parent().find('.el-select')
        var eTop = thatOffset.top;
        var scrollTop = $(window).height() - (eTop - $(window).scrollTop()) - height;

        if (scrollTop < el_select.height() && $(window).height() > el_select.height()) {
            var thaOuter = $(this).outerHeight(true) - height
            var el_selectOuter = el_select.outerHeight(true) - el_select.height()
            top = -(el_select.outerHeight(true) - (thaOuter - el_selectOuter))
        }

        el_select.css({
            left: left,
            width: width,
            top: top
        });


        selectToggleClass(el_select)
        e.stopPropagation();

    });

    $(document).on('mouseenter', '.el-option', function () {//绑定鼠标进入事件
        // $(this).addClass('hover');
        $(this).addClass('el-option-on').siblings().removeClass('el-option-on');
    });
    $(document).on('mouseleave', '.el-option', function () {//绑定鼠标划出事件
        // $(this).removeClass('hover');
    });


    $(document).on('click', '.el-option', function (e) {
        var value = $(this).data('value') || $(this).attr('value') || '';
        var name = $(this).data('name') || $(this).text().trim();
        var func = $(this).parent().data('func') || '';
        var select_input = $(this).parent().parent().find('.el-select-input');
        var el_select = $(this).parent();
        if (select_input[0].localName == 'input') {
            select_input.val(name);
        } else {
            select_input.html($(this).html());
        }

        var toggle = select_input.data('toggle');
        $(toggle).val(value).trigger("change");

        selectToggleClass(el_select)

        if (func && typeof (eval(func)) == "function") {
            var that = $(this)
            eval(func + "(that,value,name);");
        }

        e.stopPropagation();
    });

    function selectToggleClass(el_select) {
        $('.el-select').each(function (index, val) {
            if (index != $('.el-select').index(el_select)) {
                $(this).removeClass('el-select-on')
            }
        })
        el_select.toggleClass('el-select-on');
    }

    $(document).bind("contextmenu", function (e) {
        $('.el-select').removeClass('el-select-on');

    });
    $(document).click(function (event) {
        $('.el-select').removeClass('el-select-on');
    });
    
});
</script>
Eof;
        return $this;
    }

}

使用：

echo (new page(200,1,15))->getPage()

实例：
在这里插入图片描述

脚本语言_菜鸟
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
php完整的分页类_php自定义分页类完整实例
weixin_39861624的博客
03-09 125
header("Content-type:text/html;Charset=utf-8");class SubPages{private $each_disNums;//每页显示的条目数private $nums;//总条目数private $current_page;//当前被选中的页private $sub_pages;//每次显示的页数private $pageNums;//总页数priv...
简单的php分页实现
Jifei5201314的博客
02-12 2925
简单的php分页实现
php自定义分页类
06-29
自定义php分页类，支持纯php，tp3.2，tp5.0,使用时只需引入分页类，按照demo编写即可
php : 自定义分页类
weixin_34293246的博客
12-03 96
Page.class.php :  &lt;?php namespace Tools; class Page { private $total; //数据表中总记录数 private $listRows; //每页显示行数 private $limit; private $uri; private $pageNum; //页数 ...
php自定义分页类完整实例
12-19
本文实例讲述了php自定义分页类。分享给大家供大家参考，具体如下： <?php header("Content-type:text/html;Charset=utf-8"); class SubPages{ private $each_disNums;//每页显示的条目数 private $nums;//总...
thinkphp 自定义分页 跳页功能
12-31
thinkphp 自定义分页类实现自己想要分页功能 跳页功能
PHP实现可自定义样式的分页类
10-22
主要介绍了PHP实现可自定义样式的分页类，可以自定义分页样式，感兴趣的小伙伴们可以参考一下
PHP实现可自定义样式的分页类.zip
07-11
主要介绍了PHP实现可自定义样式的分页类，可以自定义分页样式，感兴趣的小伙伴们可以参考一下，标签 总体样式，当前页样式，推荐自己传url,不传也可以打开上面的代码自动获取。
php实现自写分页,php自定义分页类完整实例_PHP
weixin_39732506的博客
03-10 102
pageNums)-($this->sub_pages)+1+$i;}}else{for($i=0;$icurrent_page-2+$i;}}}return $current_array;}/*构造普通模式的分页共4523条记录,每页显示10条,当前第1/453页 [首页] [上页] [下页] [尾页]*/function subPageCss1(){$subPageCss1Str="";...
tp5.1 自定义分页Page.php
php菜鸟技术天地
09-19 5558
效果： 第一步：首先是分页类Page.php文件 把该类放到extend\page目录下 &lt;?php namespace page; // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK ] // +----...
封装php分页类
赵阳的博客
07-21 4093
最近在用phalcon写一个支持多国语言的cms，不太喜欢phalcon的分页，所以自己写了个分页工具类。 该分页类支持自动获取解析url，还支持高度自定义 例如： 自定义分页参数名 自定义选中页、禁用页的class值 自定义首页、上一页、左边页、当前页、右边页、下一页、后缀 自定义各按钮位置 自定义左边或右边显示按钮个数 自定义替换规则 自定义是否显示无效按钮（首页、上一页、下一页、尾页...
tp5 自定义分页
IT-Andy
07-10 6176
由于tp5自带分页实在是不好看，所以就很想自定义一个分页，啥也不说了，直接上代码：1.在tp5框架目录下找到extend文件夹，并创建page文件夹，在page文件夹下中创建Page.php类文件：(下图为tp5框架目录)2、然后复制下面的代码，当然要是你觉得还是不好看的话，你也可以修改一下。&lt;?php // +----------------------------------------...
php分页类代码和使用
weixin_30480651的博客
01-09 102
在这要说的一点就是如果你做的分页是有搜索条件的，那么就可以用下面的代码，然后调用之后在new Page（）里面把连接加进去就可以了。例如： $href="http://www.***.cn/***/***/***?city=$city&educ=$educ&exp=$exp&money=$money&page="; $n_page=new Page(总...
thinkphp5 自定义分页样式
skalpat的博客
02-22 4257
第一种 自定义分页类放到extra\page, <?php namespace page; // +---------------------------------------------------------------------- // | ThinkPHP [ WE CAN DO IT JUST THINK ] // +-------------------------...
php按行读取数据并分页展示
ctaini1314的博客
09-23 123
【代码】php按行读取数据并分页展示。
php实现分页功能跳转和ajax方式实现
最新发布
php-yyds
09-25 750
php实现分页功能跳转和ajax方式实现
php怎么分页显示mysql_php实现分页显示代码
weixin_33957278的博客
02-28 226
所谓分页显示，也就是将数据库中的结果集人为的分成一段一段的来显示，这里需要两个初始的参数：每页多少条记录($PageSize)？当前是第几页($CurrentPageID)？现在只要再给我一个结果集，我就可以显示某段特定的结果出来。至于其他的参数，比如：上一页($PReviousPageID)、下一页($NextPageID)、总页数($numPages)等等，都可以根据之前的知识获得。以MySQ...
php mysql新闻页面_php实现新闻页面
weixin_39910963的博客
01-19 620
file: page.class.php完美分页类 Page*/classPage {private $total; //数据表中总记录数private $listRows; //每页显示行数private $limit; //SQL语句使用l...
如何用php实现分页效果
weixin_30245867的博客
04-10 242
分页效果在网页中是常见的，可是怎样才能实现分页呢，今天做了两种方法来实现一下分页的效果 首先，我们需要准备在数据库里面准备一个表，并且插入数据，这些都是必需的前提工作了，不多说，如图所示（库名为jereh,表名为n_content）： 步骤分析： 我们需要分页的话，需要用到 "select * from tableName limit num1,num2”;这是一个限定查询的语句，后...
wordpress自定义分页
08-25
这个方法可以根据后台设置的文章篇数来影响分页功能。使用方法如下： the_posts_pagination(参数); 其中，参数可以根据需要进行设置。你可以参考了解更多关于参数的说明和用法。 此外，你还可以在index.php页面中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值