如何在PHP实现的MySQL搜索结果中高亮用户输入内容？

嘿，很高兴你的搜索功能已经正常运行啦！要给查询结果里的用户输入关键词加高亮其实很简单，核心思路就是把结果文本中匹配到的搜索词，用带样式的HTML标签包裹起来。我结合你的现有代码，给你改一个完整的版本，顺便讲讲关键细节：

完整修改后的代码 #

$output = NULL;
if(isset($_POST['submit'])){
    $mysqli = new mysqli("localhost","root","","test");
    
    // 新手建议加上数据库连接错误检查，方便排查问题
    if ($mysqli->connect_error) {
        die("数据库连接失败: " . $mysqli->connect_error);
    }
    
    $search = $mysqli->real_escape_string($_POST['search']);
    $resultSet = $mysqli->query("SELECT * FROM books WHERE BookContent LIKE '%$search%'");
    
    if($resultSet->num_rows > 0){
        // 定义高亮样式，这里用黄色背景加粗，你可以根据需求修改
        $highlightTagStart = '<span style="background-color: #ffff00; font-weight: bold;">';
        $highlightTagEnd = '</span>';
        
        while($row = $resultSet->fetch_assoc()){
            // 先转义原始内容防止XSS攻击，这对新手很重要哦
            $safeContent = htmlspecialchars($row['BookContent'], ENT_QUOTES);
            
            // 高亮处理：忽略大小写匹配，同时转义搜索词里的正则特殊字符
            $highlightedContent = preg_replace(
                '/' . preg_quote($search, '/') . '/i', 
                $highlightTagStart . '$0' . $highlightTagEnd, 
                $safeContent
            );
            
            // 拼接输出结果，这里假设你的表有BookTitle字段，可根据实际字段调整
            $output .= '<div class="book-item">';
            $output .= '<h4>' . htmlspecialchars($row['BookTitle'], ENT_QUOTES) . '</h4>';
            $output .= '<p>' . $highlightedContent . '</p>';
            $output .= '</div>';
        }
    } else {
        $output = '<p>没有找到匹配的书籍内容哦</p>';
    }
    
    // 记得关闭数据库连接
    $mysqli->close();
}

关键细节说明 #

1. 高亮实现方式：
   • 用preg_replace配合/i修饰符，可以忽略大小写匹配（比如用户搜"php"，结果里的"PHP"也会被高亮）；
   • preg_quote用来转义搜索词中的正则特殊字符（比如.、*、?这些），避免替换逻辑出错。
2. 安全防护：
   • 用htmlspecialchars转义数据库返回的内容，防止恶意XSS攻击，这是新手容易忽略的安全点。
3. 样式自定义：
   • 你可以把内联样式改成CSS类，比如定义.highlight { background: #ffeb3b; font-weight: bold; }，然后把$highlightTagStart改成<span class="highlight">，这样样式维护更方便。

如果只需要精确匹配大小写的高亮，也可以用更简单的str_replace，替换代码改成：

$highlightedContent = str_replace($search, $highlightTagStart . $search . $highlightTagEnd, $safeContent);

这样就搞定啦，试试运行看看效果吧！

内容的提问来源于stack exchange，提问作者user9607506