[發明專利]基于DSL布局引擎的動態表單生成方法在審
| 申請號: | 202011232987.1 | 申請日: | 2020-11-06 |
| 公開(公告)號: | CN112199626A | 公開(公告)日: | 2021-01-08 |
| 發明(設計)人: | 吳志雄;洪樂興;林磊 | 申請(專利權)人: | 南威軟件股份有限公司;福建南威軟件有限公司 |
| 主分類號: | G06F16/958 | 分類號: | G06F16/958 |
| 代理公司: | 福州元創專利商標代理有限公司 35100 | 代理人: | 丘鴻超;蔡學俊 |
| 地址: | 362000 福建省*** | 國省代碼: | 福建;35 |
| 權利要求書: | 查看更多 | 說明書: | 查看更多 |
| 摘要: | |||
| 搜索關鍵詞: | 基于 dsl 布局 引擎 動態 表單 生成 方法 | ||
本發明提出一種基于DSL布局引擎的動態表單生成方法,包括以下步驟:步驟S1:為每個組件定義組件元數據,所述組件元數據包括渲染組件所需要的所有屬性;步驟S2:由所有組件元數據的集合構成表單元數據;所述表單元數據為可被持久化,保存至數據庫中的結構化數據;步驟S3:通過數據解析渲染引擎將表單元數據轉化為HTML表單。其運用DSL動態布局引擎,可高效的配置生成樣式統一的表單,節省了很大一部分開發時間與經費,對于龐大的政務生態系統非常適用。
技術領域
本發明涉及信息科學、大數據處理、互聯網技術領域,尤其涉及一種基于DSL布局引擎的動態表單生成方法,以及基于JSX在VUE前端框架上根據元數據動態渲染表單的解決方案。
背景技術
目前,公知的主流表單渲染方案是研發原生的HTML5頁面,加上javascript腳本與css樣式的控制,或使用當下主流的前端技術框架(例如Bootstrap、Angular、Backbone、React),研發得到一個可見可用的表單。這樣的開發過程費時費力,有很大一部分的工作量屬于機械勞動,并且兩個或以上團隊開發的表單樣式極可能不一致,對于集成一套完整的政務生態系統,效果不是很理想。
發明內容
為了解決現有技術存在的缺陷和不足的問題,為了解決目前研發政務表單效率不高,樣式不統一的現狀,本發明提出一種基于DSL布局引擎的動態表單生成方法,其提供了一種可動態渲染表單的布局引擎,該引擎實現將表單內元素數據化、組件化,根據給定的JSON數據集合有序的渲染表單,基于此引擎,還可支持一些簡單的計算、邏輯校驗、外部接口數據獲取和多終端數據同步。該方案的核心在于如何定義元數據和如何去循環遍歷渲染表單組件。
具體采用以下技術方案:
一種基于DSL布局引擎的動態表單生成方法,其特征在于,包括以下步驟:
步驟S1:為每個組件定義組件元數據,所述組件元數據包括渲染組件所需要的所有屬性;
步驟S2:由所有組件元數據的集合構成表單元數據;所述表單元數據為可被持久化,保存至數據庫中的結構化數據;
步驟S3:通過數據解析渲染引擎將表單元數據轉化為HTML表單。
優選地,還包括步驟S4:將HTML表單經過三端CSS樣式的適配,得到可供多終端填報的定制表單。
優選地,步驟S3具體包括以下過程:
步驟S31:從配置好的組件元數據集合中,讀取約定好的固定字段,循環遍歷Dom字典,遍歷所有設計數據;
步驟S32:用字符串匹配去判斷每個節點的key與值,指引Dom去匹配相關組件模塊的代碼,匹配出input就創建單行文本,匹配出image就創建文件附件。
優選地,當匹配到的是帶有子節點的組件時,相同于步驟S31和步驟S32的操作,循環遍歷子節點,再讀取約定好的固定字段,再匹配到對應模塊的子組件,最后渲染得到帶子節點的組件。
優選地,所述三端CSS樣式包括:標準樣式、WEB樣式和APP樣式。
優選地,所述渲染組件所需要的所有屬性包括:組件標題、組件類型、組件編碼、是否必填、默認值、描述、排列方式、是否隱藏、是否可編輯、是否聯動、聯動規則、擴展屬性、填報值、是否子表單、子表單ID。
優選地,所述組件元數據為JSON格式。
本發明及其優選方案運用DSL動態布局引擎,可高效的配置生成樣式統一的表單,節省了很大一部分開發時間與經費,對于龐大的政務生態系統非常適用。
附圖說明
下面結合附圖和具體實施方式對本發明進一步詳細的說明:
該專利技術資料僅供研究查看技術是否侵權等信息,商用須獲得專利權人授權。該專利全部權利屬于南威軟件股份有限公司;福建南威軟件有限公司,未經南威軟件股份有限公司;福建南威軟件有限公司許可,擅自商用是侵權行為。如果您想購買此專利、獲得商業授權和技術合作,請聯系【客服】
本文鏈接:http://www.szxzyx.cn/pat/books/202011232987.1/2.html,轉載請聲明來源鉆瓜專利網。
- 上一篇:一種分隔組件的定位放置結構
- 下一篇:灰砂磚吊運用搬移器





