bootstraptable php json

Bootstrap Table 是一个基于 Bootstrap 的可扩展的表格插件，可以帮助我们快速、简单地展示数据。在使用 Bootstrap Table 时，我们可以通过指定 data 属性来加载表格数据。而 PHP 与 JSON 可以很方便地将数据从后台传递到前端。

以下是一个简单的示例，演示如何使用 PHP 和 JSON 加载数据到 Bootstrap Table 中。

1. 创建一个 PHP 文件，用于返回数据：

<?php
// 数据库连接信息
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "dbname";

// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);

// 检查连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}

// 查询数据
$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);

// 将数据转换成 JSON 格式
$data = array();
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        array_push($data, $row);
    }
}
echo json_encode($data);

// 关闭连接
$conn->close();
?>

2. 在 HTML 页面中引入 Bootstrap Table 和 jQuery，并创建一个空的表格：

<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-table/1.15.3/bootstrap-table.min.css">
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap-table/1.15.3/bootstrap-table.min.js"></script>
<table id="table"></table>

3. 使用 jQuery 的 ajax 方法从 PHP 文件中加载数据，并将数据填充到表格中：

$(function() {
    $('#table').bootstrapTable({
        url: 'data.php',
        columns: [{
            field: 'id',
            title: 'ID'
        }, {
            field: 'name',
            title: '姓名'
        }, {
            field: 'email',
            title: '邮箱'
        }]
    });
});

这样，当页面加载完成时，就会从 data.php 中加载数据，并将其填充到表格中。其中，data.php 返回的数据为 JSON 格式，通过 jQuery 的 ajax 方法获取并解析成 JavaScript 对象。Bootstrap Table 会根据指定的 columns 属性，将数据显示在表格中。