[發明專利]一種表格組件的創建及檢索方法

在審

• 申請號: 201911197151.X
• 申請日: 2019-11-29
• 公開（公告）號: CN110955660A
• 公開（公告）日: 2020-04-03
• 發明（設計）人: 丁廣杰
• 申請（專利權）人: 蘇州浪潮智能科技有限公司
• 主分類號: G06F16/22
• 分類號: G06F16/22;G06F16/23;G06F16/2455
• 代理公司: 濟南誠智商標專利事務所有限公司 37105
• 代理人: 王申雨

本發明公開了一種表格組件的創建方法，包括：引用固定JavaScript文件；創建容器，為容器命名容器ID；在初始化JavaScript文件中配置表格組件：將檢索框配置在表格每列的表頭單元格內，表格組件容器內配置歷史檢索數據條目；調用表格初始化接口，根據配置，初始化表格組件；渲染表格組件，調用數據檢索接口，加載表格數據。本發明還公開了一種表格組件檢索方法，將記憶檢索功能集成于表格組件之中，經過簡單的配置，表格組件加載后可在表格每一列的表頭單元格內集成檢索框，降低了網頁復雜度，使網頁更加簡潔，增加了網頁中可用于展示數據的空間；通過記憶功能在客戶端中緩存歷史檢索數據，提升了用戶檢索體驗。

技術領域

本發明涉及信息化系統技術領域，具體涉及一種表格組件的創建及檢索方法。

背景技術

隨著互聯網的發展，網絡應用越來越多，數據的載體也隨之發生變化。相較于傳統的紙質數據，利用網頁展示數據更加直觀、便捷。而在眾多展示數據的網頁組件中，表格組件占有舉足輕重的地位。

表格主要用以展示大量結構化的數據，由于數據量大，檢索功能不可或缺。當前網頁進行表格的檢索，主要是通過以下兩種方式實現：1)在表格上方通過多個表單組件(如：輸入框、下拉選擇框等)結合按鈕實現部分字段的檢索；2)通過單個輸入框結合按鈕實現全文檢索。這兩種方式均需要在表格上方分配單獨的空間，若檢索條件較多時，則分配的空間相應增加。對于單個輸入框實現的全文檢索，則檢索效率較差，引入全文檢索，則技術復雜度略高。

發明內容

為了解決上述技術問題，本發明提出了一種表格組件的創建及檢索方法，用以節省檢索功能組件占用的網頁空間，提升用戶檢索體驗。

為實現上述目的，本發明采用以下技術方案：

一種表格組件的創建方法，包括：

引用固定JavaScript文件；

創建容器，為容器命名容器ID；

在初始化JavaScript文件中配置表格組件：將檢索框配置在表格每列的表頭單元格內，表格組件容器內配置歷史檢索數據條目；

調用表格初始化接口，根據配置，初始化表格組件；

渲染表格組件，調用數據檢索接口，加載表格數據。

進一步地，所述在初始化JavaScript文件中配置表格組件，還包括：配置表格組件的容器ID、組件樣式、組件可選功能、組件表頭、組件數據。

所述組件可選功能包括分頁、排序、列寬調整等，組件表頭包括標題、檢索框name等，組件數據包括數組或URL。

本發明還提供了一種表格組件檢索方法，利用上述方法創建的表格組件，包括：

1)檢測表格檢索框值；

2)檢索框值發生變化時，將檢索框值與歷史檢索數據條目匹配，若匹配成功，以匹配到的歷史檢索數據的檢索框值作為key，根據key獲取客戶端緩存的相應數據，更新表格數據；

3)若匹配不成功，以檢索框值作為檢索條件，調用數據檢索接口，檢索并更新表格數據。

進一步地，檢索框獲取焦點時，檢索框下方展示歷史檢索框值。

進一步地，所述步驟2)中，對于匹配成功的歷史檢索數據條目，該歷史檢索數據條目對應頻次加1。

進一步地，所述步驟3)中，將檢索框值和檢索結果以key-value形式的歷史檢索數據條目存入客戶端緩存中，對應頻次為1。

進一步地，添加歷史檢索數據條目時，判斷組件歷史檢索數據條目是否超過存儲上限，若未超過存儲上限，直接添加歷史檢索數據條目；