本文介绍如何在php web应用中实现搜索关键词高亮（如背景变色或加粗），同时保持全部数据库记录的展示，并仅在关键词完全不存在时提示“record not found”。核心在于分离「搜索验证」与「全量渲染」逻辑，避免用where条件过滤结果集。
本文介绍如何在php web应用中实现搜索关键词高亮（如背景变色或加粗），同时保持全部数据库记录的展示，并仅在关键词完全不存在时提示“record not found”。核心在于分离「搜索验证」与「全量渲染」逻辑，避免用where条件过滤结果集。
在构建员工信息列表页时，常见需求是：用户输入ID搜索，匹配项需视觉突出（如红色背景或加粗），但其他员工数据仍须完整保留；若输入的ID在数据库中根本不存在，则统一显示“Record not found”——而非空白或仅渲染空结果。原始代码将搜索条件直接拼入主查询（$sql1 .= $sql_search），导致结果集被过滤，无法兼顾“高亮+全量展示+未命中提示”三重目标。
✅ 正确解法的关键在于 两步分离：
-
先验证搜索关键词是否存在（执行一次带
WHERE id = ?的查询）； -
再获取全部数据并逐行比对渲染（主循环中判断
$row['id'] === $search_keyword决定样式）。
以下是优化后的专业实现（已修复SQL注入风险、语义化结构、响应式兼容）：
<?php
// database.php 已包含：$conn = new mysqli(...); 及基础连接校验
$search_keyword = $_POST['search'] ?? '';
$has_match = false;
// Step 1: 验证关键词是否存在（安全参数化查询）
if (!empty(trim($search_keyword))) {
$stmt = $conn->prepare("SELECT COUNT(*) FROM employee WHERE id = ?");
$stmt->bind_param("s", $search_keyword);
$stmt->execute();
$stmt->bind_result($count);
$stmt->fetch();
$has_match = ($count > 0);
$stmt->close();
}
?>
<form name="searchForm" method="POST" class="mb-4">
<input
type="text"
name="search"
placeholder="Enter Employee ID"
value="<?= htmlspecialchars($search_keyword) ?>"
class="form-control w-50 d-inline-block"
aria-label="Search employee by ID"
>
<button type="submit" class="btn btn-primary ms-2">Search</button>
</form>
<?php if (!empty(trim($search_keyword)) && !$has_match): ?>
<div class="alert alert-warning">Record not found.</div>
<?php else: ?>
<!-- Step 2: 查询全部数据（无WHERE） -->
<?php
$result = $conn->query("SELECT id, name, address FROM employee");
if (!$result) {
die("Query failed: " . $conn->error);
}
?>
<?php if ($result->num_rows > 0): ?>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<?php while ($row = $result->fetch_assoc()): ?>
<tr class="<?= $search_keyword === $row['id'] ? 'table-active' : '' ?>">
<td><?= htmlspecialchars($row['id']) ?></td>
<td><?= htmlspecialchars($row['name']) ?></td>
<td><?= htmlspecialchars($row['address']) ?></td>
</tr>
<?php endwhile; ?>
</tbody>
</table>
</div>
<?php else: ?>
<div class="alert alert-info">No employees found in database.</div>
<?php endif; ?>
<?php endif; ?>
<script>
// 回车提交（增强可访问性）
document.querySelector('form[name="searchForm"]').addEventListener('submit', function(e) {
const input = this.querySelector('input[name="search"]');
if (!input.value.trim()) {
e.preventDefault(); // 阻止空提交
input.focus();
}
});
</script>? 关键改进说明：
立即学习“PHP免费学习笔记（深入）”；
-
安全性：使用
mysqli::prepare()+bind_param()彻底杜绝SQL注入，替代字符串拼接； -
用户体验：
htmlspecialchars()防XSS，value="=...?>"保持搜索框状态，table-active利用Bootstrap内置高亮类； -
逻辑清晰：
$has_match单独校验存在性，主循环始终遍历全量数据； - 健壮性：空搜索时显示全部数据；搜索词为空格时自动trim；查询失败有明确报错；
-
无障碍：添加
aria-label，表单提交事件替代全局onkeydown，更符合现代Web标准。
⚠️ 注意事项：
- 若需支持模糊搜索（如
LIKE %keyword%），请将COUNT(*)查询改为SELECT id LIMIT 1并检查是否返回行，避免全表扫描性能问题； - 生产环境务必启用
display_errors=Off，错误信息应写入日志而非前端暴露； - 建议为
id字段添加数据库索引，提升搜索验证查询速度。
通过这种「验证先行、渲染后置」的设计模式，既满足了UI高亮需求，又保障了数据完整性与系统安全性，是PHP+MySQL动态列表搜索的经典实践方案。
