• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 介绍PHP + MySQL 实现数据分页显示

介绍PHP + MySQL 实现数据分页显示

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了PHP + MySQL,数据分页显示等相关知识,希望对您有所帮助

介绍PHP + MySQL 实现数据分页显示


一、连接数据库

$connect = mysqli_connect('localhost', '用户名', '密码', '数据库名') or die('数据库连接失败');mysqli_set_charset($connect, 'utf8');


二、构建SQL语句

分页其实利用的是MySQL中limit关键字来实现的,例如我们查询一个表中的前两条数据:

select * from student limit 0, 2

limit后需要两个参数,第一个参数代表从第几条开始取;第二个参数代表一次取几条。

那么上述SQL语句表达的意思为从第 0 条开始取,取 2 条(实则 0 为第 1 条,计数从 0 开始)。

我们把取到的前两条数据作为第一页。

那么继续取第二页,还是 2 条数据,则SQL语句为:

select * from student limit 2, 2

第三页:

select * from student limit 4, 2

以此类推,我们发现每页始终是两条,所以limit的第二个参数(即 2)已经确定好了,那么第一个参数该如何确定呢?其实其中的规律如下:

第 1 页:0,2 (第 1 页从 0 的位置取,取 2 条,即 0 1 )
第 2 页:2,2 (第 2 页从 2 的位置取,取 2 条,即 2 3 )
第 3 页:4,2 (第 3 页从 4 的位置取,取 2 条,即 4 5 )
第 4 页:6,2 (第 4 页从 6 的位置取,取 2 条,即 6 7 )
……

所以每页的起始位置 = (当前页 - 1) * 每页显示的条数

第 1 页:(1 - 1) * 2 = 0
第 2 页:(2 - 1) * 2 = 2
第 3 页:(3 - 1) * 2 = 4
……


三、定义每页显示的条数

$pageSize = 2;


四、定义当前页

$page = 1;


五、根据公式计算limit需要的第一个参数

$start = ($page - 1) * $pageSize;

所以SQL语句为:

select * from student limit $start, $pageSize;

这时改变$page的值,就可以查询对应页的数据。


六、通过地址栏传参得到$page参数来定义当前页

为了更加的灵活我们通过地址栏传参得到想要显示的页数,所以第四步的代码改为:

