本文将介绍如何从 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 表格行 (
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 //m.sbmmt.com/ All Rights Reserved | php.cn | 湘ICP备2023035733号