技术挑战：实现商品搜索词高亮回显功能.pdfVIP

68_技术：如何实现商品搜索词回显功能？

1.开篇

上周介绍了商品搜索功能，包括：根据价格范围搜索商品、统计商品的销量、根据商品价格和销量进行

排序。本周依旧围绕商品搜索展开，目标会放到商品搜索回显和自动纠错功能上。本节课会带大家

回顾商品回显和自动纠错的功能，然后描述如何实现回显的功能。今天的课程分为以下部分：

商品回显和自动纠错功能

如何实现回显

2.商品回显和自动纠错功能

当我们通过“首页”的“搜索”框进行商品搜索的时候，可以通过模糊搜索的方式找到商品。实际上模糊搜索

输入的可能只是商品名的一部分，在搜索结果中显示文本的片段可以让用户知道为何该文档符合查

询条件，有助于帮助用户找到心仪的商品。

如图1所示，当在“搜索”框中输入“apple”时会在下面的状态调中显示“apple”（搜索）和

“appleiPhone12”（搜索目标），以便用户在搜索与搜索目标之间比较，从而确定搜索结果。

图1

同样是搜索场景，当我们输入“apple”的时候，系统会通过模糊搜索的到“appleiPhone12”