0

0

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

心靈之曲

心靈之曲

发布时间:2025-10-14 09:18:28

|

912人浏览过

|

来源于php中文网

原创

如何优雅地将 mysql 数据在 html 页面中展示

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

连接数据库

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

<?php
// 数据库连接参数
define('DB_ADR', 'localhost'); // 数据库地址
define('DB_DBN', 'i8127115_wp4'); // 数据库名称
define('DB_USR', ''); // 数据库用户名
define('DB_PWD', ''); // 数据库密码

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);

    echo "数据库连接成功!"; // 可选:成功连接提示

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

注意事项:

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

执行查询并获取数据

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

立即学习前端免费学习笔记(深入)”;

LLaMA
LLaMA

Meta公司发布的下一代开源大型语言模型

下载
<?php
// ... (数据库连接代码,如上所示) ...

// 定义 HTML 表格行模板
define('TMPL', '<tr><td style="width: 150px; border: 1px solid black;">%s</td></tr>');

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

    // 开始 HTML 表格
    echo "<table style='border: solid 1px black;'>";
    echo "<tr><th>Info</th></tr>"; // 表头

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

    // 结束 HTML 表格
    echo "</table>";

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

代码解释:

  • $pdo-youjiankuohaophpcnquery("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 "<table ...> 和 echo "</table>" 分别输出 HTML 表格的开始和结束标签。

完整示例代码

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

<!DOCTYPE html>
<html>
<head>
    <title>MySQL 数据展示</title>
</head>
<body>

<?php
// 数据库连接参数
define('DB_ADR', 'localhost');
define('DB_DBN', 'i8127115_wp4');
define('DB_USR', '');
define('DB_PWD', '');

// 定义 HTML 表格行模板
define('TMPL', '<tr><td style="width: 150px; border: 1px solid black;">%s</td></tr>');

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 "<table style='border: solid 1px black;'>";
    echo "<tr><th>Info</th></tr>"; // 表头

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

    // 结束 HTML 表格
    echo "</table>";

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

</body>
</html>

总结:

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

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
数据分析工具有哪些
数据分析工具有哪些

数据分析工具有Excel、SQL、Python、R、Tableau、Power BI、SAS、SPSS和MATLAB等。详细介绍:1、Excel,具有强大的计算和数据处理功能;2、SQL,可以进行数据查询、过滤、排序、聚合等操作;3、Python,拥有丰富的数据分析库;4、R,拥有丰富的统计分析库和图形库;5、Tableau,提供了直观易用的用户界面等等。

1134

2023.10.12

SQL中distinct的用法
SQL中distinct的用法

SQL中distinct的语法是“SELECT DISTINCT column1, column2,...,FROM table_name;”。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

340

2023.10.27

SQL中months_between使用方法
SQL中months_between使用方法

在SQL中,MONTHS_BETWEEN 是一个常见的函数,用于计算两个日期之间的月份差。想了解更多SQL的相关内容,可以阅读本专题下面的文章。

381

2024.02.23

SQL出现5120错误解决方法
SQL出现5120错误解决方法

SQL Server错误5120是由于没有足够的权限来访问或操作指定的数据库或文件引起的。想了解更多sql错误的相关内容,可以阅读本专题下面的文章。

2174

2024.03.06

sql procedure语法错误解决方法
sql procedure语法错误解决方法

sql procedure语法错误解决办法:1、仔细检查错误消息;2、检查语法规则;3、检查括号和引号;4、检查变量和参数;5、检查关键字和函数;6、逐步调试;7、参考文档和示例。想了解更多语法错误的相关内容,可以阅读本专题下面的文章。

380

2024.03.06

oracle数据库运行sql方法
oracle数据库运行sql方法

运行sql步骤包括:打开sql plus工具并连接到数据库。在提示符下输入sql语句。按enter键运行该语句。查看结果,错误消息或退出sql plus。想了解更多oracle数据库的相关内容,可以阅读本专题下面的文章。

1703

2024.04.07

sql中where的含义
sql中where的含义

sql中where子句用于从表中过滤数据,它基于指定条件选择特定的行。想了解更多where的相关内容,可以阅读本专题下面的文章。

585

2024.04.29

sql中删除表的语句是什么
sql中删除表的语句是什么

sql中用于删除表的语句是drop table。语法为drop table table_name;该语句将永久删除指定表的表和数据。想了解更多sql的相关内容,可以阅读本专题下面的文章。

440

2024.04.29

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
MySQL 教程
MySQL 教程

共48课时 | 2.5万人学习

MySQL 初学入门(mosh老师)
MySQL 初学入门(mosh老师)

共3课时 | 0.3万人学习

简单聊聊mysql8与网络通信
简单聊聊mysql8与网络通信

共1课时 | 850人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号