当前位置:首页 > PHP

php分页功能的实现

2026-02-27 14:07:40PHP

基本分页实现

使用 LIMITOFFSET 进行数据库查询分页。假设每页显示 10 条记录:

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

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

计算总页数

需要先获取总记录数来计算总页数:

php分页功能的实现

$totalSql = "SELECT COUNT(*) as total FROM your_table";
$totalResult = $conn->query($totalSql);
$totalRow = $totalResult->fetch_assoc();
$totalPages = ceil($totalRow['total'] / $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>';

使用预处理语句

为防止 SQL 注入,建议使用预处理语句:

php分页功能的实现

$stmt = $conn->prepare("SELECT * FROM your_table LIMIT ?, ?");
$stmt->bind_param("ii", $offset, $perPage);
$stmt->execute();
$result = $stmt->get_result();

分页类封装

可以封装一个分页类方便复用:

class Pagination {
    public $page;
    public $perPage;
    public $total;

    public function __construct($total, $perPage = 10) {
        $this->page = isset($_GET['page']) ? (int)$_GET['page'] : 1;
        $this->perPage = $perPage;
        $this->total = $total;
    }

    public function getOffset() {
        return ($this->page - 1) * $this->perPage;
    }

    public function getTotalPages() {
        return ceil($this->total / $this->perPage);
    }

    public function getLinks() {
        $html = '<div class="pagination">';
        for ($i = 1; $i <= $this->getTotalPages(); $i++) {
            $active = $i == $this->page ? 'active' : '';
            $html .= "<a href='?page=$i' class='$active'>$i</a>";
        }
        $html .= '</div>';
        return $html;
    }
}

前端样式建议

基本的分页样式 CSS:

.pagination {
    display: flex;
    gap: 5px;
    margin-top: 20px;
}
.pagination a {
    padding: 5px 10px;
    border: 1px solid #ddd;
    text-decoration: none;
}
.pagination a.active {
    background: #007bff;
    color: white;
    border-color: #007bff;
}

标签: 分页功能
分享给朋友:

相关文章

vue 分页的实现

vue 分页的实现

Vue 分页的实现方法 使用 Element UI 的分页组件 安装 Element UI: npm install element-ui 在 Vue 项目中引入 Element UI 的分页组件:…

vue实现倒计时功能

vue实现倒计时功能

vue实现倒计时功能 在Vue中实现倒计时功能可以通过多种方式完成,以下是几种常见的方法: 方法一:使用setInterval和clearInterval 创建一个倒计时组件,利用setInter…

前端vue登录功能实现

前端vue登录功能实现

登录功能实现步骤 在Vue中实现登录功能通常需要结合后端API,以下是关键步骤和代码示例: 创建登录表单组件 <template> <div> <for…

前端实现拖拽功能vue

前端实现拖拽功能vue

使用 HTML5 拖放 API 在 Vue 中可以通过 HTML5 的原生拖放 API 实现拖拽功能。需要监听 dragstart、dragover 和 drop 事件。 <template&…

vue 实现 功能

vue 实现 功能

Vue.js 是一个流行的前端框架,用于构建用户界面和单页应用程序。以下是一些常见的 Vue 功能实现方法: 数据绑定 Vue 的核心特性之一是数据绑定,可以通过 v-model 指令实现双向数据绑…

分页用vue实现

分页用vue实现

实现分页的基本思路 在Vue中实现分页功能,通常需要以下几个核心部分:数据列表、当前页码、每页显示数量、总页数计算、页码切换逻辑。以下是一个完整的实现方案。 分页组件代码示例 <templat…