首页 > 文章 > web前端 > 数据库查询与HTML整合

数据库查询与HTML整合

WBOY原创: 2024-04-09 14:48:01571浏览

通过以下步骤，您可以将数据库查询结果整合到 HTML 页面中：建立数据库连接。执行查询并存储结果。遍历查询结果并将其显示在 HTML 元素中。

数据库查询与HTML整合

使用 PHP 将数据库查询与 HTML 整合

整合数据库查询结果和 HTML 页面可使您创建动态和交互式 Web 应用程序。本文将引导您完成使用 PHP 执行此操作的步骤，并提供一个实战案例来说明该流程。

步骤 1：建立数据库连接

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "myDB";

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

步骤 2：执行查询

要获取数据，请使用 mysqli_query() 函数执行查询。

$sql = "SELECT * FROM users";
$result = $conn->query($sql);

步骤 3：获取查询结果

要遍历查询结果，请使用 mysqli_fetch_assoc() 函数。它会返回包含键值对的关联数组。

while ($row = $result->fetch_assoc()) {
    echo "{$row['id']}: {$row['name']}<br>";
}

实战案例：显示用户列表

以下示例展示了如何将用户列表从数据库查询到 HTML 表格中：

index.php

<!DOCTYPE html>
<html>
<head>
    <title>用户列表</title>
</head>
<body>
    <h1>用户列表</h1>
    <table>
        <thead>
            <tr>
                <th>ID</th>
                <th>姓名</th>
            </tr>
        </thead>
        <tbody>
            <?php
            include 'db_connect.php';

            $sql = "SELECT * 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></tr>";
                }
            } else {
                echo "<tr><td colspan='2'>没有用户</td></tr>";
            }
            ?>
        </tbody>
    </table>
</body>
</html>

db_connect.php

// 数据库连接信息
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "myDB";

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

以上是数据库查询与HTML整合的详细内容。更多信息请关注PHP中文网其他相关文章！

php html 关联数组数据库

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：HTML与数据库查询的协同效应下一篇：HTML 文本框对齐秘诀

查看更多