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>