Search UI

打造完整 Search UI 的快捷方式

只需几行代码即可创建搜索界面和可配置的搜索组件。利用丰富的筛选功能,您可以构建完全可定制的搜索体验,帮助用户准确找到所需的内容。

Video thumbnail

了解如何借助 Elastic 为您的应用和网站添加丰富且相关的搜索功能。

观看视频

开始使用 Search UI 打造现代风格的搜索体验。

查看文档

您网站提供的搜索体验往往是访客满意度的关键驱动因素。了解如何提高网站参与度。

阅读博文

功能

使用 Search UI 进行预构建

将当前流行的开箱即用型搜索功能添加到前端搜索应用程序,帮助用户更快地获得准确的结果。您可以快速实施搜索用户体验最佳实践。

  • 输入即搜索

    添加与查询匹配的“输入即搜索”字段,为用户快速查找答案。

  • 分面、排序和分页

    通过对搜索结果自动执行分页和强调匹配的搜索词,用户可以手动缩小搜索结果的范围,使其符合自己的标准。

  • 语义搜索

    突破关键词限制,精准理解搜索意图与上下文,提供更相关、更有价值的结果。

  • 模糊搜索

    通过查找与用户查询相似而非完全相同的结果来处理错别字和拼写错误。

亲自体验

即刻开始使用

简单灵活、功能强大

使用一系列适合移动设备的组件构建搜索界面,所有这些组件均可根据具体用例进行定制。

  • 5 分钟内准备就绪

    下载、选择您的组件并向您的应用程序添加几行代码,即可准备就绪。

  • 开源且完全可定制

    每个组件都可以进行设计和修改,让您打造独特的沉浸式体验,而且所有这些都是开源的。

  • 全栈 JavaScript 支持

    它在前端和后端的工作原理相同,与任何 JS 框架或 Next.js 一起使用,可获得统一、灵活的搜索体验。

  • URL 同步

    筛选器、查询、分页和所有查询参数都会自动在 URL 中捕获,以提供出色的用户体验。

  • 搜索性能监测

    使用 Elastic 的真实用户监控 (RUM) 分析搜索页面上的使用情况、性能和错误。

  • React、Vanilla 等等

    底层库完全采用 Typescript 且支持 Search UI,可与任何 JavaScript 框架搭配使用。

Elasticsearch - 部署最广泛的向量数据库

在两分钟内复制到本地进行试用

curl -fsSL https://elastic.co/start-local | sh
阅读文档