10 PHP结合bootstrap完成分页

本文涉及的产品
云数据库 Tair(兼容Redis),内存型 2GB
RDS MySQL Serverless 基础系列,0.5-2RCU 50GB
云数据库 RDS MySQL,集群系列 2核4GB
推荐场景:
搭建个人博客
简介: 路老师分享了如何使用PHP实现CSDN问答列表的分页功能。首先,通过编写 `index.php` 文件,定义数据和分页逻辑。接着,安装 Composer 并配置 PHP 包管理工具,以引入 `jasongrimes/paginator` 分页插件。最后,展示分页效果并确保代码路径正确。下篇将介绍 PHP 和 Web 页面的交互。

有胆量你就来跟着路老师卷起来! -- 纯干货,技术知识分享

路老师给大家分享PHP语言的知识了,旨在想让大家入门PHP,并深入了解PHP语言。


今天带给大家的是实现PHP引入分页插件,实现CSDN问答列表的分页功能。

image.gif 编辑


1 编写代码index.php

<?php
require './vendor/autoload.php';
use JasonGrimes\paginator;
  $data = array(
    array('id'=>1,'title'=>'csdn问答常见的问题汇总'),
    array('id'=>2,'title'=>'什么样的人适合搞社交?'),
    array('id'=>3,'title'=>'为什么我反对穷逼搞社交?'),
    array('id'=>4,'title'=>'为什么说改变命运,是靠陌生的力量?'),
    array('id'=>5,'title'=>'化解矛盾最佳方式是什么?'),
    array('id'=>6,'title'=>'为什么要远离熟人?'),
    array('id'=>7,'title'=>'为什么不在小地方投资?'),
    array('id'=>8,'title'=>'成功了,为什么要远离家乡?'),
    array('id'=>9,'title'=>'为什么很多人看了刘震云的《1942》决定彻底离开农村?'),
    array('id'=>10,'title'=>'历史会不会一直重演?'),
    array('id'=>11,'title'=>'村里的人会继续减少吗?'),
    array('id'=>12,'title'=>'房子会越来越便宜吗?'),
    array('id'=>13,'title'=>'社交会消失吗?'),
    array('id'=>14,'title'=>'穷人的钱,会被什么合法吃掉?'),
    array('id'=>15,'title'=>'穷人奋斗有意义吗?'),
    array('id'=>16,'title'=>'为什么很多人彻底放弃读大学?'),
    array('id'=>17,'title'=>'为什么很多人会放弃学高大尚的东西?'),
    array('id'=>18,'title'=>'为什么越来越多的年轻人,承认自己是平庸的?'),
    array('id'=>19,'title'=>'为什么社交一类的书,不好卖了?'),
    array('id'=>20,'title'=>'以后就业机会多吗?'),
    array('id'=>21,'title'=>'为什么建议大家把农村户口换成城市户口啊?'),
    array('id'=>22,'title'=>'为什么说赚钱多的人,都是懂销售的人?'),
    array('id'=>23,'title'=>'为什么穷人改变命运最快的秘密就是做销售?'),
    array('id'=>24,'title'=>'建议学什么专业?')
  );
  $totalItems = count($data);//获取总数
  $itemsParPage=5;//每页显示条数
  $currentPage=isset($_GET['page']) ? $_GET['page']:1;//获取当前页
  $urlPattern = 'index.php?page=(:num)';
  include("Paginator.php");
  //实例化分页类
  $paginator = new Paginator($totalItems, $itemsParPage,$currentPage,$urlPattern);
  //使用array_splice()函数查找元素位置
  $getData= array_splice($data,($currentPage-1)*$itemsParPage,$itemsParPage);
  
  ?>
  <html>
    <head>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    </head>
    <body>
      <div class="container bg-info">
        <h3>CSDN问答列表</h3>
        <ul>
          <?php  foreach($getData as $vo){ ?>
          <li>
            <?php echo $vo['title'] ?>
          </li>
          <?php } ?>
        </ul>
        <?php
        //输出分页
        echo $paginator;
        ?>
      </div>
    </body>
  </html>

image.gif

此时直接运行会出现 './vendor/autoload.php'; JasonGrimes\paginator;两个文件找不到的问题。

2 安装composer依赖

要引入jasongrimes\paginator,但是要引入这个包需要包管理工具composer,接下来先安装composerPHP包管理工具。

image.gif 编辑

安装方法是傻瓜式的。不过需要配置下php.exe位置:

image.gif 编辑

搞好之后,在win+R 输入cmd,尝试下是否安装成功。

image.gif 编辑

3 分页插件下载配置

进入index.php文件所在目录:运行cmd,进入dos窗口输入下列命令安装JasonGrimes\paginator。

composer require jasongrimes/paginator

image.gif

image.gif 编辑

此时查看自己的工程目录里会出现两个文件目录,其一是vendor/composer,第二个是 vendor/jasongrimes/paginator。

image.gif 编辑

4 效果展示

再次检查index.php代码中开头两行代码是否和刚刚下载的vendor里文件目录一致:

require './vendor/autoload.php';
use JasonGrimes\paginator;

image.gif

此时再次运行上述代码,就会出现如下结果:

image.gif 编辑

下篇 PHP和Web页面交互。

相关文章
原生php实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
原生php实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
原生php实现列表接口+分页接口+排序接口组合使用+包括测试数据(不加任何封装)
|
8月前
|
前端开发 JavaScript 数据处理
bootstrap实现分页(实例)
bootstrap实现分页(实例)
72 0
|
前端开发 程序员 Android开发
Bootstrap+jQuery实现卡片标签样式的分页
Bootstrap+jQuery实现卡片标签样式的分页
78 0
|
1月前
|
关系型数据库 MySQL PHP
php实现一个简单的MySQL分页
通过本文的详细步骤和代码示例,我们实现了一个简单的PHP MySQL分页功能。主要步骤包括计算总记录数、设置分页参数、查询当前页的数据以及生成分页链接。这种分页方式适用于大多数Web应用,能够有效提升用户体验和页面响应速度。
29 4
Bootstrap5 分页3
分页的对齐方式可以通过添加不同的类来实现,默认为左对齐,居中对齐需添加 `justify-content-center` 类,右对齐则添加 `justify-content-end` 类。面包屑导航通过 `.breadcrumb` 和 `.breadcrumb-item` 类进行设置,用于显示当前页面在网站中的位置。
|
2月前
|
前端开发
Bootstrap5 分页1
Bootstrap 5 提供了简单易用的分页组件。通过在 `&lt;ul&gt;` 元素上添加 `.pagination` 类,并在 `&lt;li&gt;` 元素上添加 `.page-item` 类,以及在 `&lt;a&gt;` 标签上添加 `.page-link` 类,即可实现基本的分页效果。使用 `.active` 类可以高亮显示当前页。
Bootstrap5 分页2
使用 `.disabled` 类可使分页链接不可点击。通过 `.pagination-lg` 和 `.pagination-sm` 类可调整分页条目的大小,分别设置为大字体和小字体。示例代码展示了如何实现这些效果。
|
前端开发
|
7月前
|
PHP
原生php制作分页函数
原生php制作分页函数
48 0
|
8月前
|
前端开发
Bootstrap 5 保姆级教程(七):分页 & 列表组
Bootstrap 5 保姆级教程(七):分页 & 列表组