当前位置:首页 > PHP

php分页实现跳转

2026-02-16 16:04:38PHP

PHP 分页实现跳转

数据库查询与分页逻辑

使用 LIMIT 子句控制每页显示的数据量,结合 $_GET 获取当前页码。假设每页显示 10 条数据:

$page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
$perPage = 10;
$offset = ($page - 1) * $perPage;

$sql = "SELECT * FROM articles LIMIT $offset, $perPage";
$result = $conn->query($sql);

计算总页数

通过数据库查询获取总记录数,并计算总页数:

$totalSql = "SELECT COUNT(*) as total FROM articles";
$totalResult = $conn->query($totalSql);
$totalRows = $totalResult->fetch_assoc()['total'];
$totalPages = ceil($totalRows / $perPage);

生成分页链接

通过循环生成页码链接,并添加当前页高亮样式:

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

添加样式(CSS)

为分页链接添加基础样式:

.pagination a {
    padding: 8px 16px;
    border: 1px solid #ddd;
    margin: 0 4px;
}
.pagination a.active {
    background-color: #4CAF50;
    color: white;
}

优化跳转功能

添加首页/末页跳转按钮,并限制页码范围:

if ($page > 1) {
    echo "<a href='?page=1'>首页</a>";
    echo "<a href='?page=".($page-1)."'>上一页</a>";
}

if ($page < $totalPages) {
    echo "<a href='?page=".($page+1)."'>下一页</a>";
    echo "<a href='?page=$totalPages'>末页</a>";
}

安全性处理

对页码参数进行过滤,防止 SQL 注入和无效输入:

php分页实现跳转

$page = max(1, min($totalPages, $page)); // 限制页码范围

标签: 分页跳转
分享给朋友:

相关文章

php实现的分页

php实现的分页

PHP 实现分页的方法 基本分页逻辑 分页的核心在于计算总页数、当前页码以及数据偏移量。假设每页显示 10 条数据: $current_page = isset($_GET['page']) ? (…

uniapp 分页组件

uniapp 分页组件

uniapp 分页组件实现方法 在uniapp中实现分页功能,可以通过自定义组件或使用第三方组件库完成。以下是几种常见实现方式: 自定义分页组件 创建一个名为uni-pagination的组件,模板…

vue点击跳转实现

vue点击跳转实现

vue点击跳转实现方法 在Vue中实现点击跳转可以通过多种方式完成,以下是几种常见的方法: 使用router-link组件 Vue Router提供了router-link组件用于声明式导航,适合在…

vue page 实现分页

vue page 实现分页

实现 Vue 分页功能的方法 使用 Element UI 的分页组件 安装 Element UI 后,可以直接使用 el-pagination 组件实现分页功能。 <template>…

vue实现前端分页

vue实现前端分页

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

vue实现分页按钮

vue实现分页按钮

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