使用typeahead血獵犬來處理搜索項具有別名或同義詞

Question

我想實現類似於stackoverflow標記建議輸入字段的東西。在數據庫中，我有兩個表：一個是標籤，另一個是tagaliases或標籤同義詞（tagSynonyms）。

當用戶鍵入一個術語時，搜索引擎應該足夠聰明以檢測輸入術語的別名，並僅顯示與該輸入術語對應的主標籤。用獵狗來實現這個最好的方法是什麼？

Answer 1

只需發送的輸入項到服務器，並執行類似下面這樣的SQL語句：

從標籤T

選擇留下名字對外連接tagSyms小號s.tagID = t.tagID 其中s .alias = $ searchstring或t.tagName = $ searchstring

並返回json格式的數據。 JSON格式的：{VAL： '標記名'}

在客戶端的網站：

var engine = new Bloodhound({ 
    name: 'tags', 
    remote: 'http://example.com/tags?q=%QUERY', 
    datumTokenizer: function(d) { 
    return Bloodhound.tokenizers.whitespace(d.val); 
    }, 
    queryTokenizer: Bloodhound.tokenizers.whitespace 
}); 
engine.initialize(); 

$("#inputField").typeahead(...); 

而且看一看的displayKey和模板鍵在typeahead.js

當你想要一個排序列表，你會沒事的，如果sql是有序的。

您可以控制在意見箱獲取與模板顯示的內容：

例如，如果你想顯示的計數器也只需編輯JSON爲{VAL：「標記名」，計數器：X} 和鍵入：

.typeahead(
     ....,{ 
     templates:{ 
      suggestion:function(data){ 
       return "<p>"+data.val+"(used: "+data.counter+" times)</p>"; 
      } 
     }, 
     source: engine.ttAdapter() 

}）;