
本文将介绍如何从 MySQL 数据库查询数据,生成一个 HTML 表格,并在表格的每一行添加一个按钮,点击该按钮可以将该行数据传递到另一个页面进行编辑。我们将提供 HTML 代码示例,展示如何创建带有链接的按钮,以及 PHP 代码示例,展示如何在编辑页面接收和处理传递过来的数据。
首先,我们需要从 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 页面来接收和处理传递过来的数据。
<?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 页面进行处理。
安全注意事项:
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 应用程序。 请务必注意安全性,并始终验证和清理用户输入。 此外,根据你的具体需求,你可能需要添加其他功能,例如分页、排序和搜索。
以上就是从 MySQL 数据生成可编辑 HTML 表格:单行数据传递教程的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号