如何优雅地将 MySQL 数据在 HTML 网页上展示

如何优雅地将 mysql 数据在 html 网页上展示

本文旨在提供一种清晰、高效的方式,将从 MySQL 数据库获取的数据以表格形式呈现在 HTML 网页上。通过使用 PDO 连接数据库,并结合 HTML 表格结构,我们将展示如何提取数据并将其格式化为易于阅读和理解的表格,同时注重代码的可维护性和安全性。

连接数据库并获取数据

首先,我们需要建立与 MySQL 数据库的连接。PHP 的 PDO(PHP Data Objects)扩展提供了一种安全且灵活的方式来连接和操作数据库。以下代码展示了如何使用 PDO 连接到数据库,并执行查询:

setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);    // 执行查询    $stmt = $pdo->query("SELECT info FROM wp_amelia_customer_bookings;");    // 检查是否成功执行查询    if ($stmt === false) {        die("查询失败: " . $pdo->errorInfo()[2]);    }} catch(PDOException $e) {    // 捕获连接或查询过程中发生的异常    echo "Error: " . $e->getMessage();    die(); // 终止脚本执行}?>

代码解释:

定义数据库连接信息: 使用 define() 函数定义了数据库的地址、名称、用户名和密码。这有助于提高代码的可读性和可维护性。创建 PDO 实例: new PDO() 创建了一个 PDO 对象,用于连接到 MySQL 数据库。连接字符串包含了数据库地址、数据库名称和字符集。设置错误模式: $pdo-youjiankuohaophpcnsetAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION) 设置 PDO 的错误模式为异常。这意味着当发生错误时,PDO 将抛出一个异常,这使得错误处理更加方便和可靠。执行查询: $pdo->query() 方法执行 SQL 查询语句。错误处理: 增加了错误处理,当查询失败时,会输出错误信息并终止脚本执行。

构建 HTML 表格

接下来,我们需要将从数据库获取的数据以 HTML 表格的形式展示出来。以下代码展示了如何构建 HTML 表格,并将数据填充到表格中:

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

<?php// HTML 表格模板define('TMPL', '%s');echo "";echo ""; // 表头try {    // ... (之前的数据库连接代码) ...    // 循环遍历结果集,并将数据填充到表格中    foreach($pdo->query("SELECT info FROM wp_amelia_customer_bookings;") as $row) {        printf(TMPL, htmlspecialchars($row['info'])); // 使用 htmlspecialchars 防止 XSS 攻击    }} catch(PDOException $e) {    // ... (之前的错误处理代码) ...}echo "
Id
";?>

代码解释:

定义 HTML 表格模板: 使用 define() 函数定义了一个 HTML 表格行的模板。这使得代码更加清晰和易于维护。输出 HTML 表格头部: 使用 echo 语句输出 HTML 表格的头部,包括

标签和表头

循环遍历结果集: foreach 循环遍历从数据库查询返回的结果集。填充表格数据: printf(TMPL, $row[‘title’]) 使用 HTML 表格模板将每一行数据填充到表格中。$row[‘title’] 包含了从数据库查询返回的 title 字段的值。使用 htmlspecialchars 函数: htmlspecialchars() 函数用于转义 HTML 特殊字符,防止 XSS(跨站脚本攻击)攻击。这是一个重要的安全措施,可以保护你的网站免受恶意用户的攻击。

完整代码示例

将上述两部分代码合并,即可得到完整的代码示例:

MySQL 数据展示<?phpdefine('DB_ADR', 'localhost');define('DB_DBN', 'i8127115_wp4');define('DB_USR', '');define('DB_PWD', '');define('TMPL', '');try {    $pdo = new PDO('mysql:host='.DB_ADR.';dbname='.DB_DBN.';charset=UTF8', DB_USR, DB_PWD);    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);    foreach($pdo->query("SELECT info FROM wp_amelia_customer_bookings;") as $row) {        print sprintf(TMPL, htmlspecialchars($row['info']));    }} catch(PDOException $e) {    echo "Error: " . $e->getMessage();}?>
Id
%s

注意事项和总结

安全性: 请务必注意数据库连接信息的安全性,不要将用户名和密码硬编码在代码中,而是应该从配置文件环境变量中读取。同时,使用 htmlspecialchars() 函数转义 HTML 特殊字符,防止 XSS 攻击。错误处理: 良好的错误处理机制可以帮助你快速定位和解决问题。在代码中添加适当的错误处理逻辑,例如使用 try-catch 块捕获异常,并记录错误信息。性能优化: 对于大量数据的查询,可以考虑使用分页或其他性能优化技术,以提高网页的加载速度。代码可读性 使用有意义的变量名,添加注释,并遵循良好的代码风格,可以提高代码的可读性和可维护性。

