投稿获客
  1. 创想鸟首页
  2. 后端开发

从 MySQL 数据生成可编辑 HTML 表格：单行数据传递教程

程序猿 • • 后端开发 • 阅读 0

从 mysql 数据生成可编辑 html 表格：单行数据传递教程

本文将介绍如何从 MySQL 数据库查询数据，生成一个 HTML 表格，并在表格的每一行添加一个按钮，点击该按钮可以将该行数据传递到另一个页面进行编辑。我们将提供 HTML 代码示例，展示如何创建带有链接的按钮，以及 PHP 代码示例，展示如何在编辑页面接收和处理传递过来的数据。

构建带有编辑链接的 HTML 表格

首先，我们需要从 MySQL 数据库中查询数据，并使用 PHP 将其转换为 HTML 表格。以下是一个基本的示例，展示了如何生成带有“编辑”链接的表格：

setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);    $sql = "SELECT id, first_name, last_name, email FROM users";    $stmt = $conn->prepare($sql);    $stmt->execute();    // 开始构建 HTML 表格    echo '';    while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {        echo '';        echo '';        echo '';        echo '';        echo '';        echo '';        echo '';    }    echo '
IDFirst NameLast NameEmailEdit
' . htmlspecialchars($row['id']) . '' . htmlspecialchars($row['first_name']) . '' . htmlspecialchars($row['last_name']) . '' . htmlspecialchars($row['email']) . 'Edit
';} catch(PDOException $e) {    echo "Connection failed: " . $e->getMessage();}$conn = null;?>

这段代码首先连接到 MySQL 数据库，然后执行一个查询，检索用户数据。接下来，它使用 while 循环遍历结果集，并为每一行生成一个 HTML 表格行 (

)。 在“Edit”列中，我们使用 标签创建一个链接，该链接指向 edit.php 页面，并将当前行的 id 作为 URL 参数传递。htmlspecialchars() 函数用于防止跨站脚本攻击 (XSS)。

CSS 样式 (可选)

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

你可以使用 CSS 来美化链接，使其看起来像一个按钮。例如：

.css-button {  background-color: #4CAF50; /* Green */  border: none;  color: white;  padding: 5px 10px;  text-align: center;  text-decoration: none;  display: inline-block;  font-size: 14px;  cursor: pointer;}

处理编辑页面 (edit.php)

现在，我们需要创建 edit.php 页面来接收和处理传递过来的数据。

MacsMind MacsMind

电商AI超级智能客服

MacsMind 141 查看详情 MacsMind 

setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);        // 查询数据库，获取指定 ID 的用户数据        $sql = "SELECT id, first_name, last_name, email FROM users WHERE id = :id";        $stmt = $conn->prepare($sql);        $stmt->execute(['id' => $id]);        $user = $stmt->fetch(PDO::FETCH_ASSOC);        // 检查是否找到了用户        if ($user) {            // 显示编辑表单            ?>            
Edit User
                            <input type="hidden" name="id" value="">                
                <input type="text" id="first_name" name="first_name" value="">

                
                <input type="text" id="last_name" name="last_name" value="">

                
                <input type="email" id="email" name="email" value="">

                                        getMessage();    }    $conn = null;} else {    echo "Invalid ID.";}?>

这段代码首先检查是否通过 GET 请求传递了 id 参数，并验证它是否是一个数字。如果是，则连接到数据库，并查询具有该 id 的用户数据。如果找到了用户，则显示一个包含用户数据的编辑表单。 该表单将数据提交到 update.php 页面进行处理。

安全注意事项：

输入验证和清理： 始终验证和清理用户输入，以防止 SQL 注入和 XSS 攻击。 intval() 用于将 ID 转换为整数，htmlspecialchars() 用于转义 HTML 实体。错误处理： 包含适当的错误处理机制，以便在出现问题时可以进行调试和解决。密码存储： 如果涉及到密码，请使用安全的哈希算法来存储密码，而不是以明文形式存储。权限控制： 确保只有授权用户才能访问编辑页面和修改数据。

更新数据 (update.php)

update.php 负责接收编辑表单提交的数据，并将其更新到数据库中。

setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);        // 更新数据库        $sql = "UPDATE users SET first_name = :first_name, last_name = :last_name, email = :email WHERE id = :id";        $stmt = $conn->prepare($sql);        $stmt->execute(['first_name' => $firstName, 'last_name' => $lastName, 'email' => $email, 'id' => $id]);        // 重定向到列表页面或显示成功消息        header("Location: index.php"); // 假设 index.php 是显示用户列表的页面        exit();    } catch(PDOException $e) {        echo "Connection failed: " . $e->getMessage();    }    $conn = null;} else {    echo "Invalid request.";}?>

这段代码首先检查请求方法是否为 POST。然后，它验证和清理来自表单的数据。接下来，它连接到数据库，并执行一个 UPDATE 语句，更新指定 id 的用户数据。最后，它重定向到用户列表页面。

总结

通过以上步骤，你就可以创建一个从 MySQL 数据库生成可编辑 HTML 表格，并允许用户编辑单行数据的 Web 应用程序。 请务必注意安全性，并始终验证和清理用户输入。 此外，根据你的具体需求，你可能需要添加其他功能，例如分页、排序和搜索。

以上就是从 MySQL 数据生成可编辑 HTML 表格：单行数据传递教程的详细内容，更多请关注创想鸟其它相关文章！

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

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
0 0

关于作者

程序猿的头像

程序猿签约作者

266.4K 文章
0 评论
1 粉丝
这个人很懒，什么都没有留下～
上一篇 2025年11月26日 05:52:28
下一篇 2025年11月26日 05:56:29

