[發明專利]一種基于DAOTable通用列表組件的實現方法

在審

• 申請號: 202010461111.8
• 申請日: 2020-05-27
• 公開（公告）號: CN111796808A
• 公開（公告）日: 2020-10-20
• 發明（設計）人: 李勇;卓材培;陳美;葉怡詩;朱燕珠
• 申請（專利權）人: 福信富通科技股份有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30;G06F8/38;G06F16/958
• 代理公司: 廈門原創專利事務所(普通合伙) 35101
• 代理人: 徐東峰

本發明公開了一種基于DAOTable通用列表組件的實現方法，所述方法包括：基于Vue創建單頁應用并配置滿足標準表格的數據格式的屬性；基于core.js函數庫生成所述標準表格的功能；利用DAOFieldBox.vue根據所述標準表格的不同功能動態生成對應的輸入框；根據客戶端的業務需求基于所述標準表格的功能生成與所述業務對應的數據流程。本方法具備可復用、統一標準、使用方便、提高效率等優點。

技術領域

本發明涉及web開發技術領域，尤其涉及一種基于DAOTable通用列表組件的實現方法。

背景技術

在開發表格時，每個功能都需要手動輸入代碼一個個生成對應功能，且還要一個個編寫對應接口；如果不同的功能具備相同的業務結構時，代碼不能復用，需要從零開始開發，缺少靈活性；還需要關心頁面的設計、布局、標準等，導致開發人員的工作大部分時間耗費在重復構建功能相似的界面，進而導致建設效率低下。

發明內容

本發明所要解決的技術問題是針對上述現有技術的不足提供一種基于DAOTable通用列表組件的實現方法，從而實現在web開發過程中，代碼具備可復用、系統標準化、使用方便并且大大提高工作效率。

為實現上述目的，本發明提供一種基于DAOTable通用列表組件的實現方法，所述方法包括：

基于Vue創建單頁應用并配置滿足標準表格的數據格式的屬性；

基于core.js函數庫生成所述標準表格的功能；

利用DAOFieldBox.vue根據所述標準表格的不同功能動態生成對應的輸入框；

根據客戶端的業務需求基于所述標準表格的功能生成與所述業務對應的數據流程。

優選的，所述根據客戶端的業務需求基于所述標準表格的功能生成與所述業務對應的數據流程，包括數據創建流程、數據展示流程以及數據導出流程。

優選的，所述數據創建流程的步驟包括：

通過ShowInput接口調用所述輸入框進行數據輸入；

對所述數據的輸入進行格式校驗，校驗通過則調用Inser接口將所述數據寫入數據庫。

優選的，所述數據展示流程的步驟包括：

通過GetSchema接口獲取表格結構，并根據所述表格結構繪制表格界面；

通過Search接口向后端請求數據，并將所述數據展示在所述表格界面上。

優選的，所述數據導出流程的步驟包括：

通過Search接口查詢數據；

在所述客戶端構建Excel，將所述數據存儲至所述客戶端的本地文件。

優選的，所述標準表格的功能至少包括表格框架構建、數據查詢、數據創建、數據導出以及表格分頁。

優選的，所述配置滿足標準表格的數據格式的屬性包括配置插件的基本數據和相關的接口屬性。

有益效果：

本發明提出的基于DAOTable通用列表組件默認自帶基礎功能，簡單的表格可以一鍵生成，布局統一、系統標準化，復雜性的表格在基礎模塊上，可根據業務擴展進行開發，大大提高工作效率，使用方便且降低開發成本。

附圖說明

圖1為本發明一實施例提供的一種基于DAOTable通用列表組件的實現方法的流程圖。

圖2為本發明一實施例提供的DAOTable組件的結構示意圖。