bootstrap table 分页查询 具体用法

Bootstrap Table 是一款基于 Bootstrap 的可扩展的表格插件，它具有强大的功能和丰富的 API，可以用于展示数据、排序、筛选、分页等。在 Bootstrap Table 中，分页查询是一种常用的查询方式，下面是具体用法：

1. 引入 Bootstrap Table 插件和相关资源文件

<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.3/bootstrap-table.min.css">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-table/1.18.3/bootstrap-table.min.js"></script>

2. 创建表格

<table id="table" data-url="data.php" data-pagination="true" data-page-size="10">
    <thead>
        <tr>
            <th data-field="id">ID</th>
            <th data-field="name">Name</th>
            <th data-field="age">Age</th>
        </tr>
    </thead>
</table>

3. 初始化表格

<script>
    $(function() {
        $('#table').bootstrapTable();
    });
</script>

4. 创建后台数据接口

<?php
    // 连接数据库
    $conn = mysqli_connect('localhost', 'root', '123456', 'test');
    if (!$conn) {
        die('Could not connect: ' . mysqli_error($conn));
    }

    // 查询数据
    $sql = "SELECT * FROM users";
    $result = mysqli_query($conn, $sql);

    // 将查询结果转换为 JSON 格式
    $rows = array();
    while($row = mysqli_fetch_assoc($result)) {
        $rows[] = $row;
    }
    echo json_encode($rows);

    // 关闭数据库连接
    mysqli_close($conn);
?>

5. 在数据接口中实现分页查询

<?php
    // 连接数据库
    $conn = mysqli_connect('localhost', 'root', '123456', 'test');
    if (!$conn) {
        die('Could not connect: ' . mysqli_error($conn));
    }

    // 获取分页参数
    $offset = isset($_GET['offset']) ? $_GET['offset'] : 0;
    $limit = isset($_GET['limit']) ? $_GET['limit'] : 10;

    // 查询数据
    $sql = "SELECT * FROM users LIMIT $offset, $limit";
    $result = mysqli_query($conn, $sql);

    // 获取数据总数
    $total = mysqli_num_rows(mysqli_query($conn, "SELECT * FROM users"));

    // 将查询结果转换为 JSON 格式
    $rows = array();
    while($row = mysqli_fetch_assoc($result)) {
        $rows[] = $row;
    }
    $data = array(
        'total' => $total,
        'rows' => $rows
    );
    echo json_encode($data);

    // 关闭数据库连接
    mysqli_close($conn);
?>

通过以上步骤，就可以实现 Bootstrap Table 的分页查询功能了。其中，关键的步骤是创建后台数据接口并实现分页查询，这里采用了 PHP 和 MySQL 进行演示，具体实现方式可以根据实际情况进行调整。