如何用 PHP 从 MySQL 数据库动态生成单个 HTML 表格展示数据

花韻仙語

发布时间：2026-01-20 21:52:01

447人浏览过

来源于php中文网

原创

如何用 PHP 从 MySQL 数据库动态生成单个 HTML 表格展示数据

本文详解如何修正 php 中循环嵌套表格导致的多表问题，并规范 html 结构与 css 样式应用，实现用户数据在单一、语义化 `

` 中清晰呈现，同时确保样式统一生效。

在 PHP 动态渲染数据库记录时，一个常见但易被忽视的错误是：将 <table> 标签置于循环内部。正如您原始代码所示，while 循环中每次迭代都执行 echo "<table>" 和 echo "</table>"，导致每条数据库记录都生成一个独立的表格——这不仅破坏了 HTML 语义结构（一个逻辑数据集应对应一个 <table>），还使 CSS 选择器（如 tr:nth-child(even)）失效，且难以维护。

✅ 正确做法：结构分离，一次建表，逐行填充

核心原则是 “表头（<thead>）和表格容器（<table>）只输出一次，数据行（<tr>）在循环内生成”。以下是重构后的完整 PHP 片段（已修复语法错误、增强可读性并兼容您的 CSS）：

Nanonets

基于AI的自学习OCR文档处理，自动捕获文档数据

下载

<?php
session_start();
mysqli_report(MYSQLI_REPORT_ALL ^ MYSQLI_REPORT_INDEX);
$initials = parse_ini_file("../.ht.asetukset.ini");
try {
    $connection = mysqli_connect(
        $initials["databaseserver"],
        $initials["username"],
        $initials["password"],
        $initials["database"]
    );
} catch (Exception $e) {
    header("Location:../html/yhteysvirhe.html");
    exit;
}

// 执行查询（建议使用预处理语句防止 SQL 注入，此处为简化示例）
$result = mysqli_query($connection, "SELECT id, fname, lname, uname, email, paswd, descrip FROM users");
?>

<!-- 引入 HTML 头部 -->
<?php include "../html/admin_header.html"; ?>

<!-- 主要内容区：确保仅有一个 <table> -->
<div class="sec">
  <h1 class="padding"><b>Users list:</b></h1><br>
  <table>
    <!-- 表头：固定输出一次 -->
    <thead>
      <tr>
        <th>ID</th>
        <th>First Name</th>
        <th>Last Name</th>
        <th>User Name</th>
        <th>Email</th>
        <th>Password</th>
        <th>Description</th>
        <th>Delete</th>
        <th>Edit</th>
      </tr>
    </thead>
    <!-- 表体：循环输出每一行数据 -->
    <tbody>
      <?php while ($row = mysqli_fetch_object($result)): ?>
      <tr>
        <td><strong><?= htmlspecialchars($row->id) ?></strong></td>
        <td><?= htmlspecialchars($row->fname) ?></td>
        <td><?= htmlspecialchars($row->lname) ?></td>
        <td><?= htmlspecialchars($row->uname) ?></td>
        <td><?= htmlspecialchars($row->email) ?></td>
        <td><code><?= htmlspecialchars($row->paswd) ?></code></td>
        <td><?= htmlspecialchars($row->descrip) ?></td>
        <td>
          <a href="./admin_remove.php?poistettava=<?= $row->id ?>" 
             style="color: white; padding: 4px 12px; background-color: #dc3545; border-radius: 4px; text-decoration: none;">
            Delete
          </a>
        </td>
        <td>
          <a href="./admin_edit.php?editable=<?= $row->id ?>" 
             style="color: white; padding: 4px 12px; background-color: #007bff; border-radius: 4px; text-decoration: none;">
            Edit
          </a>
        </td>
      </tr>
      <?php endwhile; ?>
    </tbody>
  </table>
</div>

<?php
mysqli_close($connection);
include "../html/admin_footer.html";
?>

? 关键改进说明

