IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> PHP与HTML实现数据的分页显示的页码具体实现分析 -> 正文阅读

[PHP知识库]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 "
            <tr style='background:{$color}'>
                <th class='ids'>{$IndexId}</th>
                <th class='cur'>{$val['title']}</th>
                <th class='cur'>{$val['keywords']}</th>
                <th class='cur'>{$val['author']}</th>
                <th style='width:310px;height:80px;text-align:center;'>{$val['content']}</th>
                <th class='imag'><img src='{$val['image']}' style='zoom: 15%;'></img></th>
                <th class='cur'>{$tim}</th>
                <th class='cur'><a>修改</a>&nbsp;<a>删除</a></th>
            </tr>";
            //echo输出HTML标签,class=''是具体的样式
        }
    }

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

1、分页类型判断

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

2、分页页码不足

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

 <?php
                $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方法来传输,来获取当前的页码值
            <?php
                    endfor;
                endif;
                ?>

3、页码溢出

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

 <!-- 分页部分UI -->
        <table>
            <form action="#" method="GET" name='paging' >
            <nav aria-label="Page navigation">
            <ul class="pagination">
            <!-- 上一页 -->
            <li>
                <a href="./ShowNews.php?pages=<?= ($NowPages-1); ?>" aria-label="Previous">
                    <span aria-hidden="true">&laquo;</span>
                </a>
            </li>

            <?php
                $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>
            <?php
                    endfor;
                endif;
                //页码超过10个时的判断
                if($AllPages>10):
                    for($j=1;$j<=10;$j++):
                        if($NowPages>10): //当前页码值超过10,代表目前页码数满足不了目前需求,所以,使用滚动页码
                            $key=$j+($NowPages-10);//实现页码变动
            ?>
                <li><a href="./ShowNews.php?pages=<?= $key; ?>"> <?= $key; ?> </a></li>
                <?php
                    endif;
                    if($NowPages<=10)://当前页码值没超过10,代表目前页码数满足目前需求,所以,使用固定页码
                ?>
                <li><a href="./ShowNews.php?pages=<?= $j; ?>"> <?= $j; ?> </a></li>
                <?php
                        endif;
                    endfor;
                endif;
                 ?>
            <!-- 下一页 -->
            <li>
                <a href="./ShowNews.php?pages=<?= ($NowPages+1); ?>" aria-label="Next">
                    <span aria-hidden="true">&raquo;</span>
                </a>
            </li>
            </ul>
            </nav>
            <form>
        </table>
  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-07-23 10:29:01  更:2021-07-23 10:31:22 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/4 18:33:48-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码