本文将介绍如何从 MySQL 数据库查询数据，生成一个 HTML 表格，并在表格的每一行添加一个按钮，点击该按钮可以将该行数据传递到另一个页面进行编辑。我们将提供 HTML 代码示例，展示如何创建带有链接的按钮，以及 PHP 代码示例，展示如何在编辑页面接收和处理传递过来的数据。
构建带有编辑链接的 HTML 表格
首先，我们需要从 MySQL 数据库中查询数据，并使用 PHP 将其转换为 HTML 表格。以下是一个基本的示例，展示了如何生成带有“编辑”链接的表格：
<?php
// 假设你已经建立了数据库连接
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->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 '<table class="s-table"><thead><tr><th>ID</th><th>First Name</th><th>Last Name</th><th>Email</th><th>Edit</th></tr></thead><tbody>';
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
echo '<tr>';
echo '<td>' . htmlspecialchars($row['id']) . '</td>';
echo '<td>' . htmlspecialchars($row['first_name']) . '</td>';
echo '<td>' . htmlspecialchars($row['last_name']) . '</td>';
echo '<td>' . htmlspecialchars($row['email']) . '</td>';
echo '<td><a href="edit.php?id=' . htmlspecialchars($row['id']) . '" class="css-button">Edit</a></td>';
echo '</tr>';
}
echo '</tbody></table>';
} catch(PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}
$conn = null;
?>这段代码首先连接到 MySQL 数据库，然后执行一个查询，检索用户数据。接下来，它使用 while 循环遍历结果集，并为每一行生成一个 HTML 表格行 (<tr>)。 在“Edit”列中，我们使用 <a> 标签创建一个链接，该链接指向 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 页面来接收和处理传递过来的数据。
<?php
// edit.php
// 验证是否传递了 ID
if (isset($_GET['id']) && is_numeric($_GET['id'])) {
$id = intval($_GET['id']); // 确保 ID 是整数
// 连接到数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->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) {
// 显示编辑表单
?>
<h1>Edit User</h1>
<form action="update.php" method="POST">
<input type="hidden" name="id" value="<?php echo htmlspecialchars($user['id']); ?>">
<label for="first_name">First Name:</label><br>
<input type="text" id="first_name" name="first_name" value="<?php echo htmlspecialchars($user['first_name']); ?>"><br><br>
<label for="last_name">Last Name:</label><br>
<input type="text" id="last_name" name="last_name" value="<?php echo htmlspecialchars($user['last_name']); ?>"><br><br>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" value="<?php echo htmlspecialchars($user['email']); ?>"><br><br>
<input type="submit" value="Update">
</form>
<?php
} else {
echo "User not found.";
}
} catch(PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}
$conn = null;
} else {
echo "Invalid ID.";
}
?>这段代码首先检查是否通过 GET 请求传递了 id 参数，并验证它是否是一个数字。如果是，则连接到数据库，并查询具有该 id 的用户数据。如果找到了用户，则显示一个包含用户数据的编辑表单。 该表单将数据提交到 update.php 页面进行处理。
安全注意事项：
- 输入验证和清理： 始终验证和清理用户输入，以防止 SQL 注入和 XSS 攻击。 intval() 用于将 ID 转换为整数，htmlspecialchars() 用于转义 HTML 实体。
- 错误处理： 包含适当的错误处理机制，以便在出现问题时可以进行调试和解决。
- 密码存储： 如果涉及到密码，请使用安全的哈希算法来存储密码，而不是以明文形式存储。
- 权限控制： 确保只有授权用户才能访问编辑页面和修改数据。
更新数据 (update.php)
update.php 负责接收编辑表单提交的数据，并将其更新到数据库中。
<?php
// update.php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
// 验证和清理输入
$id = isset($_POST['id']) && is_numeric($_POST['id']) ? intval($_POST['id']) : 0;
$firstName = isset($_POST['first_name']) ? htmlspecialchars($_POST['first_name']) : '';
$lastName = isset($_POST['last_name']) ? htmlspecialchars($_POST['last_name']) : '';
$email = isset($_POST['email']) ? htmlspecialchars($_POST['email']) : '';
// 连接到数据库
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database_name";
try {
$conn = new PDO("mysql:host=$servername;dbname=$dbname", $username, $password);
$conn->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 应用程序。 请务必注意安全性，并始终验证和清理用户输入。 此外，根据你的具体需求，你可能需要添加其他功能，例如分页、排序和搜索。
