当前位置:首页 > 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子句获取当前页数据:

php实现分页步骤

$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> ";
}

显示数据和分页控件

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

php实现分页步骤

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;
}

安全注意事项

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

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

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

相关文章

vue分页实现

vue分页实现

实现Vue分页的几种方法 使用Element UI的分页组件 安装Element UI库后,可以直接使用其分页组件。以下是一个基本示例: <template> <div>…

vue router实现分页

vue router实现分页

Vue Router 实现分页的方法 在 Vue.js 中,可以通过 Vue Router 实现分页功能,通常需要结合路由参数和动态路由匹配。以下是几种常见的实现方式: 使用查询参数实现分页 在路…

vue分页实现

vue分页实现

Vue 分页实现方法 基础分页组件实现 创建一个简单的分页组件,包含上一页、下一页和页码按钮。组件接收当前页码、总页数等参数,通过事件通知父组件页码变化。 <template> &…

react 如何分页

react 如何分页

分页实现方法 在React中实现分页功能可以通过多种方式完成,具体取决于数据来源(如API或本地数据)和UI库的选择。以下是常见的实现方法: 使用本地数据分页 对于存储在组件状态或Context中…

vue怎样实现分页

vue怎样实现分页

Vue实现分页的方法 使用第三方库(如Element UI或Ant Design Vue) Element UI的Pagination组件可以直接集成到Vue项目中。安装Element UI后,在组件…

用vue实现分页

用vue实现分页

使用Vue实现分页功能 分页是Web应用中常见的功能,可以通过Vue结合计算属性和事件处理实现。以下是实现分页的核心步骤: 数据准备 定义数据模型,包括当前页码、每页显示数量和总数据列表: dat…