
本文旨在提供一个将 MySQL 数据库中的数据展示为 HTML 表格,并允许用户选择单行数据,然后将该行数据传递到另一个页面进行编辑的完整教程。文章将涵盖前端 HTML 表格的生成、PHP 后端的数据获取与处理,以及如何通过 URL 参数传递数据等关键步骤,并提供相应的代码示例,帮助开发者快速实现该功能。
首先,我们需要从 MySQL 数据库中获取数据,并将其转换为 HTML 表格。以下是一个使用 PHP 和 PDO (PHP Data Objects) 的示例:
<?php
// 数据库连接信息
$host = 'localhost';
$dbname = 'your_database';
$username = 'your_username';
$password = 'your_password';
try {
$pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// SQL 查询语句
$sql = "SELECT id, first_name, last_name, email FROM users";
$stmt = $pdo->query($sql);
// 生成 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();
}
?>这段代码首先连接到 MySQL 数据库,然后执行 SQL 查询,获取 users 表中的数据。接着,它使用循环遍历每一行数据,并将其格式化为 HTML 表格的 <tr> (行) 和 <td> (单元格) 元素。 关键在于 <a href="edit.php?id=' . htmlspecialchars($row['id']) . '" class="css-button">Edit</a> 这一行,它为每一行数据创建了一个 "Edit" 按钮,并将该行的 id 作为 URL 参数传递给 edit.php 页面。 htmlspecialchars() 函数用于防止 XSS 攻击,确保输出到 HTML 的数据是安全的。
在 edit.php 页面,我们需要获取通过 URL 传递的 id 参数,并使用它来查询数据库,获取该行数据的详细信息。
立即学习“前端免费学习笔记(深入)”;
<?php
// 数据库连接信息
$host = 'localhost';
$dbname = 'your_database';
$username = 'your_username';
$password = 'your_password';
try {
$pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
$pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
// 获取 ID 参数
$id = isset($_GET['id']) ? intval($_GET['id']) : 0;
// 验证 ID 是否有效
if ($id <= 0) {
echo "Invalid ID.";
exit;
}
// SQL 查询语句
$sql = "SELECT id, first_name, last_name, email FROM users WHERE id = :id";
$stmt = $pdo->prepare($sql);
$stmt->execute(['id' => $id]);
$row = $stmt->fetch(PDO::FETCH_ASSOC);
// 检查是否找到数据
if (!$row) {
echo "No data found for ID: " . $id;
exit;
}
// 显示编辑表单,并填充数据
echo '<form action="update.php" method="post">';
echo '<input type="hidden" name="id" value="' . htmlspecialchars($row['id']) . '">';
echo 'First Name: <input type="text" name="first_name" value="' . htmlspecialchars($row['first_name']) . '"><br>';
echo 'Last Name: <input type="text" name="last_name" value="' . htmlspecialchars($row['last_name']) . '"><br>';
echo 'Email: <input type="email" name="email" value="' . htmlspecialchars($row['email']) . '"><br>';
echo '<input type="submit" value="Update">';
echo '</form>';
} catch (PDOException $e) {
echo "Connection failed: " . $e->getMessage();
}
?>这段代码首先获取 URL 中的 id 参数,并使用 intval() 函数将其转换为整数。 这是一个重要的安全措施,可以防止 SQL 注入攻击。然后,它使用该 id 查询数据库,获取该行数据的详细信息。如果找到数据,它将显示一个编辑表单,并将数据填充到表单字段中。 表单提交到 update.php 页面进行数据更新。
本文提供了一个将 MySQL 数据展示为 HTML 表格,并允许用户选择单行数据,然后将该行数据传递到另一个页面进行编辑的完整教程。通过使用 PHP 和 PDO,我们可以轻松地从 MySQL 数据库中获取数据,并将其转换为 HTML 表格。 通过 URL 参数传递数据,我们可以将选定的行数据传递到另一个页面进行编辑。 重要的是要记住安全注意事项,以防止 SQL 注入和 XSS 攻击。 通过遵循这些步骤,您可以快速构建一个功能强大的数据管理应用程序。
以上就是将 MySQL 数据展示为 HTML 表格并实现单行数据选择及传递的详细内容,更多请关注php中文网其它相关文章!
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号