php如何做模糊搜索

在PHP中进行模糊搜索是一种常见的操作，它可以极大地提升用户体验，本文将详细介绍如何在PHP中实现模糊搜索，从数据库设计到PHP代码编写，再到前端显示，让你轻松掌握这一技能。

数据库设计

在进行模糊搜索之前，首先需要确保数据库表的结构能够支持模糊搜索，这里以MySQL数据库为例，假设我们有一个商品表products，包含以下字段：

id：商品ID，主键

name：商品名称

description：商品描述

price：商品价格

为了实现模糊搜索，我们通常会在name和description字段上建立全文索引，以下是创建表和全文索引的SQL语句：

CREATE TABLEproducts (id int(11) NOT NULL AUTO_INCREMENT,name varchar(255) NOT NULL,description text NOT NULL,price decimal(10,2) NOT NULL,
  PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
ALTER TABLEproducts ADD FULLTEXT(name,description);

PHP代码编写

我们将编写PHP代码来实现模糊搜索，这里以一个简单的搜索为例，用户输入关键词，我们根据关键词在name和description字段中进行搜索。

<?php
// 连接数据库
$conn = new mysqli('localhost', 'username', 'password', 'database');
// 检测连接
if ($conn->connect_error) {
    die("连接失败: " . $conn->connect_error);
}
// 获取用户输入的关键词
$searchKeyword = $_GET['keyword'];
// 构建SQL查询语句
$sql = "SELECT * FROM products WHERE MATCH(name, description) AGAINST(? IN NATURAL LANGUAGE MODE)";
// 预处理SQL语句
$stmt = $conn->prepare($sql);
// 绑定参数
$stmt->bind_param("s", $searchKeyword);
// 执行查询
$stmt->execute();
// 获取查询结果
$result = $stmt->get_result();
// 初始化结果数组
$searchResults = [];
// 遍历查询结果
while ($row = $result->fetch_assoc()) {
    $searchResults[] = $row;
}
// 关闭连接
$stmt->close();
$conn->close();
// 返回结果
echo json_encode($searchResults);
?>

前端显示

php如何做模糊搜索

前端部分，我们可以使用HTML和JavaScript来构建一个简单的搜索界面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模糊搜索示例</title>
</head>
<body>
<!-- 搜索框 -->
<input type="text" id="searchKeyword" placeholder="请输入关键词">
<button onclick="search()">搜索</button>
<!-- 搜索结果展示区域 -->
<div id="searchResults"></div>
<script>
function search() {
    var keyword = document.getElementById('searchKeyword').value;
    // 发起异步请求
    var xhr = new XMLHttpRequest();
    xhr.open('GET', 'search.php?keyword=' + keyword, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            var searchResults = JSON.parse(xhr.responseText);
            var html = '';
            // 遍历结果，构建HTML
            for (var i = 0; i < searchResults.length; i++) {
                html += '<div><h3>' + searchResults[i].name + '</h3><p>' + searchResults[i].description + '</p></div>';
            }
            // 显示结果
            document.getElementById('searchResults').innerHTML = html;
        }
    };
    xhr.send();
}
</script>
</body>
</html>