es搜索高亮展示

灰太狼 2023-10-18 23:56 75阅读 0赞

**在某些分类电商网站中，经常遇到这样一种需求，对搜索出来的数据的某些字段进行高亮展示，这样让产品的某些属性和特点更加容易受到关注，也就是突出商品卖点**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5nY29uZ3lpNDIw_size_16_color_FFFFFF_t_70]

在电商或分类网站中，由于要加载的数据量大，如果后端通过程序做处理，这将比较费时费力，而且性能会受到影响，通过比较流行的做法是，通过es的某些特性直接在es查询的时候进行处理，页面拿到经过特殊处理的数据就可以直接展示了，下面就来说说es中关于高亮展示的功能

**1、首先，创建一个普通的索引，自定义字段的分词属性，**  
创建一个名叫blog\_website 的索引，里面两个字段，

PUT /blog_website
    {
      "mappings": {
        "blogs": {
          "properties": {
            "title": {
              "type": "text",
              "analyzer": "ik_max_word"
            },
            "content": {
              "type": "text",
              &

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5nY29uZ3lpNDIw_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20190814212110701.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5nY29uZ3lpNDIw,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

相关 es搜索高亮展示

在某些分类电商网站中，经常遇到这样一种需求，对搜索出来的数据的某些字段进行高亮展示，这样让产品的某些属性和特点更加容易受到关注，也就是突出商品卖点 ![在这里插入图片描述]

灰太狼/ 2023年10月18日 23:56/ 0 赞/ 76 阅读

相关匹配关键字搜索内容高亮

export const codeText = (keyWord, content) => { const searchArray = keyWord.s

骑猪看日落/ 2023年01月18日 04:14/ 0 赞/ 66 阅读

相关背景 vue_Vue关键词搜索高亮

![53c9a387a874cf6db22bdb230bd95365.png][] 来源 | https://wintc.top/article/18有时候给页面内容添加一个关

àì夳堔傛蜴生んèń/ 2023年01月06日 12:00/ 0 赞/ 162 阅读

相关 vue 搜索关键词高亮显示

vue 搜索关键词高亮显示 html <p class="message-title" v-html="item.msgTitle"></p> js

╰半夏微凉°/ 2022年12月11日 12:16/ 0 赞/ 142 阅读

相关搜索高亮显示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hlcm9f

小咪咪/ 2022年11月19日 07:38/ 0 赞/ 194 阅读

相关 layui中富文本编辑器添加代码高亮以及文章展示中代码高亮的展示

layui富文本编辑器地址：[https://www.layui.com/doc/modules/layedit.html\tool][https_www.layui.com_

今天药忘吃喽~/ 2022年09月10日 15:18/ 0 赞/ 422 阅读

相关 Solr搜索引擎(6)搜索结果高亮

1、设置高亮 SolrQuery query = new SolrQuery(); ... //高亮 query.setHighlight

秒速五厘米/ 2022年06月07日 00:59/ 0 赞/ 233 阅读

相关 js实现搜索字高亮

<script type="text/javascript"> //<!\[CDATA\[ //--------begin function fHl(o, f

谁践踏了优雅/ 2022年05月28日 05:45/ 0 赞/ 179 阅读

相关 springDataSolr搜索关键词高亮的实现

@Service(timeout=5000) public class ItemSearchServiceImpl implements ItemSearchS

电玩女神/ 2022年05月17日 06:36/ 0 赞/ 162 阅读

相关 solr搜索关键字高亮显示

solr搜索关键字高亮显示主要步骤: 后端: 1.高亮选项初始化 HighlightQuery query=new SimpleHighlightQuery(); H...

朱雀/ 2020年10月24日 00:23/ 0 赞/ 910 阅读