当前位置:首页 > PHP

php实现分页步骤

2026-02-15 05:24:58PHP

连接数据库并获取数据

使用PDO或MySQLi连接数据库,执行SQL查询获取总数据量。例如:

$pdo = new PDO("mysql:host=localhost;dbname=test", "username", "password");
$totalQuery = $pdo->query("SELECT COUNT(*) FROM products");
$totalItems = $totalQuery->fetchColumn();

计算分页参数

确定当前页码、每页显示数量及总页数:

$itemsPerPage = 10;
$currentPage = isset($_GET['page']) ? max(1, (int)$_GET['page']) : 1;
$totalPages = ceil($totalItems / $itemsPerPage);
$offset = ($currentPage - 1) * $itemsPerPage;

查询当前页数据

使用LIMIT子句获取当前页数据:

$stmt = $pdo->prepare("SELECT * FROM products LIMIT :offset, :limit");
$stmt->bindValue(':offset', $offset, PDO::PARAM_INT);
$stmt->bindValue(':limit', $itemsPerPage, PDO::PARAM_INT);
$stmt->execute();
$results = $stmt->fetchAll(PDO::FETCH_ASSOC);

生成分页导航

创建可点击的分页链接:

$pagination = '';
for ($i = 1; $i <= $totalPages; $i++) {
    $active = ($i == $currentPage) ? ' class="active"' : '';
    $pagination .= "<a href=\"?page=$i\"$active>$i</a> ";
}

显示数据和分页控件

将查询结果和分页导航输出到页面:

foreach ($results as $row) {
    echo "<div>{$row['product_name']}</div>";
}
echo "<div class='pagination'>$pagination</div>";

样式优化(可选)

添加CSS美化分页导航:

.pagination a {
    padding: 5px 10px;
    margin: 0 2px;
    border: 1px solid #ddd;
}
.pagination a.active {
    background-color: #007bff;
    color: white;
}

安全注意事项

对用户输入的页码进行过滤:

php实现分页步骤

$currentPage = filter_input(INPUT_GET, 'page', FILTER_VALIDATE_INT, [
    'options' => ['default' => 1, 'min_range' => 1]
]);

标签: 分页步骤
分享给朋友:

相关文章

vue实现后台分页

vue实现后台分页

实现后台分页的方法 在Vue中实现后台分页通常需要结合前端和后端逻辑,后端负责处理数据分页,前端负责展示分页数据和交互。以下是具体实现方法: 后端API设计 后端需要提供支持分页的API接口,通常包…

分页实现vue

分页实现vue

分页实现方法(Vue) 使用Element UI分页组件 安装Element UI库后,可以直接使用其分页组件。在模板中添加el-pagination,通过v-model绑定当前页码,设置page-s…

vue实现步骤条

vue实现步骤条

Vue 实现步骤条的方法 使用 Element UI 的 Steps 组件 Element UI 提供了现成的 Steps 组件,可以快速实现步骤条功能。安装 Element UI 后,直接引入 St…

vue实现列表分页

vue实现列表分页

Vue 列表分页实现方法 基础分页实现 安装依赖(如使用第三方库) npm install vue-paginate 模板部分示例 <template> <div>…

vue实现前端分页

vue实现前端分页

实现前端分页的方法 在Vue中实现前端分页通常需要结合数据截取和分页组件。以下是常见的实现方式: 基础实现方案 数据准备 定义总数据数组和分页相关变量: data() { return {…

vue实现分页按钮

vue实现分页按钮

实现分页按钮的基本思路 在Vue中实现分页按钮通常需要结合计算属性、事件绑定和动态样式。核心逻辑包括计算总页数、生成页码数组、处理页码切换事件以及高亮当前页码。 基础实现代码示例 <templ…