html显示sql数据库内容

admin
行业动态
2025-04-30
1

通过后端脚本（如PHP/Python）连接数据库，执行SQL查询并将结果

数据库连接与查询

通过后端语言（如PHP、Python、Node.js）连接SQL数据库，执行SELECT语句获取数据，以PHP为例）：

<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "test_db";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
// 查询数据
$sql = "SELECT id, name, age FROM users";
$result = $conn->query($sql);
?>

后端数据处理

将查询结果转换为可传递给前端的格式（如JSON数组或关联数组），续PHP代码）：

html显示sql数据库内容第1张

<?php
$data = [];
if ($result->num_rows > 0) {
    while($row = $result->fetch_assoc()) {
        $data[] = $row;
    }
}
$conn->close();
?>

前端HTML展示

使用HTML表格结构渲染数据，结合后端循环输出,完整示例如下：

<!DOCTYPE html>
<html>
<head>数据库内容展示</title>
    <style>
        table { border-collapse: collapse; width: 50%; margin: 20px auto; }
        th, td { border: 1px solid #333; padding: 8px; text-align: center; }
        th { background-color: #f4f4f4; }
    </style>
</head>
<body>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
                <th>年龄</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach($data as $row): ?>
            <tr>
                <td><?= htmlspecialchars($row["id"]) ?></td>
                <td><?= htmlspecialchars($row["name"]) ?></td>
                <td><?= htmlspecialchars($row["age"]) ?></td>
            </tr>
            <?php endforeach; ?>
        </tbody>
    </table>
</body>
</html>

安全与性能优化

优化点	说明
参数化查询	使用`prepared statements`防止SQL注入
分页加载	对大数据量采用`LIMIT`分页，减少单次传输压力
缓存机制	频繁查询的数据可缓存到Redis或Memcached
数据转义	输出时使用`htmlspecialchars`防止XSS攻击