如何在同一PHP页面分别展示两个独立的MySQL数据表

我来帮你搞定这个问题——核心是要把每个标题和对应的表格绑定成独立的区块，确保浏览器按顺序垂直渲染它们，不会出现标题同行或全部前置的情况。以下是完整的实现方案：

实现思路 #

1. 用块级标题标签（比如<h2>）包裹每个表格的标题，这样浏览器会自动把标题和后续的表格分成独立的行。
2. 对每个数据表的查询、表格渲染逻辑做独立封装，标题紧跟在对应表格的渲染代码之前。
3. 避免把标题放在PHP注释里（注释内容不会被输出到页面），直接用HTML标签或PHP的echo输出标题。

完整代码示例 #

<?php
// 数据库连接配置（替换成你的实际信息）
$servername = "localhost";
$username = "your_db_user";
$password = "your_db_password";
$dbname = "your_database";

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

// 检查连接是否成功
if ($conn->connect_error) {
    die("数据库连接失败: " . $conn->connect_error);
}
?>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>数据表展示</title>
    <style>
        /* 可选：美化表格样式 */
        table {
            border-collapse: collapse;
            width: 80%;
            margin: 15px 0;
        }
        th, td {
            border: 1px solid #ddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        h2 {
            color: #333;
            margin-top: 30px;
            margin-bottom: 10px;
        }
    </style>
</head>
<body>
    <!-- 内部表标题 + 表格 -->
    <h2>INTERNAL</h2>
    <table>
        <?php
        // 查询内部表数据
        $sql_internal = "SELECT * FROM internal_table";
        $result_internal = $conn->query($sql_internal);

        if ($result_internal->num_rows > 0) {
            // 输出表头
            echo "<tr>";
            $columns = $result_internal->fetch_fields();
            foreach ($columns as $col) {
                echo "<th>" . htmlspecialchars($col->name) . "</th>";
            }
            echo "</tr>";

            // 输出数据行
            while ($row = $result_internal->fetch_assoc()) {
                echo "<tr>";
                foreach ($row as $value) {
                    echo "<td>" . htmlspecialchars($value) . "</td>";
                }
                echo "</tr>";
            }
        } else {
            echo "<tr><td colspan='" . count($columns) . "'>暂无数据</td></tr>";
        }
        ?>
    </table>

    <!-- 外部表标题 + 表格 -->
    <h2>EXTERNAL</h2>
    <table>
        <?php
        // 查询外部表数据
        $sql_external = "SELECT * FROM external_table";
        $result_external = $conn->query($sql_external);

        if ($result_external->num_rows > 0) {
            // 输出表头
            echo "<tr>";
            $columns = $result_external->fetch_fields();
            foreach ($columns as $col) {
                echo "<th>" . htmlspecialchars($col->name) . "</th>";
            }
            echo "</tr>";

            // 输出数据行
            while ($row = $result_external->fetch_assoc()) {
                echo "<tr>";
                foreach ($row as $value) {
                    echo "<td>" . htmlspecialchars($value) . "</td>";
                }
                echo "</tr>";
            }
        } else {
            echo "<tr><td colspan='" . count($columns) . "'>暂无数据</td></tr>";
        }

        // 关闭数据库连接
        $conn->close();
        ?>
    </table>
</body>
</html>

关键注意事项 #

• 块级标题的作用：<h2>是块级元素，默认会独占一行，自动和后续的表格拉开间距，不会出现标题和表格同行的问题。
• 安全输出：用htmlspecialchars()转义输出的数据库内容，防止XSS攻击。
• 独立逻辑：每个表格的查询和渲染都是独立的，确保标题和对应表格一一对应，不会出现所有标题前置的情况。

内容的提问来源于stack exchange，提问作者Tikiyetti