Exigences : Ajouter des fonctions de recherche en texte intégral à la front-end, telles que les menus, les messages de chat, etc. Il existe de nombreux middlewares de recherche en texte intégral en backend, tels que ElasticSearch, Lucene, Solr, SQL Server intégrés, etc. Comment réaliser une recherche en texte intégral sur le front-end sans dépendre de l’interface back-end ?
Révision:
Fuse.js Bibliothèque de recherche floue puissante et légère, écrite en JavaScript sans aucune dépendance.
Site officiel :La connexion hyperlientérée est visible.
Source:La connexion hyperlientérée est visible.
Configuration des paramètres :La connexion hyperlientérée est visible.
Cet article utilise Angular 19 + fuse.js pour implémenter la fonction de recherche en texte intégral, et le rendu est le suivant :
Installation du NMP
Code:
Sortie:
[
{
« item » : {
« titre » : « Right Ho Jeeves »,
« auteur » : « P.D. Mans »,
« tags » : [« fiction », « guerre »]
},
« refIndex » : 1, // index dans la liste originale
« score » : 0,12282280261157906
},
{
« item » : {
« titre » : « Fiction de la guerre du vieux »,
« auteur » : « Jean X »,
« tags » : [« guerre »]
},
« refIndex » : 0,
« score » : 0,3807307877431757
}
]
Remarque:Plus le score est petit, plus il est précis, c’est-à-dire, plus la correspondance est élevée.
Référence:La connexion hyperlientérée est visible. |
Publié le 03-03-2025 à 13:25:26
|
|
|
|
