Wymagania: Dodaj funkcje wyszukiwania w pełnym tekstie do interfejsu, takie jak menu, wiadomości czatu itp. Na backendzie działa wiele oprogramowania middleware do wyszukiwania pełnego tekstu, takich jak ElasticSearch, Lucene, Solr, wbudowany SQL Server itd. Jak osiągnąć pełnotekstowe wyszukiwanie na front-endzie bez polegania na interfejsie back-endu?
Recenzja:
Fuse.js Potężna, lekka biblioteka wyszukiwania rozmytego, napisana w JavaScript bez żadnych zależności.
Oficjalna strona internetowa:Logowanie do linku jest widoczne. Źródło:Logowanie do linku jest widoczne. Konfiguracja parametrów:Logowanie do linku jest widoczne.
W tym artykule używa Angular 19 + fuse.js do implementacji funkcji wyszukiwania pełnego tekstu, a renderowanie wygląda następująco:
Instalacja NPM
Kod:
Wyjście:
[ { "item": { "tytuł": "Right Ho Jeeves", "autor": "P.D. Mans", "tagi": ["fikcja", "wojna"] }, "refIndex": 1, // indeks w oryginalnej liście "wynik": 0.12282280261157906 }, { "item": { "tytuł": "Fikcja o wojnie starego człowieka", "autor": "John X", "tagi": ["wojna"] }, "refIndex": 0, "wynik": 0.3807307877431757 }
] Uwaga:Im mniejszy wynik, tym dokładniejszy, czyli im wyższe dopasowanie.
Odniesienie:Logowanie do linku jest widoczne. |