solr搜索关键字高亮显示

solr搜索关键字高亮显示主要步骤:

后端:

• 1.高亮选项初始化

    HighlightQuery query=new SimpleHighlightQuery();
    HighlightOptions highlightOptions=new HighlightOptions().addField("item_title");//高亮域
    highlightOptions.setSimplePrefix("<em style='color:red'>");//前缀
    highlightOptions.setSimplePostfix("</em>");//后缀
    query.setHighlightOptions(highlightOptions);//为查询对象设置高亮选项

• 2.获取高亮页对象

HighlightPage<TbItem> page = solrTemplate.queryForHighlightPage(query, TbItem.class);

• 3.获取高亮入口集合

List<HighlightEntry<TbItem>> entryList = page.getHighlighted();

• 4.获取高亮列表(高亮域的个数)

List<Highlight> highlightsList = entry.getHighlights();

• 5.获取每个域有可能存储多值

List<String> snipplets = h.getSnipplets();

• 6.获取要高亮的内容

snipplets.get(0)

---

前端:

• 1. 在使用angularjs框架的时候,前端是对html有保护功能,要添加$sce服务才能显示高亮
  定义过滤器

app.filter('trustHtml',['$sce',function($sce){
                return function(data){//传入参数是被过滤的内容
                        return $sce.trustAsHtml(data);//返回的是过滤后的内容(信任html的转换)
                }
    }]);

• 2. ng-bind-html指令用于显示html内容

  竖线 | 用于调用过滤器

    <div class="attr" ng-bind-html="item.title | trustHtml"></div>