if ($_GET['page']) {    $page = $_GET['page'];} else {    $page = 1; // 接收不到按照 1 处理,即默认第 1 页}


七、通过按钮控制上下页切换

将SQL语句执行:

$sql = "select * from student limit $start, $pageSize";$query = mysqli_query($connect, $sql);$result = mysqli_fetch_all($query, MYSQLI_ASSOC);

将结果输出到HTML表格:

<table border="1" cellspacing="0" cellpadding="0" style="width: 50%;text-align: center;">    <caption>学生列表</caption>    <tr>        <td>ID</td>        <td>姓名</td>        <td>年龄</td>        <td>性别</td>        <td>手机号</td>    </tr>    <?php foreach ($result as $v) { ?>    <tr>        <td><?php echo $v['id']; ?></td>        <td><?php echo $v['name']; ?></td>        <td><?php echo $v['age']; ?></td>        <td><?php echo $v['sex']; ?></td>        <td><?php echo $v['mobile']; ?></td>    </tr>    <?php } ?></table>

增加上下页按钮:

<button>上一页</button><button>下一页</button>

当点击上一页,我们需要给当前页$page - 1;

当点击下一页,我们需要给当前页$page + 1;


在当前页的基础上确定上一页:

$up = $page - 1;

假设当前页为第 2 页,那么$up则为 2 - 1 = 1,即上一页是第 1 页。

在当前页的基础上确定下一页:

$next = $page + 1;

假设当前页为第 2 页,那么$next则为 2 + 1 = 3,即下一页是第 3 页。

所以我们给按钮加一个超链接,链接到当前页,并携带一个page参数,值为相应的页数。

<a href="form-7.php?page=<?php echo $up; ?>"><button>上一页</button></a><a href="form-7.php?page=<?php echo $next; ?>"><button>下一页</button></a>

但是$up和$next并不是无限加减的,当已经是第一页的时候,$up不可再继续减,所以在确定上一页的时候需要加一个判断。

if ($page == 1) {    $up = 1;} else {    $up = $page - 1;}

同理,确定下一页的时候也需要判断,什么时候不可以继续下一页了呢?当当前页已经是最后一页的时候不可继续下一页,最后一页如何判定,取决于当前表的总条数,当前表如果有 10 条数据,每页显示 2 条,那么需要分 10 / 2 = 5 页,这个 5 就是最后一页,如果有 11 条数据,那么需要分 11 / 2 = 5.5 页,说明分 5 页还剩下 1 条,所以直接分 6 页,即向上取整,那么这个 6 就是最后一页。

求出总条数:

$sql = "select * from student";$query = mysqli_query($connect, $sql);$num = mysqli_num_rows($query);

根据总条数和每页显示的条数求出需要分几页:

$totalPage = ceil($num / $pageSize);

所以在判断下一页的时候改为:

if ($page == $totalPage) {    $next = $totalPage;} else {    $next = $page + 1;  }


八、完整代码

form-7.php

<?php// 连接数据库$connect = mysqli_connect('localhost', '用户名', '密码', '数据库名') or die('数据库连接失败');mysqli_set_charset($connect, 'utf8');// 查询总条数$sql = "select * from student";$query = mysqli_query($connect, $sql);// 返回结果集中行的数量$num = mysqli_num_rows($query);// 定义每页显示几条$pageSize = 2;// 一共分几页$totalPage = ceil($num / $pageSize);// 获取当前页if ($_GET['page']) {    $page = $_GET['page'];} else {    $page = 1;}// 在当前页的基础上确定上一页if ($page == 1) {    $up = 1;} else {    $up = $page - 1;}// 在当前页的基础上确定下一页if ($page == $totalPage) {    $next = $totalPage;} else {    $next = $page + 1;  }// 求出 limit 的第一个参数$start = ($page - 1) * $pageSize;$sql = "select * from student limit $start, $pageSize";$res = mysqli_query($connect, $sql);$result = mysqli_fetch_all($res, MYSQLI_ASSOC);?><!doctype html><html><head>    <meta charset="UTF-8">    <meta name="Generator" content="EditPlus®">    <meta name="Author" content="">    <meta name="Keywords" content="">    <meta name="Description" content="">    <title>Document</title> </head> <body>    <table border="1" cellspacing="0" cellpadding="0" style="width: 50%;text-align: center;">        <caption>学生列表</caption>        <tr>            <td>ID</td>            <td>姓名</td>            <td>年龄</td>            <td>性别</td>            <td>手机号</td>        </tr>        <?php foreach ($result as $v) { ?>        <tr>            <td><?php echo $v['id']; ?></td>            <td><?php echo $v['name']; ?></td>            <td><?php echo $v['age']; ?></td>            <td><?php echo $v['sex']; ?></td>            <td><?php echo $v['mobile']; ?></td>        </tr>        <?php } ?>    </table>    <a href="form-7.php?page=<?php echo $up; ?>"><button>上一页</button></a>    <a href="form-7.php?page=<?php echo $next; ?>"><button>下一页</button></a></body></html>


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 介绍PHP + MySQL 实现数据分页显示

相关文章

  • 2022-04-29PhotoShop CS6创建复古半调网纹立体3D文字设计教程
  • 2022-04-29PHP获取QQ用户昵称+头像API接口代码
  • 2022-04-29PS鼠绘清纯可爱的古装卡通小女孩
  • 2022-04-29PHP怎么只保留汉字
  • 2022-04-29Vue 集成 PDF.js 实现 PDF 预览和添加水印的步骤
  • 2022-04-29详解PHP中的PDO::quote(附代码实例)
  • 2022-04-29Javascript如何获取用户输入的值
  • 2022-04-29uniapp实现微信小程序全局分享的示例代码
  • 2022-04-29被遗忘的WordPress模板标签有哪些?
  • 2022-04-29vue.js如何实现列表滚动循环

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 小程序怎样在页面传递对象数组?
    • 解析TP框架下mongo的基础操作及其注意点
    • php.ini没有extension怎么办
    • Photoshop制作漂亮的钢板字
    • PhotoShop自定义图案制作背景纹理教程
    • Photoshop制作金属质感的黄金立体字
    • Photoshop制作卡通风格的3D立体字教程
    • 一分钟教会你php怎么快速匹配文章中的图片
    • vue仿携程轮播图效果(滑动轮播,下方高度自适应)
    • nestjs返回给前端数据格式的封装实现

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有