当前位置:首页 > 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中实现分页功能,通常需要以下几个核心部分:数据列表、当前页码、每页显示数量、总页数计算、页码切换逻辑。以下是一个完整的实现方案。 分页组件代码示例 <templat…

vue实现列表分页

vue实现列表分页

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

vue实现网页分页

vue实现网页分页

Vue 实现网页分页的方法 使用计算属性实现分页 在 Vue 中可以通过计算属性对数据进行分页处理。定义一个 currentPage 和 pageSize,利用计算属性返回当前页的数据。 data(…

vue实现滚动分页

vue实现滚动分页

实现滚动分页的基本思路 滚动分页(Infinite Scroll)是一种常见的前端分页加载方式,当用户滚动到页面底部时自动加载下一页数据。Vue 结合现代前端工具可以轻松实现这一功能。 监听滚动事件…

vue实现分页缩进

vue实现分页缩进

vue实现分页缩进的方法 使用v-for和计算属性实现分页 通过计算属性对数据进行分页处理,结合v-for渲染分页数据。计算属性根据当前页码和每页显示数量对原始数据进行切片。 computed: {…

vue 实现分页功能

vue 实现分页功能

实现分页功能的方法 在Vue中实现分页功能可以通过多种方式完成,以下是一种常见的实现方法: 使用计算属性处理分页数据 通过计算属性对数据进行分页处理,结合分页组件实现交互: <templat…