HTML 本身是一种标记语言，用于创建网页的结构和内容，它并不直接提供与数据库连接的功能，因为这通常涉及到服务器端脚本和数据处理，比如使用 PHP、ASP.NET、Node.js 等后端技术，我可以向您展示如何使用这些后端技术与数据库进行交互，并在 HTML 中显示数据。

html对接数据库html对接数据库（图片来源网络，侵删）

以 PHP 和 MySQL 为例，下面是一个详细的步骤说明如何将 HTML 页面连接到数据库并获取数据：

1. 准备数据库

确保您有一个 MySQL 数据库，并且已经创建了一个数据表以及填充了一些数据，我们有一个名为 users 的表，其中包含 id, name, 和 email 字段。

2. 创建 HTML 页面

创建一个基础的 HTML 页面，它将用来显示从数据库检索的数据。

<!DOCTYPE html>
<html>
<head>
    <title>数据库连接示例</title>
</head>
<body>
    <table>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>邮箱</th>
        </tr>
    </table>
</body>
</html>

3. 连接数据库

在 HTML 页面中嵌入 PHP 代码来连接 MySQL 数据库。

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
// 创建连接
$conn = new mysqli($servername, $username, $password, $dbname);
// 检测连接
if ($conn>connect_error) {
    die("连接失败： " . $conn>connect_error);
}
?>

4. 查询数据

继续在 PHP 代码块中编写查询语句来从数据库获取数据。

$sql = "SELECT id, name, email FROM users";
$result = $conn>query($sql);
if ($result>num_rows > 0) {
    // 输出每行数据
    while($row = $result>fetch_assoc()) {
        echo "<tr><td>" . $row["id"]. "</td><td>" . $row["name"]. "</td><td>" . $row["email"]. "</td></tr>";
    }
} else {
    echo "0 结果";
}

5. 关闭数据库连接

不要忘记在 PHP 脚本结束时关闭数据库连接。

$conn>close();
?>

6. 完整的代码示例

将以上所有代码片段组合在一起，得到一个完整的 HTML 文件，其中包含 PHP 代码来连接数据库并显示数据。

<!DOCTYPE html>
<html>
<head>
    <title>数据库连接示例</title>
</head>
<body>
    <table>
        <tr>
            <th>ID</th>
            <th>姓名</th>
            <th>邮箱</th>
        </tr>
        <?php
        $servername = "localhost";
        $username = "username";
        $password = "password";
        $dbname = "database_name";
        // 创建连接
        $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);
        if ($result>num_rows > 0) {
            // 输出每行数据
            while($row = $result>fetch_assoc()) {
                echo "<tr><td>" . $row["id"]. "</td><td>" . $row["name"]. "</td><td>" . $row["email"]. "</td></tr>";
            }
        } else {
            echo "0 结果";
        }
        $conn>close();
        ?>
    </table>
</body>
</html>

注意：

请替换 $servername, $username, $password, 和 $dbname 为您的实际数据库详情。

确保您的服务器支持 PHP 和 MySQL，且有相应的驱动程序。

出于安全性考虑，不建议在生产环境中直接在 HTML 文件中硬编码数据库凭证，应使用配置文件、环境变量或安全的凭证存储机制。

这个例子展示了如何使用 PHP 作为后端语言来连接 MySQL 数据库，并在 HTML 页面中显示查询结果，其他后端语言如 Python (Flask, Django), Ruby (Ruby on Rails), Java (Spring), Node.js (Express) 等也有类似的数据库操作方法，但语法和实现细节会有所不同。

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。