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

如何优雅地将 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// ... (数据库连接代码,如上所示) ...// 定义 HTML 表格行模板define('TMPL', '%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 表格的开始和结束标签。

完整示例代码

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

    MySQL 数据展示<?php// 数据库连接参数define('DB_ADR', 'localhost');define('DB_DBN', 'i8127115_wp4');define('DB_USR', '');define('DB_PWD', '');// 定义 HTML 表格行模板define('TMPL', '%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 块来确保数据库连接被关闭,释放资源。

以上就是如何优雅地将 MySQL 数据在 HTML 页面中展示的详细内容,更多请关注php中文网其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1323814.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
基于模态框点击展示不同数据的教程
上一篇 2025年12月12日 10:33:06
实现基于JavaScript可用性的PHP内容动态加载策略
下一篇 2025年12月12日 10:33:21

相关推荐

  • google浏览器如何导入其他浏览器的书签和密码_google浏览器导入书签和密码方法

    首先使用Google浏览器内置导入功能迁移书签和密码,选择源浏览器并勾选数据类型后导入;若无法识别,则通过HTML文件导入书签;密码可手动导出为CSV文件并在密码管理器中导入。 如果您需要将其他浏览器中的书签或密码迁移到 Google 浏览器,可以通过内置的导入功能快速完成数据转移。该操作适用于更换…

    2026年9月22日
    700
  • PHP三元运算符常量使用_PHP三元运算符结合常量

    三元运算符结合常量可提升PHP代码可读性和维护性。通过define()或const定义常量后,可用常量作为条件判断依据,如IS_DEBUG ? ‘开发模式’ : ‘生产模式’;也可将常量作为返回值,如(APP_ENV === ‘dev&#8…

    2026年9月22日
    500
  • Karate教程:优雅处理GET请求中的复杂查询参数(含日期范围)

    本教程将详细介绍在Karate框架中如何正确发送包含复杂查询参数(特别是带有方括号的参数名,如filters[start_date])的GET请求。我们将通过实际示例,演示如何利用Karate的* param关键字优雅地构建URL,确保参数被正确编码并传递给后端服务,尤其适用于日期范围等场景。 理解…

    2026年9月22日
    100
  • 利用HTML数组输入在PHP中处理多次表单提交

    本教程详细介绍了如何在同一页面通过php处理多次表单提交,同时避免数据覆盖,实现数据的累加显示。核心方法是利用html的数组输入(`name=”fieldname[]”`)来收集多个值,并通过隐藏字段(`hidden` inputs)在每次提交时保留并传递历史数据,最终在ph…

    2026年9月22日
    200
  • PHP何时需要同时flush_PHP同时使用flush和ob_flush原因

    先调用ob_flush()将PHP输出缓冲区内容推送到底层,再调用flush()通知服务器立即发送数据,两者配合可穿透PHP和服务器缓冲层,实现输出实时性。 在PHP开发中,flush() 和 ob_flush() 经常被一起调用,目的是为了让输出内容及时发送到浏览器,而不是被缓冲机制延迟。要理解为…

    2026年9月22日
    100
  • MySQL安装时端口冲突如何解决?

    MySQL安装时端口冲突如何解决?MySQL安装时端口冲突如何解决?MySQL安装时端口冲突如何解决?MySQL安装时端口冲突如何解决?

    mysql安装时3306端口冲突的解决方法有两类:1.修改mysql默认端口;2.找出并停止占用端口的进程。在安装过程中可通过mysql安装向导直接修改端口号,或安装后编辑配置文件my.ini(windows)或my.cnf(linux)中的port参数,并重启mysql服务生效。若确认3306应为…

    2026年9月22日 用户投稿
    800
  • ​​VSCode高手才知道的骚操作!学会这些技巧开发快人一步​​

    掌握VSCode效率核心在于命令面板、自定义快捷键、多光标编辑、代码片段与扩展生态;通过减少鼠标依赖、实现快速跳转与自动化操作,构建专属高效开发环境,让注意力聚焦于代码思维而非工具操作。 VSCode里那些让你效率翻倍的“骚操作”,本质上是将开发流程中的重复性、高频操作进行极致的简化与自动化。它不是…

    2026年9月22日
    400
  • PHP实时输出如何与消息队列集成_PHP实时输出与消息队列结合

    答案:PHP通过消息队列解耦耗时任务与用户响应,利用flush()实现实时输出感知,结合RabbitMQ、Redis等队列将任务异步处理,前端通过轮询或SSE获取进度,提升系统性能与用户体验。 PHP 实时输出与消息队列的结合,关键在于解耦耗时任务和即时响应用户。虽然 PHP 本身是同步阻塞的,但通…

    2026年9月22日
    100
  • Laravel 文件上传:解决数据库存储物理路径而非可访问 URL 的问题

    本教程旨在解决 laravel 文件上传后,数据库中存储文件物理路径而非可访问 url 的常见问题。通过分析 move() 方法的返回值,并引入 url() 辅助函数,我们将演示如何正确地将文件移动到指定目录,同时确保数据库记录的是可供前端访问的图片资源链接,从而避免图片无法正常显示。 在 Lara…

    2026年9月22日
    100
  • PHP中操作JSON数组对象:添加与修改属性的实践指南

    本教程详细阐述如何在php中高效地处理包含对象的json数组。我们将学习如何利用`json_decode()`将json字符串转换为php数据结构,进而为数组中的现有对象添加或修改属性,并通过`json_encode()`将其转换回json字符串,避免手动构建json的常见错误。 在现代Web开发中…

    2026年9月22日
    1300
  • 实现Java双向路径搜索的正确方法

    本文旨在帮助开发者理解并正确实现Java中的双向路径搜索算法。通过分析常见的实现错误,我们将提供一种清晰、可行的解决方案,并详细解释如何构建完整的路径,克服单向搜索树的局限性,从而实现从起点到终点的完整路径搜索。 双向路径搜索是一种优化路径搜索效率的策略,它同时从起点和终点开始搜索,并在中间相遇。然…

    2026年9月22日
    900
  • 双·十一大促预热已开启!AMD 锐龙5 9600X性价比之选

    双·十一大促预热已开启!AMD 锐龙5 9600X性价比之选双·十一大促预热已开启!AMD 锐龙5 9600X性价比之选双·十一大促预热已开启!AMD 锐龙5 9600X性价比之选双·十一大促预热已开启!AMD 锐龙5 9600X性价比之选

    今年京东商城的双·十一购物节预热阶段已经拉开帷幕,活动将持续至11月14日。在这长达三十余天的促销周期中,消费者拥有充足的时间进行比价与决策。对于计划组装或升级电脑的diy爱好者来说,这无疑是一年中最佳的入手时机。今天就为大家重点推荐一款高性价比、性能出色的amd(超威)锐龙5 9600x处理器。为…

    2026年9月22日 用户投稿
    100
  • LINUX如何比较两个文件的差异_Linux使用diff命令比较文件差异

    diff命令用于比较文件差异,基本用法为diff file1 file2,输出显示修改、添加或删除的行;结合-u、-i、-w等选项可提升可读性,常用于比较配置文件、代码版本、生成补丁(diff -u生成.patch文件)及验证文件一致性。 在Linux系统中,比较两个文件的差异是日常运维、开发和配置…

    2026年9月22日
    000
  • VS Code启动优化:扩展延迟加载与缓存策略

    合理管理扩展加载与缓存可显著提升VS Code启动速度。通过配置activationEvents实现按需激活、利用Extension Storage和CachedDataDir优化数据读取,并禁用非核心扩展,结合“Developer: Show Running Extensions”分析耗时,有效缩…

    2026年9月22日
    100
  • Bilibili官方网址入口 Bilibili网页登录页面

    Bilibili官方网址为https://www.bilibili.com/,该平台涵盖动画、游戏、音乐等多元分区,支持用户上传原创或搬运内容,提供长短视频混合浏览及图文专栏功能;其弹幕系统和三连互动机制增强观看参与感,评论区支持楼中楼讨论,直播结合打赏与粉丝牌提升互动;注册后可绑定手机并开启双重验…

    2026年9月22日
    100
  • Loadrunner从入门到精通教程(一)

    Loadrunner从入门到精通教程(一)Loadrunner从入门到精通教程(一)Loadrunner从入门到精通教程(一)Loadrunner从入门到精通教程(一)

    大家好,又见面了,我是你们的朋友全栈君。 第一章:性能测试基础 1-1.大话性能测试 性能测试的定义 性能测试是利用自动化测试工具,依据特定的性能指标对产品进行测试,以解决性能与用户体验之间的平衡问题,为用户提供最佳的体验。 性能测试的时代背景和作用 在大数据时代,性能测试的应用广泛,包括网站(BA…

    2026年9月22日 用户投稿
    400
  • React中动态导入图片:require.context 的高效实践

    React中动态导入图片:require.context 的高效实践React中动态导入图片:require.context 的高效实践React中动态导入图片:require.context 的高效实践React中动态导入图片:require.context 的高效实践

    在React组件中,直接使用变量进行动态图片导入(如import(variable)或require(variable))通常会因构建工具的静态分析限制而失败。本文将深入探讨这一常见问题,并详细介绍如何利用Webpack的require.context功能,实现对图片资源的灵活、批量导入与管理,从而…

    2026年9月22日 用户投稿
    100
  • mysql安装完成如何缓存 mysql查询缓存设置与优化

    mysql安装完成如何缓存 mysql查询缓存设置与优化mysql安装完成如何缓存 mysql查询缓存设置与优化mysql安装完成如何缓存 mysql查询缓存设置与优化mysql安装完成如何缓存 mysql查询缓存设置与优化

    mysql 5.7 及更早版本支持查询缓存,可通过配置 query_cache_type、query_cache_size 和 query_cache_limit 开启并优化缓存效果。首先确认 mysql 版本是否支持查询缓存,若为 5.7 或更低版本,可在配置文件中设置 query_cache_t…

    2026年9月22日 用户投稿
    300
  • 设置php连接mssql的编码格式_通过php连接mssql支持UTF-8编码

    正确配置PHP连接MSSQL并支持UTF-8需:1. 使用sqlsrv扩展并启用extension=php_sqlsrv_80.dll;2. 连接时设置”CharacterSet”=>”UTF-8″;3. 数据库字段使用nvarchar等Unic…

    2026年9月22日
    200
  • mysql怎么执行sql命令 mysql输入代码创建表详细步骤

    mysql怎么执行sql命令 mysql输入代码创建表详细步骤mysql怎么执行sql命令 mysql输入代码创建表详细步骤mysql怎么执行sql命令 mysql输入代码创建表详细步骤mysql怎么执行sql命令 mysql输入代码创建表详细步骤

    在mysql中执行sql并创建表的步骤如下:1.通过命令行或图形工具连接数据库,使用mysql -u 用户名 -p并输入密码登录;2.选择或创建数据库,用use database_name或create database语句;3.使用create table定义表结构,如字段名、数据类型、约束等,例…

    2026年9月22日 用户投稿
    300

发表回复

登录后才能评论
关注微信