本文详解如何修正 php 中循环嵌套表格导致的多表问题，并规范 html 结构与 css 样式应用，实现用户数据在单一、语义化 `
| ID | First Name | Last Name | User Name | Password | Description | Delete | Edit | |
|---|---|---|---|---|---|---|---|---|
| id) ?> | fname) ?> | lname) ?> | uname) ?> | email) ?> | paswd) ?> |
descrip) ?> | id ?>" style="color: white; padding: 4px 12px; background-color: #dc3545; border-radius: 4px; text-decoration: none;"> Delete | id ?>" style="color: white; padding: 4px 12px; background-color: #007bff; border-radius: 4px; text-decoration: none;"> Edit |
? 关键改进说明
-
结构合规：
、 和 仅出现一次，符合 HTML5 语义标准，CSS 伪类（如 tr:nth-child(even)）可正常作用于所有数据行。
- 安全加固：使用 htmlspecialchars() 转义输出内容，防止 XSS 攻击（尤其对用户输入字段如 email、descrip）。
- 样式可控：删除了内联 style='color:white' 等冗余写法，转而通过外部 CSS 统一控制。您原有的 tr:nth-child(even) { background-color: blue; } 将对 内所有偶数行生效。
- 链接美化：为 “Delete” 和 “Edit” 按钮添加内联 padding、border-radius 和背景色，使其更像按钮（也可抽离至 CSS 类，如 .btn-delete, .btn-edit）。
- 字段修正：原始代码中
$row->fname
? 注意事项与最佳实践
- 不要在 PHP 中硬编码 CSS：始终优先使用外部 .css 文件（如您已引入的 ../css/style.css）。若需临时覆盖，可添加
- 避免敏感信息明文显示：密码列（paswd）建议显示为 •••••• 或完全隐藏，生产环境切勿直接输出明文密码。
- 启用错误报告（开发阶段）：在调试时可添加 error_reporting(E_ALL); ini_set('display_errors', 1);，上线前务必关闭。
- 数据库连接优化：考虑将连接逻辑封装为函数或使用 PDO，提升复用性与异常处理能力。
遵循以上方案，您将获得一个结构清晰、样式统一、安全可靠的用户数据表格，彻底解决“多个表格”与“CSS 不生效”的双重问题。
