[發明專利]表單組件

在審

• 申請號: 202011268086.8
• 申請日: 2020-11-13
• 公開（公告）號: CN112380477A
• 公開（公告）日: 2021-02-19
• 發明（設計）人: 王可
• 申請（專利權）人: 廣東巴金斯科技有限公司
• 主分類號: G06F16/958
• 分類號: G06F16/958;G06F40/18
• 代理公司: 北京細軟智谷知識產權代理有限責任公司 11471
• 代理人: 付登云

本申請涉及一種表單組件，包括：表頭組件，表體組件，短表體組件，狀態欄組件和表單校驗組件。本申請中，開發人員可以自行編寫字段配置文件，字段配置文件做為輸入項輸入表單組件內部，被表頭組件，表體組件和短表體組件進行解析，表頭組件，表體組件和短表體組件進行解析根據解析得到的表單配置數據生成表單。開發人員只需完成編寫字段配置文件過程，表單組件可以根據開發人員編寫的字段配置文件生成開發人員需要的表單，省去了開發人員按照字段文檔一行一行的手寫HTML標簽代碼的過程，減少了開發人員的操作量，提高了效率和準確性。并且還包括表單校驗組件對解析得到的表單配置數據中所有字段的值進行校驗；狀態欄組件顯示表單的生成狀態和表單校驗組件輸出的校驗結果，表單組件的功能更加多元化。

技術領域

本申請涉及頁面前端開發技術領域，尤其涉及一種表單組件。

背景技術

由于Vue和React等前端開發框架的快速發展，前端開發已經進入組件式開發時代，但是目前的前端組件多是針對移動端應用或簡單的數據提交(像用戶注冊、用戶信息提交等)，而像跨境電商業務需要大量表單填報和數據提交的頁面開發則幾乎沒有相應的開發組件庫支持。而且填報系統的用戶群體并非普通大眾而是有一定專業性的操作員，所以表單組件不能只是簡單的錄入和提交，還要考慮錄入數據的高效性、便利性和準確性。但是目前的表單組件需要開發工程師編寫大量重復的HTML標簽代碼，操作量較大，效率較低，且容易出現差錯。并且，目前的表單組件無法對表單的當前狀態進行監控。

發明內容

為至少在一定程度上克服相關技術中存在的問題，本申請提供一種表單組件。

本申請的方案如下：

一種表單組件，包括：

表頭組件，表體組件，短表體組件，狀態欄組件和表單校驗組件；

所述狀態欄組件為公共組件，所述表頭組件，表體組件和短表體組件均引用所述狀態欄組件；

所述表單校驗組件為公共組件，所述表頭組件，表體組件和短表體組件均引用所述表單校驗組件；

所述表頭組件配置有字段配置文件解析功能；

所述表體組件引用所述表頭組件，并配置有字段配置文件解析功能和列表操作功能；

所述短表體組件引用所述表頭組件，并配置有字段配置文件解析功能和列表操作功能；

所述表頭組件用于對輸入的字段配置文件進行解析，根據解析得到的表單配置數據生成表單表頭；

所述表體組件用于對輸入的所述字段配置文件進行解析，根據解析得到的所述表單配置數據生成表單表體和可編輯的列表操作項；

所述短表體組件用于對輸入的所述字段配置文件進行解析，根據解析得到的所述表單配置數據生成表單短表體和可編輯的列表操作項；

所述表單校驗組件用于對解析得到的所述表單配置數據中所有字段的值進行校驗，并輸出校驗結果；

所述狀態欄組件用于顯示表單的生成狀態和所述表單校驗組件輸出的校驗結果。

優選的，在本申請一種可實現的方式中，

所述表頭組件，表體組件和短表體組件還配置有表單狀態初始化功能；

所述表頭組件，表體組件和短表體組件還用于根據解析得到的所述表單配置數據在組件內部進行數據的初始化。

優選的，在本申請一種可實現的方式中，

所述表頭組件還配置有默認值配置功能；

所述表頭組件基于所述默認值配置功能，根據解析得到的所述表單配置數據為各字段配置默認值。

優選的，在本申請一種可實現的方式中，