• 技术文章 >后端开发 >PHP问题

    php怎么实现类似百度搜索功能

    藏色散人藏色散人2023-01-18 09:55:44原创51

    php实现类似百度搜索功能的方法:1、创建HTML文件,并设置js代码为“$(function() {$( "#tags" ).autocomplete({...})”;2、通过php连接数据库,并通过“function test($keyword) {...}”方法实现输入框搜索功能即可。

    本教程操作环境:Windows10系统、PHP8.1版、DELL G3电脑

    php怎么实现类似百度搜索功能?

    PHP实现类似百度搜索自动完成(代码简单)

    一、效果图:

    37dc93dc341c3cbf1d0f2f435e63ab0.jpg

    二、HTML代码

    <html>
    <head>
        <meta charset="utf-8">
        <title>jQuery UI 自动完成(Autocomplete) - 默认功能</title>
        <link rel="stylesheet" href="/public/AutoCom/jquery-ui.css">
        <script src="/public/AutoCom/jquery-1.91.js"></script>
        <script src="/public/AutoCom/jquery-ui.js"></script>
        <script>
            $(function() {
                $( "#tags" ).autocomplete({
                    // source: availableTags
                    source: "at.php"
                });
            });
        </script>
    </head>
    <body>
     
    <div>
        <label for="tags">标签:</label>
        <input id="tags" name="tags" >
    </div>
     
    </body>
    </html>

    三、PHP代码

    <?php
    function test($keyword) 
    {
        //连接数据库
        $dsn = "mysql:dbname=test;host=localhost;";
        $db = new PDO($dsn, 'root', 'root');
        //查询数据
        $result = $db->prepare("select title from article where title like :title");
        $result->execute(array('title' => "%" . $keyword . "%"));
        $data = $result->fetchall(PDO::FETCH_ASSOC);
        //将二维数组转化为一维数组(自动补全插件要求的是一个一维数组)
        foreach ($data as $k => $v) {
            $datas[] = $v['title'];
        }
        return $datas;
    }
     
    //获取输入框的内容
    //注:jquery-ui的自动补全ajax 当我们输入一个c时,Autocomplete实际发送的请求路径为at.php?term=c
    $keyword = $_GET['term'];
     
    //根据用户输入值查询相关数据
    $data = test($keyword);
    //输出json字符串
    echo json_encode($data); //输出查询的结果(json格式输出)
     
    ?>

    备注:HTML部分引入的css,js源代码:

    <!-- 引入jQuery UI的css文件 -->
    <link href="http://code.jquery.com/ui/1.10.4/themes/ui-darkness/jquery-ui.css" />
    <!-- 引入jQuery的js文件 -->
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js" ></script>
    <!-- 引入jQuery UI的js文件 -->
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" ></script>

    文章参考:http://www.365mini.com/page/jquery-ui-autocomplete.htm

    更多功能可参考: http://www.runoob.com/jqueryui/example-autocomplete.html

    总结:以上是结合mysql 和 jquery-ui实现的自动提示,实际上如果数据库数据量较大的情况,整体对数据库开销也比较大。

    这样,也可以尝试使用全文检索工具 xunsearch 或 sphinx 来实现。好处是减少了mysql数据库的查询压力,提高了检索速度。

    推荐学习:《PHP视频教程

    以上就是php怎么实现类似百度搜索功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:php 搜索
    上一篇:php能写入英文不能写入中文怎么办 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • PHP中怎样执行正则表达式的搜索和替换?• PHP数组操作之匹配搜索数组中的元素和键名• php怎么实现搜索效果• php怎么实现人员信息搜索的功能• php怎么实现关键字搜索功能• php进行数组搜索可以吗
    1/1

    PHP中文网