通过本文的学习,你已经掌握了如何使用 PHP 和 PDO 将 MySQL 数据库中的数据以表格形式呈现在 HTML 网页上。希望这些知识能够帮助你构建更加动态和交互性强的 Web 应用程序。记住,安全性和性能是 Web 开发中非常重要的考虑因素,请务必在实践中加以重视。

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

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月7日 05:32:07
下一篇 2025年11月7日 06:13:49

相关推荐

  • soul怎么发长视频瞬间_Soul长视频瞬间发布方法

    可通过分段发布、格式转换或剪辑压缩三种方法在Soul上传长视频。一、将长视频用相册编辑功能拆分为多个30秒内片段,依次发布并标注“Part 1”“Part 2”保持连贯;二、使用“格式工厂”等工具将视频转为MP4(H.264)、分辨率≤1080p、帧率≤30fps、大小≤50MB,适配平台要求;三、…

    2025年12月6日 软件教程
    000
  • AO3镜像站备用镜像网址_AO3镜像站快速访问官网

    AO3镜像站备用网址包括ao3mirror.com和xiaozhan.icu,当主站archiveofourown.org无法访问时可切换使用,二者均同步更新内容并支持多语言检索与离线下载功能。 AO3镜像站备用镜像网址在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来AO3镜像站快速访问官…

    2025年12月6日 软件教程
    000
  • Pboot插件缓存机制的详细解析_Pboot插件缓存清理的命令操作

    插件功能异常或页面显示陈旧内容可能是缓存未更新所致。PbootCMS通过/runtime/cache/与/runtime/temp/目录缓存插件配置、模板解析结果和数据库查询数据,提升性能但影响调试。解决方法包括:1. 手动删除上述目录下所有文件;2. 后台进入“系统工具”-“缓存管理”,勾选插件、…

    2025年12月6日 软件教程
    000
  • 哔哩哔哩的视频卡在加载中怎么办_哔哩哔哩视频加载卡顿解决方法

    视频加载停滞可先切换网络或重启路由器,再清除B站缓存并重装应用,接着调低播放清晰度并关闭自动选分辨率,随后更改播放策略为AVC编码,最后关闭硬件加速功能以恢复播放。 如果您尝试播放哔哩哔哩的视频,但进度条停滞在加载状态,无法继续播放,这通常是由于网络、应用缓存或播放设置等因素导致。以下是解决此问题的…

    2025年12月6日 软件教程
    000
  • Linux中如何安装Nginx服务_Linux安装Nginx服务的完整指南

    首先更新系统软件包,然后通过对应包管理器安装Nginx,启动并启用服务,开放防火墙端口,最后验证欢迎页显示以确认安装成功。 在Linux系统中安装Nginx服务是搭建Web服务器的第一步。Nginx以高性能、低资源消耗和良好的并发处理能力著称,广泛用于静态内容服务、反向代理和负载均衡。以下是在主流L…

    2025年12月6日 运维
    000
  • 当贝X5S怎样看3D

    当贝X5S观看3D影片无立体效果时,需开启3D模式并匹配格式:1. 播放3D影片时按遥控器侧边键,进入快捷设置选择3D模式;2. 根据片源类型选左右或上下3D格式;3. 可通过首页下拉进入电影专区选择3D内容播放;4. 确认片源为Side by Side或Top and Bottom格式,并使用兼容…

    2025年12月6日 软件教程
    000
  • Linux如何防止缓冲区溢出_Linux防止缓冲区溢出的安全措施

    缓冲区溢出可通过栈保护、ASLR、NX bit、安全编译选项和良好编码实践来防范。1. 使用-fstack-protector-strong插入canary检测栈破坏;2. 启用ASLR(kernel.randomize_va_space=2)随机化内存布局;3. 利用NX bit标记不可执行内存页…

    2025年12月6日 运维
    000
  • Pboot插件数据库连接的配置教程_Pboot插件数据库备份的自动化脚本

    首先配置PbootCMS数据库连接参数,确保插件正常访问;接着创建auto_backup.php脚本实现备份功能;然后通过Windows任务计划程序或Linux Cron定时执行该脚本,完成自动化备份流程。 如果您正在开发或维护一个基于PbootCMS的网站,并希望实现插件对数据库的连接配置以及自动…

    2025年12月6日 软件教程
    000
  • 今日头条官方主页入口 今日头条平台直达网址官方链接

    今日头条官方主页入口是www.toutiao.com,该平台通过个性化信息流推送图文、短视频等内容,具备分类导航、便捷搜索及跨设备同步功能。 今日头条官方主页入口在哪里?这是不少网友都关注的,接下来由PHP小编为大家带来今日头条平台直达网址官方链接,感兴趣的网友一起随小编来瞧瞧吧! www.tout…

    2025年12月6日 软件教程
    000
  • Linux命令行中fc命令的使用方法

    fc 是 Linux 中用于管理命令历史的工具,可查看、编辑并重新执行历史命令。输入 fc 直接编辑最近一条命令,默认调用 $EDITOR 打开编辑器修改后自动执行;通过 fc 100 110 或 fc -5 -1 可批量编辑指定范围的历史命令,保存后按序重跑;使用 fc -l 列出命令历史,支持起…

    2025年12月6日 运维
    000
  • JavaScript动态生成日历式水平日期布局的优化实践

    本教程将指导如何使用javascript高效、正确地动态生成html表格中的日历式水平日期布局。重点解决直接操作`innerhtml`时遇到的标签闭合问题,通过数组构建html字符串来避免浏览器解析错误,并利用事件委托机制优化动态生成元素的事件处理,确保生成结构清晰、功能完善的日期展示。 在前端开发…

    2025年12月6日 web前端
    000
  • VSCode终端美化:功率线字体配置

    首先需安装Powerline字体如Nerd Fonts,再在VSCode设置中将terminal.integrated.fontFamily设为’FiraCode Nerd Font’等支持字体,最后配合oh-my-zsh的powerlevel10k等Shell主题启用完整美…

    2025年12月6日 开发工具
    000
  • Linux命令行中locate命令的快速查找方法

    locate命令通过查询数据库快速查找文件,使用-i可忽略大小写,-n限制结果数量,-c统计匹配项,-r支持正则表达式精确匹配,刚创建的文件需运行sudo updatedb更新数据库才能查到。 在Linux命令行中,locate 命令是快速查找文件和目录路径的高效工具。它不直接扫描整个文件系统,而是…

    2025年12月6日 运维
    000
  • JavaScript生成器与迭代器协议实现

    生成器和迭代器基于统一协议实现惰性求值与数据遍历,通过next()方法返回{value, done}对象,生成器函数简化了迭代器创建过程,提升处理大数据序列的效率与代码可读性。 JavaScript中的生成器(Generator)和迭代器(Iterator)是处理数据序列的重要机制,尤其在处理惰性求…

    2025年12月6日 web前端
    000
  • 环境搭建docker环境下如何快速部署mysql集群

    使用Docker Compose部署MySQL主从集群,通过配置文件设置server-id和binlog,编写docker-compose.yml定义主从服务并组网,启动后创建复制用户并配置主从连接,最后验证数据同步是否正常。 在Docker环境下快速部署MySQL集群,关键在于合理使用Docker…

    2025年12月6日 数据库
    000
  • 如何在mysql中分析索引未命中问题

    答案是通过EXPLAIN分析执行计划,检查索引使用情况,优化WHERE条件写法,避免索引失效,结合慢查询日志定位问题SQL,并根据查询模式合理设计索引。 当 MySQL 查询性能下降,很可能是索引未命中导致的。要分析这类问题,核心是理解查询执行计划、检查索引设计是否合理,并结合实际数据访问模式进行优…

    2025年12月6日 数据库
    000
  • VSCode入门:基础配置与插件推荐

    刚用VSCode,别急着装一堆东西。先把基础设好,再按需求加插件,效率高还不卡。核心就三步:界面顺手、主题舒服、功能够用。 设置中文和常用界面 打开软件,左边活动栏有五个图标,点最下面那个“扩展”。搜索“Chinese”,装上官方出的“Chinese (Simplified) Language Pa…

    2025年12月6日 开发工具
    000
  • 如何在mysql中安装mysql插件扩展

    安装MySQL插件需先确认插件文件位于plugin_dir目录,使用INSTALL PLUGIN命令加载,如INSTALL PLUGIN keyring_file SONAME ‘keyring_file.so’,并确保用户有SUPER权限,最后通过SHOW PLUGINS验…

    2025年12月6日 数据库
    000
  • php查询代码怎么写_php数据库查询语句编写技巧与实例

    在PHP中进行数据库查询,最常用的方式是使用MySQLi或PDO扩展连接MySQL数据库。下面介绍基本的查询代码写法、编写技巧以及实用示例,帮助你高效安全地操作数据库。 1. 使用MySQLi进行查询(面向对象方式) 这是较为推荐的方式,适合大多数中小型项目。 // 创建连接$host = ‘loc…

    2025年12月6日 后端开发
    000
  • 如何在mysql中定期清理过期备份文件

    通过Shell脚本结合cron定时任务实现MySQL过期备份文件自动清理,首先统一备份命名格式(如backup_20250405.sql)并存放在指定目录(/data/backup/mysql),然后编写脚本使用find命令删除7天前的.sql文件,配置每日凌晨2点执行的cron任务,并加入日志记录…

    2025年12月6日 数据库
    000

发表回复

登录后才能评论
关注微信