本文将介绍如何从 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 表格行 (
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
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 应用程序。 请务必注意安全性，并始终验证和清理用户输入。 此外，根据你的具体需求，你可能需要添加其他功能，例如分页、排序和搜索。
