Search UI

打造完整 Search UI 的快捷方式

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

Video thumbnail

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

观看视频

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

查看文档

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

阅读博文

功能

使用 Search UI 进行预构建

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

  • Search-as-you-type

    添加与查询匹配的“search-as-you-type”字段,为用户快速查找答案。

  • 筛选、分面搜索、排序

    用户可以手动缩小搜索结果范围以匹配他们的条件。

  • 分页和突出显示

    通过对搜索结果自动执行分页和强调匹配的搜索词,让搜索结果更容易理解。

  • 搜索推荐

    使用语言预测工具,在用户输入查询时向他们提供建议。

即刻开始使用

简单灵活、功能强大

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

  • 5 分钟内准备就绪

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

  • 开源且完全可定制

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

  • 灵活的前端

    充分利用框架的逻辑,并使用您自己的组件对其进行扩展。

  • URL 同步

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

  • 可互操作

    Search UI 不仅可与任何搜索服务搭配使用,而且还附带了适用于 Elasticsearch 的预构建连接器。

  • React、Vanilla 等等

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