相关推荐

  • 怎样用免费工具美化PPT_免费美化PPT的实用方法分享

    利用KIMI智能助手可免费将PPT美化为科技感风格，但需核对文字准确性；2. 天工AI擅长优化内容结构，提升逻辑性，适合高质量内容需求；3. SlidesAI支持语音输入与自动排版，操作便捷，利于紧急场景；4. Prezo提供多种模板，自动生成图文并茂幻灯片，适合学生与初创团队。 如果您有一份内容完…

    程序猿的头像 程序猿
    2025年12月6日 • 软件教程
    100

  • Pages怎么协作编辑同一文档 Pages多人实时协作的流程

    首先启用Pages共享功能，点击右上角共享按钮并选择“添加协作者”，设置为可编辑并生成链接；接着复制链接通过邮件或社交软件发送给成员，确保其使用Apple ID登录iCloud后即可加入编辑；也可直接在共享菜单中输入邮箱地址定向邀请，设定编辑权限后发送；最后在共享面板中管理协作者权限，查看实时在线状…

    程序猿的头像 程序猿
    2025年12月6日 • 软件教程
    200

  • REDMI K90系列正式发布，售价2599元起！

    10月23日，redmi k90系列正式亮相，推出redmi k90与redmi k90 pro max两款新机。其中，redmi k90搭载骁龙8至尊版处理器、7100mah大电池及100w有线快充等多项旗舰配置，起售价为2599元，官方称其为k系列迄今为止最完整的标准版本。 图源：REDMI红米…

    程序猿的头像 程序猿
    2025年12月6日 • 行业动态
    200

  • Linux中如何安装Nginx服务_Linux安装Nginx服务的完整指南

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

    程序猿的头像 程序猿
    2025年12月6日 • 运维
    000

  • Linux journalctl与systemctl status结合分析

    先看 systemctl status 确认服务状态，再用 journalctl 查看详细日志。例如 nginx 启动失败时，systemctl status 显示 Active: failed，journalctl -u nginx 发现端口 80 被占用，结合两者可快速定位问题根源。 在 Lin…

    程序猿的头像 程序猿
    2025年12月6日 • 运维
    100

  • 华为新机发布计划曝光：Pura 90系列或明年4月登场

    近日，有数码博主透露了华为2025年至2026年的新品规划，其中pura 90系列预计在2026年4月发布，有望成为华为新一代影像旗舰。根据路线图，华为将在2025年底至2026年陆续推出mate 80系列、折叠屏新机mate x7系列以及nova 15系列，而pura 90系列则将成为2026年上…

    程序猿的头像 程序猿
    2025年12月6日 • 行业动态
    100

  • Linux如何优化系统性能_Linux系统性能优化的实用方法

    优化Linux性能需先监控资源使用，通过top、vmstat等命令分析负载，再调整内核参数如TCP优化与内存交换，结合关闭无用服务、选用合适文件系统与I/O调度器，持续按需调优以提升系统效率。 Linux系统性能优化的核心在于合理配置资源、监控系统状态并及时调整瓶颈环节。通过一系列实用手段，可以显著…

    程序猿的头像 程序猿
    2025年12月6日 • 运维
    000

  • Pboot插件数据库连接的配置教程_Pboot插件数据库备份的自动化脚本

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

    程序猿的头像 程序猿
    2025年12月6日 • 软件教程
    000

  • 曝小米17 Air正在筹备 超薄机身＋2亿像素＋eSIM技术？

    近日，手机行业再度掀起超薄机型热潮，三星与苹果已相继推出s25 edge与iphone air等轻薄旗舰，引发市场高度关注。在此趋势下，多家国产厂商被曝正积极布局相关技术，加速抢占这一细分赛道。据业内人士消息，小米的超薄旗舰机型小米17 air已进入筹备阶段。 小米17 Pro 爆料显示，小米正在评…

    程序猿的头像 程序猿
    2025年12月6日 • 行业动态
    000

  • 荣耀手表5Pro 10月23日正式开启首销国补优惠价1359.2元起售

    荣耀手表5pro自9月25日开启全渠道预售以来，市场热度持续攀升，上市初期便迎来抢购热潮，一度出现全线售罄、供不应求的局面。10月23日，荣耀手表5pro正式迎来首销，提供蓝牙版与esim版两种选择。其中，蓝牙版本的攀登者（橙色）、开拓者（黑色）和远航者（灰色）首销期间享受国补优惠价，到手价为135…

    程序猿的头像 程序猿
    2025年12月6日 • 行业动态
    000

  • 环境搭建docker环境下如何快速部署mysql集群

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

    程序猿的头像 程序猿
    2025年12月6日 • 数据库
    000

  • Xbox删忍龙美女角色 斯宾塞致敬板垣伴信被喷太虚伪

    近日，海外游戏推主@HaileyEira公开发表言论，批评Xbox负责人菲尔·斯宾塞不配向已故的《死或生》与《忍者龙剑传》系列之父板垣伴信致敬。她指出，Xbox并未真正尊重这位传奇制作人的创作遗产，反而在宣传相关作品时对内容进行了审查和删减。 所涉游戏为年初推出的《忍者龙剑传2：黑之章》，该作采用虚…

    程序猿的头像 程序猿
    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

  • php数据库如何实现数据缓存 php数据库减少查询压力的方案

    答案：PHP结合Redis等内存缓存系统可显著提升Web应用性能。通过将用户信息、热门数据等写入内存缓存并设置TTL，先查缓存未命中再查数据库，减少数据库压力；配合OPcache提升脚本执行效率，文件缓存适用于小型项目，数据库缓冲池优化和读写分离进一步提升性能，推荐Redis为主并防范缓存穿透与雪崩…

    程序猿的头像 程序猿
    2025年12月6日 • 后端开发
    000

  • 如何在mysql中使用角色组合优化权限管理

    答案：MySQL角色通过封装权限实现集中管理。创建如app_reader等角色并授予权限，再分配给用户alice并设默认角色，支持组合使用，定期审计并通过系统视图查看，提升安全与运维效率。 在MySQL中，角色（Role）是一种强大的权限管理工具，能够简化用户权限的分配与维护。通过创建角色并将其赋予…

    程序猿的头像 程序猿
    2025年12月6日 • 数据库
    000

  • 重现iPhone X颠覆性时刻！苹果2027年跳过19命名iPhone 20

    10月23日，有消息称，苹果或将再次调整iPhone的发布节奏，考虑跳过“iPhone 19”，并于2027年直接推出“iPhone 20”系列。 此举据传是为了庆祝初代iPhone发布二十周年，同时开启新一轮的设计革新，目标是复刻2017年iPhone X带来的划时代变革。 据悉，苹果或将告别长期…

    程序猿的头像 程序猿
    2025年12月6日 • 手机教程
    000

发表回复

登录后才能评论
关注微信