如何优雅地将 MySQL 数据在 HTML 页面中展示

本文旨在提供一个清晰、简洁的教程，指导开发者如何使用 PHP 从 MySQL 数据库中检索数据，并将其以美观的 HTML 表格形式呈现于网页上。我们将探讨如何建立数据库连接、执行查询、处理结果集，以及最终将数据格式化并插入到 HTML 表格中，同时注重代码的可读性和资源效率。

连接数据库

首先，我们需要建立与 MySQL 数据库的连接。以下代码展示了如何使用 PDO (PHP Data Objects) 扩展来连接数据库，并设置错误处理模式：

setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    echo "数据库连接成功！"; // 可选：成功连接提示

} catch(PDOException $e) {
    echo "连接失败: " . $e->getMessage();
}
?>

注意事项：

• 请根据你的实际情况修改数据库地址、数据库名称、用户名和密码。
• 建议将数据库连接信息存储在配置文件中，而不是硬编码在代码中，以提高安全性和可维护性。
• charset=UTF8 确保数据以 UTF-8 编码传输，避免乱码问题。

执行查询并获取数据

连接成功后，我们可以执行 SQL 查询来获取需要展示的数据。以下代码展示了如何执行查询并循环遍历结果集：

立即学习“前端免费学习笔记（深入）”；

PHP与MySQL程序设计3

本书是全面讲述PHP与MySQL的经典之作，书中不但全面介绍了两种技术的核心特性，还讲解了如何高效地结合这两种技术构建健壮的数据驱动的应用程序。本书涵盖了两种技术新版本中出现的最新特性，书中大量实际的示例和深入的分析均来自于作者在这方面多年的专业经验，可用于解决开发者在实际中所面临的各种挑战。 本书内容全面深入，适合各层次PHP和MySQL开发人员阅读，既是优秀的学习教程，也可用作参考手册。

下载

%s');

try {
    // 执行 SQL 查询
    $stmt = $pdo->query("SELECT info FROM wp_amelia_customer_bookings;");

    // 开始 HTML 表格
    echo "";
    echo ""; // 表头

    // 循环遍历结果集
    foreach($stmt as $row) {
        // 使用 sprintf 函数将数据格式化为 HTML 表格行
        printf(TMPL, htmlspecialchars($row['info'])); // 使用 htmlspecialchars 进行转义
    }

    // 结束 HTML 表格
    echo "
Info
";

} catch(PDOException $e) {
    echo "查询失败: " . $e->getMessage();
}
?>

代码解释：

• $pdo->query("SELECT info FROM wp_amelia_customer_bookings;") 执行 SQL 查询，返回一个 PDOStatement 对象。
• foreach($stmt as $row) 循环遍历结果集，每次迭代 $row 包含一行数据，以关联数组的形式存储。
• $row['info'] 访问 info 列的值。
• sprintf(TMPL, $row['info']) 使用 sprintf 函数将数据格式化为 HTML 表格行。 %s 是占位符，会被 $row['info'] 的值替换。
• htmlspecialchars($row['info']) 对数据进行 HTML 实体编码，防止 XSS 攻击。 确保将用户提供的数据进行转义，再显示到页面上。
• echo " 和 echo "" 分别输出 HTML 表格的开始和结束标签。

完整示例代码

将以上代码片段整合，得到一个完整的示例代码：

    



%s');

try {
    // 创建 PDO 实例
    $pdo = new PDO('mysql:host='.DB_ADR.';dbname='.DB_DBN.';charset=UTF8', DB_USR, DB_PWD);
    // 设置错误处理模式为异常
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);

    // 执行 SQL 查询
    $stmt = $pdo->query("SELECT info FROM wp_amelia_customer_bookings;");

    // 开始 HTML 表格
    echo "";
    echo ""; // 表头

    // 循环遍历结果集
    foreach($stmt as $row) {
        // 使用 sprintf 函数将数据格式化为 HTML 表格行
        printf(TMPL, htmlspecialchars($row['info'])); // 使用 htmlspecialchars 进行转义
    }

    // 结束 HTML 表格
    echo "
Info
";

} catch(PDOException $e) {
    echo "连接/查询失败: " . $e->getMessage();
} finally {
    // 关闭数据库连接
    $pdo = null;
}
?>

总结：

通过使用 PDO 扩展，我们可以方便地连接 MySQL 数据库，执行 SQL 查询，并将查询结果以 HTML 表格的形式展示在网页上。 在实际应用中，请务必注意安全性，对用户输入进行验证和转义，防止 SQL 注入和 XSS 攻击。 此外，合理地组织代码，使用配置文件管理数据库连接信息，可以提高代码的可读性和可维护性。 最后，使用 finally 块来确保数据库连接被关闭，释放资源。