本文讲解如何在 php 页面中实现数据库数据的搜索高亮功能：既始终显示全部记录，又对匹配关键词的行进行样式强调（如加粗或背景色），并在关键词完全不存在时准确提示“record not found”。
本文讲解如何在 php 页面中实现数据库数据的搜索高亮功能：既始终显示全部记录，又对匹配关键词的行进行样式强调（如加粗或背景色），并在关键词完全不存在时准确提示“record not found”。
在实际开发中，常见的搜索需求并非“仅显示匹配项”，而是“全量展示 + 精准高亮”。原始代码试图通过 WHERE 条件过滤查询来判断是否存在匹配，但这会导致两种逻辑冲突：若将 $sql_search 直接拼入主查询，则只返回匹配行，丢失其余数据；若完全不加条件，则无法判断关键词是否真实存在，导致“Record not found”无法正确触发。
核心解法：分两步验证与渲染
-
先执行一次精准查询（带
WHERE id = ?），确认用户输入的 ID 是否存在于数据库； -
再执行一次全量查询（无条件
SELECT * FROM employee），遍历所有记录，并在渲染时动态比对每行id是否等于搜索关键词——匹配则应用高亮样式，否则保持默认样式。
以下为优化后的完整实现（已修复 SQL 注入风险、语义结构与可维护性）：
<?php
include("database.php");
$search_keyword = '';
if (isset($_POST['search']) && is_string($_POST['search'])) {
$search_keyword = trim($_POST['search']);
}
// 步骤1：验证关键词是否存在（防SQL注入：使用预处理）
$exists = false;
if (!empty($search_keyword)) {
$stmt = $conn->prepare("SELECT 1 FROM employee WHERE id = ?");
$stmt->bind_param("s", $search_keyword);
$stmt->execute();
$exists = $stmt->fetch() !== null;
$stmt->close();
}
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Employee Search</title>
<style>
.highlight { background-color: #ffeb3b; font-weight: bold; }
.row { margin-bottom: 8px; }
.col-md-2, .col-md-3, .col-md-5 { display: inline-block; padding: 4px 8px; }
.col-md-2 { width: 15%; }
.col-md-3 { width: 25%; }
.col-md-5 { width: 50%; }
</style>
</head>
<body>
<form name="searchForm" action="" method="POST">
<input type="text" id="search" name="search"
placeholder="Enter Employee ID to search"
value="<?= htmlspecialchars($search_keyword) ?>">
<button type="submit">Search</button>
</form>
<?php if (!empty($search_keyword) && !$exists): ?>
<div class="row">
<div class="employee">
<div class="white-bg">Record not found.</div>
</div>
</div>
<?php else: ?>
<?php
// 步骤2：获取全部员工数据用于渲染
$sql_all = "SELECT id, name, address FROM employee ORDER BY id";
$result_all = $conn->query($sql_all);
if ($result_all && $result_all->num_rows > 0):
?>
<?php while ($row = $result_all->fetch_assoc()): ?>
<div class="row">
<div class="employee">
<div class="<?= ($row['id'] == $search_keyword) ? 'highlight' : 'white-bg' ?>">
<div class="col-md-2"><?= htmlspecialchars($row['id']) ?></div>
<div class="col-md-3"><?= htmlspecialchars($row['name']) ?></div>
<div class="col-md-5"><?= htmlspecialchars($row['address']) ?></div>
</div>
</div>
</div>
<?php endwhile; ?>
<?php else: ?>
<div class="row">
<div class="employee">
<div class="white-bg">No employees found in database.</div>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
</body>
</html>✅ 关键改进说明：
立即学习“PHP免费学习笔记（深入）”；
-
安全性强化：使用
mysqli::prepare()预处理语句校验关键词存在性，彻底规避 SQL 注入风险； - 语义清晰：分离「存在性校验」与「全量渲染」两个逻辑阶段，职责单一、易于调试；
-
用户体验优化：搜索框保留历史关键词（
value="= htmlspecialchars(...) ?>"），支持空格清理（trim()），错误提示精准定位； -
样式可控：通过 CSS 类
.highlight统一管理高亮样式，便于后续扩展（如添加动画、边框等）； -
XSS 防护：所有输出字段均经
htmlspecialchars()转义，防止恶意脚本注入。
⚠️ 注意事项：
- 若
id字段为整型，请在预处理中使用"i"类型绑定，并确保$search_keyword经filter_var(..., FILTER_VALIDATE_INT)校验； - 大数据量场景下，两次查询可能影响性能，此时建议改用单次查询 + PHP 数组标记（如先
fetch_all()全量数据，再用in_array()或array_column()判断匹配）； - 前端可进一步增强体验：例如搜索后自动滚动至首个高亮项，或添加清空按钮重置表单。
该方案兼顾功能性、安全性与可维护性，是 PHP Web 应用中实现“搜索高亮+全量展示”模式的标准实践。
