Требования: Добавить полнотекстовые функции поиска на фронтенде, такие как меню, чатовые сообщения и т.д. На сервере есть множество полнотекстовых поисковых промежуточных программ, таких как ElasticSearch, Lucene, Solr, встроенный SQL Server и др. Как добиться полнотекстового поиска на фронтенде, не полагаясь на интерфейс бэкенда?
Обзор:
Fuse.js Мощная, лёгкая нечеткая поисковая библиотека, написанная на JavaScript без каких-либо зависимостей.
Официальный сайт:Вход по гиперссылке виден. Источник:Вход по гиперссылке виден. Конфигурация параметров:Вход по гиперссылке виден.
В этой статье используется Angular 19 + fuse.js для реализации функции полнотекстового поиска, а рендеринг выглядит следующим образом:
Установка NPM
Код:
Выпуск:
[ { "item": { "title": "Right Ho Jeeves", «автор»: «.Д. Манс», "теги": ["художественная литература", "война"] }, "refIndex": 1, // индекс в оригинальном списке «Счёт»: 0.12282280261157906 }, { "item": { "title": "Фантастика о войне старика", «автор»: «Джон Икс», "теги": ["война"] }, "refIndex": 0, «Счёт»: 0.3807307877431757 }
] Замечание:Чем меньше балл, тем точнее он, то есть чем выше совпадение.
Ссылка:Вход по гиперссылке виден. |