当前位置：首页 > 行业动态 > 正文

html直接输出数据库

admin
行业动态
2025-04-28
4

HTML无法直接输出数据库，需通过后端语言（如PHP/Python）

环境准备

使用PHP连接数据库并输出数据到HTML,需确保服务器支持以下组件：

Web服务器（如Apache）
PHP解析器
MySQL数据库

推荐工具：XAMPP/WAMP（集成环境）

html直接输出数据库第1张

数据库设计

假设有一个名为users的表，结构如下：

字段名	类型	说明
id	INT(11)	主键ID
name	VARCHAR(50)	用户名
email	VARCHAR(100)	邮箱地址

建表SQL示例：

CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    name VARCHAR(50) NOT NULL,
    email VARCHAR(100) NOT NULL
);

后端脚本（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查询
$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);
// 关闭连接
$conn->close();
?>

将数据输出为HTML表格

<table border="1" cellpadding="5" cellspacing="0">
    <tr>
        <th>ID</th>
        <th>姓名</th>
        <th>邮箱</th>
    </tr>
    <?php if ($result->num_rows > 0): ?>
        <?php while($row = $result->fetch_assoc()): ?>
            <tr>
                <td><?php echo htmlspecialchars($row["id"]); ?></td>
                <td><?php echo htmlspecialchars($row["name"]); ?></td>
                <td><?php echo htmlspecialchars($row["email"]); ?></td>
            </tr>
        <?php endwhile; ?>
    <?php else: ?>
        <tr>
            <td colspan="3">暂无数据</td>
        </tr>
    <?php endif; ?>
</table>

完整代码整合

<?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查询
$sql = "SELECT id, name, email FROM users";
$result = $conn->query($sql);
// 关闭连接
$conn->close();
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">数据库输出示例</title>
    <style>
        table { border-collapse: collapse; width: 60%; margin: 20px auto; }
        th, td { text-align: center; border: 1px solid #ddd; padding: 10px; }
        th { background-color: #f4f4f4; }
    </style>
</head>
<body>
    <table>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>邮箱</th>
        </tr>
        <?php if ($result->num_rows > 0): ?>
            <?php while($row = $result->fetch_assoc()): ?>
                <tr>
                    <td><?php echo htmlspecialchars($row["id"]); ?></td>
                    <td><?php echo htmlspecialchars($row["name"]); ?></td>
                    <td><?php echo htmlspecialchars($row["email"]); ?></td>
                </tr>
            <?php endwhile; ?>
        <?php else: ?>
            <tr>
                <td colspan="3">暂无数据</td>
            </tr>
        <?php endif; ?>
    </table>
</body>
</html>