您的位置:首页 > 其它

solr搜索关键字高亮显示

2017-11-07 11:21 381 查看

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: