[發明專利]表單渲染方法、裝置、計算機設備及存儲介質

在審

• 申請號: 202010973641.0
• 申請日: 2020-09-16
• 公開（公告）號: CN112015420A
• 公開（公告）日: 2020-12-01
• 發明（設計）人: 文青;植挺生;羅淑冰
• 申請（專利權）人: 廣東廣宇科技發展有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F40/14
• 代理公司: 廣州市華學知識產權代理有限公司 44245
• 代理人: 李君;梁瑩

本發明公開了一種表單渲染方法、裝置、計算機設備及存儲介質，所述方法包括：在各個應用頁面中引用預先創建的表單渲染通用組件，使表單渲染通用組件的表單彈窗模塊渲染到各個應用頁面上；針對每個應用頁面，引用相應的表單配置模塊，使該表單配置模塊作為參數傳入表單渲染通用組件；針對每個應用頁面，引用相應的表單驗證規則模塊，使該表單驗證規則模塊作為參數傳入表單渲染通用組件；根據傳入表單渲染通用組件的各項參數，通過表單渲染通用組件對每個應用頁面進行渲染，得到對應的表單模塊。本發明通過表單渲染通用組件可以簡潔快捷地重用表單，快速實現應用頁面的表單功能，增強應用頁面的可維護性，提高開發人員工作效率。

技術領域

本發明涉及一種表單渲染方法、裝置、計算機設備及存儲介質，屬于后臺管理系統的開發領域。

背景技術

在后臺管理系統中，表單是必不可少的。開發一個后臺管理系統，表單的編寫布滿整個系統的各個應用頁面。

Vue.js是一套用于構建用戶界面的漸進式框架，它可以自底向上逐層應用，目前在國內被廣泛使用。它是基于MVVM框架做開發的，MVVM是前端開發中一種很有影響力的模式，實現了響應式的雙向數據綁定，它的底層提供了很多實用的API，減少了實現頁面功能很多繁瑣的操作，可以快速地構建系統網站。與Vue.js框架較常配套使用的是iView組件庫，iView是一套基于Vue.js的開源UI組件庫，主要服務于PC界面的中后臺產品，有豐富常見的組件供開發人員使用，基于iView組件庫提供的表單組件，為開發人員提高了工作效率。

目前，基于Vue基礎的iView組件庫提供的表單組件雖然可以幫助開發人員快速建立表單，但由于多個界面的表單功能相仿，表單組件雷同，所以出現了部分代碼冗余和編碼重復的情況。相同功能在修改維護時，也需要逐個頁面修改維護，在完成一些復制粘貼的功能時花費了大量時間，這大大增加了時間成本和代碼維護難度。

發明內容

有鑒于此，本發明提供了一種表單渲染方法、裝置、計算機設備及存儲介質，其通過表單渲染通用組件可以簡潔快捷地重用表單，快速實現應用頁面的表單功能，增強應用頁面的可維護性，提高開發人員工作效率。

本發明的第一個目的在于提供一種表單渲染方法。

本發明的第二個目的在于提供一種表單渲染裝置。

本發明的第三個目的在于提供一種計算機設備。

本發明的第四個目的在于提供一種存儲介質。

本發明的第一個目的可以通過采取如下技術方案達到：

一種表單渲染方法，所述方法包括：

在各個應用頁面中引用預先創建的表單渲染通用組件，使表單渲染通用組件的表單彈窗模塊渲染到各個應用頁面上；

針對每個應用頁面，引用相應的表單配置模塊，使該表單配置模塊作為參數傳入表單渲染通用組件；

針對每個應用頁面，引用相應的表單驗證規則模塊，使該表單驗證規則模塊作為參數傳入表單渲染通用組件；

根據傳入表單渲染通用組件的各項參數，通過表單渲染通用組件對每個應用頁面進行渲染，得到對應的表單模塊。

進一步的，所述針對每個應用頁面，引用相應的表單配置模塊，使該表單配置模塊作為參數傳入表單渲染通用組件，具體包括：

針對每個應用頁面，引用相應的表單配置模塊，將該表單配置模塊中的表單項名稱、表單項字段、表單項寬度、表單項類型和只讀選項作為參數傳入表單渲染通用組件；

判斷該表單配置模塊是否有下拉選框；

當該表單配置模塊有下拉選擇框時，請求數據接口，獲取對應的下拉選框數據，作為參數傳入表單渲染通用組件。