本文将介绍如何从 MySQL 数据库查询数据，生成 HTML 表格，并允许用户选择表格中的单行数据，通过点击按钮将该行数据传递到另一个页面进行编辑。正如摘要中所述，我们将提供前端和后端代码示例，帮助你实现这一功能。
前端：生成 HTML 表格和链接按钮
首先，我们需要从 MySQL 数据库中查询数据，并将其渲染成 HTML 表格。假设我们已经获得了数据库查询结果，并将数据存储在名为 $rows 的数组中。以下代码展示了如何生成包含编辑按钮的 HTML 表格：
<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>
<?php foreach ($rows as $row): ?>
<tr>
<td><?= htmlspecialchars($row['id']) ?></td>
<td><?= htmlspecialchars($row['first_name']) ?></td>
<td><?= htmlspecialchars($row['last_name']) ?></td>
<td><?= htmlspecialchars($row['email']) ?></td>
<td>
<a href="edit.php?id=<?= htmlspecialchars($row['id']) ?>" class="css-button">Edit</a>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>代码解释：
标签定义了 HTML 表格。
- 标签定义了表头，包含列名。
- 标签定义了表体，包含数据行。
标签定义表格中的每一行。 标签定义每一行中的单元格。 - = htmlspecialchars($row['id']) ?> 用于输出数据库中的数据，htmlspecialchars 函数用于转义特殊字符，防止 XSS 攻击。
- Edit 创建了一个链接按钮，点击后将跳转到 edit.php 页面，并将当前行的 id 作为参数传递过去。css-button 类可以用于自定义按钮的样式。
注意事项：
立即学习“前端免费学习笔记（深入）”；
- 请确保将 $rows 替换为实际的数据库查询结果。
- htmlspecialchars 函数可以有效地防止 XSS 攻击，请务必使用。
- 可以根据需要自定义按钮的样式。
后端：接收数据并查询数据库
接下来，我们需要在 edit.php 页面接收传递过来的 id 参数，并根据该 id 从数据库中查询对应的数据。以下是一个简单的 PHP 代码示例：
<?php // edit.php // 获取 id 参数 $id = isset($_GET['id']) ? intval($_GET['id']) : 0; // 验证 id 参数 if ($id <= 0) { die("Invalid ID"); // 或者重定向到错误页面 } // 数据库连接信息 $host = 'localhost'; $dbname = 'your_database'; $username = 'your_username'; $password = 'your_password'; try { // 创建 PDO 连接 $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 your_table WHERE id = :id"; // 准备 SQL 语句 $stmt = $pdo->prepare($sql); // 绑定参数 $stmt->bindParam(':id', $id, PDO::PARAM_INT); // 执行 SQL 语句 $stmt->execute(); // 获取查询结果 $row = $stmt->fetch(PDO::FETCH_ASSOC); // 检查是否找到数据 if (!$row) { die("Record not found"); // 或者重定向到错误页面 } // 显示数据或进行其他处理 echo "<h1>Edit User</h1>"; echo "<p>ID: " . htmlspecialchars($row['id']) . "</p><div class="aritcle_card flexRow"> <div class="artcardd flexRow"> <a class="aritcle_card_img" href="/xiazai/code/11113" title="云网OA"><img src="https://img.php.cn/upload/webcode/000/000/001/176500620968446.jpg" alt="云网OA" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a href="/xiazai/code/11113" title="云网OA">云网OA</a> <p>采用JSP开发的办公自动化产品、基于B/S结构，运行环境：JDK v1.5、Tomcat v5.5、MySQL v4.1，三者均为以上版本其他相关内容：可视化流程设计： 流程支持串签、会签和分支流程，可以设置流程节点的修改、删除权限，并可指定流程中各个用户在表单中可以填写的域。智能表单所见即所得设计： 智能设计，自动在数据库中生成表格，方便优化程序 公共交流： 集论坛、博客、聊天室于一体文件柜：C</p> </div> <a href="/xiazai/code/11113" title="云网OA" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div>"; echo "<p>First Name: " . htmlspecialchars($row['first_name']) . "</p>"; echo "<p>Last Name: " . htmlspecialchars($row['last_name']) . "</p>"; echo "<p>Email: " . htmlspecialchars($row['email']) . "</p>"; // 在这里添加编辑表单 } catch (PDOException $e) { echo "Connection failed: " . $e->getMessage(); } ?>代码解释：
- $id = isset($_GET['id']) ? intval($_GET['id']) : 0; 从 $_GET 数组中获取 id 参数，并使用 intval 函数将其转换为整数。如果 id 参数不存在，则将其设置为 0。
- if ($id
- $pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password); 创建 PDO 连接，连接到 MySQL 数据库。请将 $host、$dbname、$username 和 $password 替换为实际的数据库连接信息。
- $sql = "SELECT id, first_name, last_name, email FROM your_table WHERE id = :id"; 构建 SQL 查询语句。请将 your_table 替换为实际的表名。
- $stmt = $pdo->prepare($sql); 准备 SQL 语句。
- $stmt->bindParam(':id', $id, PDO::PARAM_INT); 绑定参数，防止 SQL 注入。
- $stmt->execute(); 执行 SQL 语句。
- $row = $stmt->fetch(PDO::FETCH_ASSOC); 获取查询结果，并将结果存储在 $row 数组中。
- if (!$row) { die("Record not found"); } 检查是否找到数据。
- 最后，将查询结果显示在页面上，或者进行其他处理，例如显示一个编辑表单。
注意事项：
立即学习“前端免费学习笔记（深入）”；
- 请将数据库连接信息替换为实际的值。
- 请将表名替换为实际的表名。
- 请务必使用 PDO 预处理语句和参数绑定，防止 SQL 注入。
- 可以根据需要自定义页面的显示内容和编辑表单。
- 建议添加适当的错误处理机制，例如将错误信息记录到日志文件中。
总结
本文介绍了如何将 MySQL 数据库中的数据生成 HTML 表格，并允许用户选择单行数据，通过点击按钮将该行数据传递到新页面进行编辑。通过前端 HTML 代码和后端 PHP 代码的示例，展示了如何实现这一功能。在实际应用中，请务必注意安全性，例如使用 htmlspecialchars 函数转义特殊字符，以及使用 PDO 预处理语句和参数绑定，防止 SQL 注入。此外，建议添加适当的错误处理机制，提高程序的健壮性。
- 标签定义了表头，包含列名。
