PHP与HTML实现数据的分页显示的页码具体实现分析

一、分页样式与结果

　　分页的页码总共显示10个，如果需要分的页超过10个就将显示2~11,3~12…,15~24等依次类推，界面依旧显示10个可操作页码。

　　具体的CSS样式，参考Bootstrap

https://v3.bootcss.com/components/

二、PHP函数分析

1、数据库查询操作函数分析

　　为了方便编码时更加方便的进行逻辑性分析，将一些重复性的操作，写成函数，封装到另一个PHP文件中，此处的数据库查询操作将实现，在给定页码大小后，返回当前页码下应该显示的数据，数据的格式是数组格式。

//分页后的页面显示查询【操作数据库】
    function DataPageShow($PageNum){

        $skip=($PageNum-1)*10;#需要跳过的数据条数
        $link=mysqli_connect('localhost','root','','mysqltest');#连接数据库
        mysqli_set_charset($link,'utf8');#设置字符格式
        $sql="select * from sinanews limit {$skip},10";#编写MySQL执行语句
        $ExeResult=mysqli_query($link,$sql);#执行MySQL命令
        $DataResult=mysqli_fetch_all($ExeResult,MYSQLI_ASSOC);#获取执行结果
        mysqli_close($link);#关闭数据库
        return $DataResult;#返回查询到的数组格式数据

    }

2、数据表格显示函数分析

　　从数据库查询的数据都是数组格式的，然后以表格方式来展现出来，所以此部分函数功能就是，给定具体要显示的数组格式数据，然后转换成HTML标签显示出来

//数据库内容以表格方式显示在页面
    function DataShow($ShowData){

        foreach($ShowData as $index => $val){
			//此处的if判断是为了让单数行与双数行的底色不一样方便观测，具体颜色可自定义
            if($index%2){
                $color='lightblue';
            }else{
                $color='yellow';
            }
            $IndexId=($index%10)+1;//设置页面表格显示的序列号
            $tim=date('Y-n-d H:i:s',$val['inputtime']);//将存储的时间戳，改为具体格式输出
            echo "
            
                {$IndexId}
                {$val['title']}
                {$val['keywords']}
                {$val['author']}
                {$val['content']}
                ]}' style='zoom: 15%;'>
                {$tim}
                修改 删除
            ";
            //echo输出HTML标签，class=''是具体的样式
        }
    }

三、HTML部分的逻辑划分分析

1、分页类型判断

　　分页的页码根据限制条件，总共显示10个页码，来分析，有两个大方向，一、数据量不足以分10个页码时；二、在数据量的分页超过10个页码时。

2、分页页码不足

　　因为页码不足，所以页面显示的页码数，应该根据数据的具体条数来确定，具体代码如下：

 
                $AllRows=DataRowNumber();#获取数据的所有行数
                $AllPages=ceil($AllRows/10);#计算需要设置的分页数
                if($AllPages<=10):
                    for($i=1;$i<=$AllPages;$i++):
            ?>
                <li><a href="./ShowNews.php?pages=$i; ?>"> $i;?></a></li>  //这个部分为页码显示，用GET方法来传输，来获取当前的页码值
            
                    endfor;
                endif;
                ?>

3、页码溢出

　　在页面的页码数最大为10，当分页超过10个页码时，用滚动的方式来实现页码的显示如：13~22，具体的代码判断如下：

 
        <table>
            <form action="#" method="GET" name='paging' >
            <nav aria-label="Page navigation">
            <ul class="pagination">
            
            <li>
                <a href="./ShowNews.php?pages=" aria-label="Previous">
                    <span aria-hidden="true">«span>
                a>
            li>

            
                <li><a href="./ShowNews.php?pages=">a>li>
            10):
                    for($j=1;$j<=10;$j++):
                        if($NowPages>10): //当前页码值超过10，代表目前页码数满足不了目前需求，所以，使用滚动页码
                            $key=$j+($NowPages-10);//实现页码变动
            ?>
                <li><a href="./ShowNews.php?pages=">  a>li>
                
                <li><a href="./ShowNews.php?pages=">  a>li>
                
            
            <li>
                <a href="./ShowNews.php?pages=" aria-label="Next">
                    <span aria-hidden="true">»span>
                a>
            li>
            ul>
            nav>
            <form>
        table>