[發明專利]基于Vue的表單配置方法、系統、計算機設備及存儲介質

在審

• 申請號: 202011337485.5
• 申請日: 2020-11-25
• 公開（公告）號: CN112464070A
• 公開（公告）日: 2021-03-09
• 發明（設計）人: 阮超;王小普
• 申請（專利權）人: 銀盛通信有限公司
• 主分類號: G06F16/953
• 分類號: G06F16/953;G06F16/957;G06F16/2455;G06F16/245;H04L29/08
• 代理公司: 深圳市深可信專利代理有限公司 44599
• 代理人: 萬永泉

1.一種基于Vue的表單配置方法，其特征在于，該方法包括以下的步驟：

S1、進入前端頁面渲染前端頁面的基礎結構，包括查詢表單配置信息的步驟、后端服務器判斷處理當前用戶可查看顯示的表單參數的步驟，以及返回給前端頁面進行處理的步驟；

S2、前端頁面處理后端服務器返回的表單參數，包括前端Vue獲取表單配置信息的步驟、根據定義的規則解碼參數的步驟以及形成表單的基本結構顯示在前端頁面上的步驟；

S3、前端頁面提交表單。

2.根據權利要求1所述的基于Vue的表單配置方法，其特征在于，所述的步驟S1中，查詢表單配置信息的步驟包括：

通過進入前端頁面，向Web服務器傳遞當前的前端頁面ID和請求參數，Web服務器通過查詢數據庫的配置信息，獲取當前前端頁面的配置信息。

3.根據權利要求2所述的基于Vue的表單配置方法，其特征在于，所述的數據庫為Mysql數據庫或DB數據庫。

4.根據權利要求2所述的基于Vue的表單配置方法，其特征在于，所述的步驟S1中，后端服務器判斷處理當前用戶可查看顯示的表單參數的步驟包括：

Web服務器的規則查詢模塊，經過對配置信息的處理，返回前端頁面的基礎結構，包括表單的查詢條件以及查詢條件的選擇項。

5.根據權利要求4所述的基于Vue的表單配置方法，其特征在于，所述的步驟S1中，返回給前端頁面進行處理的步驟包括：

Web服務器的規則查詢模塊處理完成后，返回到前端頁面。

6.根據權利要求1所述的基于Vue的表單配置方法，其特征在于，所述的步驟S2中，前端Vue獲取表單配置信息的步驟包括：

表單配置信息包括list和url，list中包含多個json對象，每個json對象含有type和config，其中type分為Input、textarea、radio、select和checkbox的form表單規范的類型或者自定義命名的類型；config對應當前類型的屬性配置，包括默認值default_value、輸入框提示文本placeholder以及錯誤提示error_msg。

7.根據權利要求6所述的基于Vue的表單配置方法，其特征在于，所述的步驟S2中，根據定義的規則解碼參數的步驟包括：

前端Vue包括有Vue解析模塊，Vue解析模塊獲取到配置的list對象后，進行循環遍歷解析，針對每一次遍歷，獲取type，根據對應的type顯示對應的表單元素；如是自定義的表單元素，則渲染規定的對應的組件元素；

對表單元素進行渲染后，獲取對應的config，根據config的配置賦予對應的屬性。

8.根據權利要求7所述的基于Vue的表單配置方法，其特征在于，當type為input類型，則賦予value和placeholder屬性；當type為date類型，則賦予時間范圍的屬性。

9.根據權利要求1所述的基于Vue的表單配置方法，其特征在于，所述的步驟S2中，形成表單的基本結構顯示在前端頁面上的步驟中：

表單的基本結構在前端頁面顯示后，根據配置進行表單的交互，交互內容包括顯示默認值和顯示錯誤提示。

10.一種基于Vue的表單的配置系統，其特征在于，包括前端頁面、Web服務器、后端服務器以及數據庫；

所述的前端頁面，用于向Web服務器發起請求，Web服務器通過查詢數據庫的配置信息，獲取當前前端頁面的配置參數；

所述的Web服務器，包括規則查詢模塊，經過對配置信息的處理，返回前端頁面的基礎結構；

所述的后端服務器，與Web服務器相連接，用于判斷處理當前用戶可查看顯示的表單參數，并返回給前端頁面進行處理。

11.根據權利要求10所述的一種基于Vue的表單的配置系統，其特征在于，所述的數據庫為Mysql數據庫或DB數據庫。