本文将介绍如何从 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 '
| ID | First Name | Last Name | Edit | |
|---|---|---|---|---|
| ' . htmlspecialchars($row['id']) . ' | '; echo '' . htmlspecialchars($row['first_name']) . ' | '; echo '' . htmlspecialchars($row['last_name']) . ' | '; echo '' . htmlspecialchars($row['email']) . ' | '; echo 'Edit | '; echo '
这段代码首先连接到 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 页面来接收和处理传递过来的数据。
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/1291655.html
微信扫一扫 
支付宝扫一扫 
