Baiduのような検索機能をPHPで実装する方法-PHPの問題-php.cn

ホームページ

バックエンド開発

PHPの問題

Baiduのような検索機能をPHPで実装する方法

藏色散人

Jan 18, 2023 am 09:55 AM

php 検索

Baidu に似た検索機能を PHP で実装する方法: 1. HTML ファイルを作成し、js コードを「$(function() {$( "#tags" ).autocomplete({.. .})" ;2. php を通じてデータベースに接続し、「function test($keyword) {...}」メソッドを通じて入力ボックスの検索機能を実装します。

Baiduのような検索機能をPHPで実装する方法

このチュートリアルの動作環境: Windows 10 システム、PHP バージョン 8.1、DELL G3 コンピューター

##PHP で同様の Baidu 検索機能を実装する方法? #PHP は Baidu 検索と同様の自動補完を実装します (コードは単純です)

1. レンダリング:

Baiduのような検索機能をPHPで実装する方法

# #2. 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>

ログイン後にコピー

3. PHP コード

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

ログイン後にコピー

注: css および js ソースコードは、 HTML 部分:

<!-- 引入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 ビデオチュートリアル

」

以上がBaiduのような検索機能をPHPで実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

神レベルのコード編集ソフト（SublimeText3）

ホットトピック

Gmailメールのログイン入り口はどこですか？

7486

CakePHP チュートリアル

1377

Steamのアカウント名の形式は何ですか

Win11 Activation Key Permanent

NYTの接続はヒントと回答です

Related knowledge

Ubuntu および Debian 用の PHP 8.4 インストールおよびアップグレードガイド Dec 24, 2024 pm 04:42 PM

PHP 8.4 では、いくつかの新機能、セキュリティの改善、パフォーマンスの改善が行われ、かなりの量の機能の非推奨と削除が行われています。このガイドでは、Ubuntu、Debian、またはその派生版に PHP 8.4 をインストールする方法、または PHP 8.4 にアップグレードする方法について説明します。