在線詞彙表 - 簡單（免費）方法

Question

我坐在一個CSV文件上，其中包含大約3000個與醫學專業相關的術語和定義。我想以詞彙表的形式在線提供信息。

它需要具有以下特點：

• 顯示所有條款的列表，點擊上一任當被提出的定義。
• 搜索給定詞語的能力 - 搜索不僅要返回與名稱匹配的詞彙，還要返回包含搜索詞彙的定義。
• 從一個定義鏈接到另一個定義的能力，即如果一個定義包含另一個詞語，我希望用戶能夠點擊該詞並鏈接到該詞的定義。 我已經在CSV文件中準備了鏈接，方法是用[方括號]定義所有可鏈接的詞。
• 可自由創建。我打算讓這是一個開放的資源，所以不想爲此特權付費。
• 這是一本醫學詞典，和不是一個維基。只有我應該可以編輯它。
• 定義短而甜 - 沒有圖片，定義很少超過20個單詞。

幾年前，this question被問及SO。我也遇到過this，但所有條款都必須單獨輸入（而不是隻能導入CSV文件）。我不知道是否有任何新的發展，人們都知道，或者有什麼可能適合我的需要更好一點..？

我可以從零開始做這件事，但如果已經有一些我可以使用的開放代碼會很好。如果沒有，那麼讓我開始的幾點提示將會受到歡迎。如果我無法獲得現成的解決方案，我願意學習和使用任何語言來實現此目標。

Answer 1

我個人手編代碼一些JavaScript代碼需要在CSV數據並將其轉換爲jQuery Mobile增強HTML。我的意思是生成一個常規的< ul列表，並讓jQM將它轉換爲可過濾列表視圖like this。列表視圖項目本身可能是collapsibles，因此您可以實現「點擊以顯示說明」行爲。

鏈接稍微有點棘手;你可以附加（在csv解析過程中）一個簡單的點擊處理程序，打開所需的描述。或者，您可以用鏈接文本替換過濾器字段，但可以生成多個結果。

jQuery Mobile的的優點是它應該工作的非常漂亮的移動設備上了。但是，如果您出於某種原因不喜歡它，但認爲推出自己的客戶端JavaScript解決方案可能是一個不錯的選擇，jQuery UI也具有有用的小部件，例如， autocomplete和accordion。

編輯：下面是解析CSV數據，並在約15行代碼生成一個漂亮的過濾列表出來的使用JQM它的快速演示：http://jsfiddle.net/gssMm/

EDIT2：演示與3003項的修訂版給你對性能的想法：http://jsfiddle.net/gssMm/1/