[發明專利]一種可被集成的高擴展性頁面設計方法及系統

在審

• 申請號: 202210407724.2
• 申請日: 2022-04-19
• 公開（公告）號: CN114995806A
• 公開（公告）日: 2022-09-02
• 發明（設計）人: 郝晨光;梁紅敏;戚雨;姜楠
• 申請（專利權）人: 北京百特云享科技有限公司
• 主分類號: G06F8/35
• 分類號: G06F8/35;G06F8/34;G06F8/38;G06F8/71;G06F16/957;G06F16/958
• 代理公司: 滁州弘知潤創知識產權代理事務所(普通合伙) 34222
• 代理人: 林凡燕

1.一種可被集成的高擴展性頁面設計方法，其特征在于：所述可被集成的高擴展性頁面設計方法包括：

S1、設計具有畫布區域、控件欄、屬性面板的頁面設計器，在畫布區域排版控件、配置控件屬性，最終生成頁面模型；

S2、管理所有已定義的控件模型，針對當前頁面的控件樹結構，提供新增、刪除、拖入容器控件、拖出容器控件、顯示屬性定義、設置屬性功能；

S3、將生成的頁面模型放置在基于具體技術框架配合具體組件庫上進行頁面渲染；

S4、根據版本號判斷，舊版本頁面屬性通過版本轉換引擎逐級轉換成為新版本屬性。

2.根據權利要求1所述的一種可被集成的高擴展性頁面設計方法，其特征在于：所述頁面設計器具有布局控件和普通控件兩種類型的控件，布局控件中可以放置布局控件或普通控件，普通控件只能被放置于布局控件中，所述普通控件可設置包括允許上傳的文件類型、最多上傳文件數量和最大上傳文件大小的特征屬性，所述布局控件除了可以設置自身的特征屬性以外，還具有子控件集合。

3.根據權利要求1所述的一種可被集成的高擴展性頁面設計方法，其特征在于：所述頁面設計器中，在控件欄中呈現已注冊的控件定義；畫布區域根據布局引擎提供的控件樹，按樹結構層次逐步繪制，具體在控件需要按照布局引擎提供的接口實現各自具體渲染圖形；在選中控件時，屬性面板通過布局引擎獲取該組件的屬性定義，渲染到屬性面板中，在屬性面板中設置屬性將會更新到布局引擎中的控件樹中，集成時需要獲取和接收頁面模型的數據。

4.根據權利要求1所述的一種可被集成的高擴展性頁面設計方法，其特征在于：所述控件模型采用JSON結構，包括唯一標識、類型、特征屬性集合，接入的實現框架需要接收控件屬性定義、并調用API暴露事件改變自身狀態和屬性值；所述頁面模型采用JSON結構，包括唯一標識、類型、特征屬性集合、子控件集合屬性，接入實現不需要做額外的對接。

5.根據權利要求1所述的一種可被集成的高擴展性頁面設計方法，其特征在于：由布局引擎管理所有已定義的控件模型和針對當前頁面的控件樹結構，提供新增、刪除、拖入容器控件、拖出容器控件、顯示屬性定義、設置屬性功能。

6.根據權利要求1所述的一種可被集成的高擴展性頁面設計方法，其特征在于：渲染時由渲染引擎對接實現框架的數據接口，獲取頁面模型，再配合控件模型即可渲染對應的頁面。

7.根據權利要求1所述的一種可被集成的高擴展性頁面設計方法，其特征在于：逐級轉換版本屬性方式是由版本轉換引擎維護控件每個版本的屬性升級的轉換函數，對頁面模型中的所有控件所記錄的版本，對控件版本進行逐級升級，直至當前最新版本，上述操作在頁面設計器保存時和渲染引擎執行前執行。