结构合规：<table>、<thead> 和 <tbody> 仅出现一次，符合 HTML5 语义标准，CSS 伪类（如 tr:nth-child(even)）可正常作用于所有数据行。
安全加固：使用 htmlspecialchars() 转义输出内容，防止 XSS 攻击（尤其对用户输入字段如 email、descrip）。
样式可控：删除了内联 style='color:white' 等冗余写法，转而通过外部 CSS 统一控制。您原有的 tr:nth-child(even) { background-color: blue; } 将对 <tbody> 内所有偶数行生效。
链接美化：为 “Delete” 和 “Edit” 按钮添加内联 padding、border-radius 和背景色，使其更像按钮（也可抽离至 CSS 类，如 .btn-delete, .btn-edit）。
字段修正：原始代码中 <td><h2>$row->fname</h2></td> 错误地将 ID 列内容赋给了 fname，现按实际字段名（id, fname, lname...）严格映射，并在首列显示 id（原代码缺失）。

? 注意事项与最佳实践

不要在 PHP 中硬编码 CSS：始终优先使用外部 .css 文件（如您已引入的 ../css/style.css）。若需临时覆盖，可添加 <style> 块于 <head>，而非大量内联样式。
避免敏感信息明文显示：密码列（paswd）建议显示为 •••••• 或完全隐藏，生产环境切勿直接输出明文密码。
启用错误报告（开发阶段）：在调试时可添加 error_reporting(E_ALL); ini_set('display_errors', 1);，上线前务必关闭。
数据库连接优化：考虑将连接逻辑封装为函数或使用 PDO，提升复用性与异常处理能力。

遵循以上方案，您将获得一个结构清晰、样式统一、安全可靠的用户数据表格，彻底解决“多个表格”与“CSS 不生效”的双重问题。

PHP 数据库 explain 结果解读技巧

宝塔面板如何安装WordPress_一键部署WordPress网站方法【教程】

Swoole连接池故障怎么修_Swoole池化问题排查步骤【介绍】

宝塔面板适合新手建站吗_面板功能与优势说明【解答】

php如何查看数据库版本_获取mysql版本的sql语句【说明】

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

相关专题

mysql修改数据表名

MySQL修改数据表：1、首先查看数据库中所有的表，代码为：‘SHOW TABLES；’；2、修改表名，代码为：‘ALTER TABLE 旧表名 RENAME [TO] 新表名；’。php中文网还提供MySQL的相关下载、相关课程等内容，供大家免费下载使用。

686

2023.06.20

MySQL创建存储过程

存储程序可以分为存储过程和函数，MySQL中创建存储过程和函数使用的语句分别为CREATE PROCEDURE和CREATE FUNCTION。使用CALL语句调用存储过程智能用输出变量返回值。函数可以从语句外调用(通过引用函数名)，也能返回标量值。存储过程也可以调用其他存储过程。php中文网还提供MySQL创建存储过程的相关下载、相关课程等内容，供大家免费下载使用。

513

2023.06.21

mongodb和mysql的区别

mongodb和mysql的区别：1、数据模型；2、查询语言；3、扩展性和性能；4、可靠性。本专题为大家提供mongodb和mysql的区别的相关的文章、下载、课程内容，供大家免费下载体验。

287

2023.07.18

mysql密码忘了怎么查看

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS 应用软件之一。那么mysql密码忘了怎么办呢？php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。

519

2023.07.19

mysql创建数据库

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL是最好的 RDBMS 应用软件之一。那么mysql怎么创建数据库呢？php中文网给大家带来了相关的教程以及文章，欢迎大家前来阅读学习。

267

2023.07.25

mysql默认事务隔离级别

MySQL是一种广泛使用的关系型数据库管理系统，它支持事务处理。事务是一组数据库操作，它们作为一个逻辑单元被一起执行。为了保证事务的一致性和隔离性，MySQL提供了不同的事务隔离级别。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

392

2023.08.08

sqlserver和mysql区别

SQL Server和MySQL是两种广泛使用的关系型数据库管理系统。它们具有相似的功能和用途，但在某些方面存在一些显著的区别。php中文网给大家带来了相关的教程以及文章，欢迎大家前来学习阅读。

542

2023.08.11

mysql忘记密码

MySQL是一种关系型数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。那么忘记mysql密码我们该怎么解决呢？php中文网给大家带来了相关的教程以及其他关于mysql的文章，欢迎大家前来学习阅读。

668

2023.08.14

Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开，深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例，帮助开发者掌握 Python 在高并发场景中的高效开发方法，并提升系统资源利用率与整体运行性能。

2026.03.12

热门下载

网站特效

网站源码

网站素材

前端模板