[發明專利]一種頁面可視化動態組件配置方法及系統

在審

• 申請號: 202210136442.3
• 申請日: 2022-02-15
• 公開（公告）號: CN114489610A
• 公開（公告）日: 2022-05-13
• 發明（設計）人: 不公告發明人
• 申請（專利權）人: 北京智達互動科技有限公司
• 主分類號: G06F8/33
• 分類號: G06F8/33;G06F8/34;G06F8/38
• 代理公司: 北京冠和權律師事務所 11399
• 代理人: 吳金水

本發明公開了一種頁面可視化動態組件配置方法及系統，包括：預先構建基礎組件、業務組件及頁面組件；對所述基礎組件、業務組件及頁面組件進行拆分得到相應的組成結構，并生成對應的JSON數據；根據JSON數據將對應的組件拖拽至界面編輯區域，按照業務邏輯參考組件開發文檔定義的相關事件、方法、屬性要求來完成相應的配置；對完成組件配置流程的組件，開始進行相關調試工作。實現一鍵發布，節省審核時間，提高運營效率，同時實現代碼組件化，樣式可配置，數據可動態綁定，功能可隨時擴展，提高研發人員效率，支持自主配置頁面的內容樣式和交互方式。

技術領域

本發明涉及計算機web前端技術領域，特別涉及一種頁面可視化動態組件配置方法及系統。

背景技術

隨著計算機技術的不斷發展，人們通過終端實現網絡運營。想要實現更好的運營效果，運營人員往往會在頁面樣式及業務實現方式上進行頻繁且大規模的修改調整。但是小程序是搭建在某些應用程序框架內的，需要受到應用程序平臺方的審核與監管；而諸如安卓、IOS端的應用程序如新增了業務功能往往也需要到對應的應用平臺進行發布提審，因此在上線前都要等待漫長的審核時間，導致運營效率低，另外，在研發人員對頁面樣式及業務實現方式進行修改時，需要從重新設計代碼、樣式等，費時費力。

發明內容

本發明旨在至少一定程度上解決上述技術中的技術問題之一。為此，本發明的第一個目的在于提出一種頁面可視化動態組件配置方法，實現一鍵發布，節省審核時間，提高運營效率，同時實現代碼組件化，樣式可配置，數據可動態綁定，功能可隨時擴展，提高研發人員效率，支持自主配置頁面的內容樣式和交互方式。

本發明的第二個目的在于提出一種頁面可視化動態組件配置系統。

為達到上述目的，本發明第一方面實施例提出了一種頁面可視化動態組件配置方法，包括：

預先構建基礎組件、業務組件及頁面組件；

對所述基礎組件、業務組件及頁面組件進行拆分得到相應的組成結構，并生成對應的JSON數據；

根據JSON數據將對應的組件拖拽至界面編輯區域，按照業務邏輯參考組件開發文檔定義的相關事件、方法、屬性要求來完成相應的配置；

對完成組件配置流程的組件，開始進行相關調試工作。

根據本發明的一些實施例，所述預先構建基礎組件、業務組件及頁面組件，包括：

獲取頁面元素數據，根據所述頁面元素數據生成基礎組件；

獲取業務營銷數據，根據所述業務營銷數據生成業務組件；

獲取頁面空間數據，根據所述頁面空間數據生成頁面組件。

根據本發明的一些實施例，所述基礎組件包括圖片、文字、圖表、按鈕、線條、時間中的至少一種；所述業務組件包括營銷組件；所述頁面組件包括通用頁面、定開頁面。

根據本發明的一些實施例，通過前端頁面及渲染組件實現對JSON數據的解析。

根據本發明的一些實施例，所述組成結構包括后端接口和業務實現端的配置。

根據本發明的一些實施例，所述相應的配置包括根據所述后端接口的類型配置所述后端接口的資源。

根據本發明的一些實施例，在根據JSON數據將對應的組件拖拽至界面編輯區域后，還包括：

獲取拖拽至界面編輯區域的組件類型，根據組件類型查詢預設組件類型-順序表，確定第一順序標簽、第二順序標簽及第三順序標簽；

將第一順序標簽對應的組件生成第一分頁；將第二順序標簽對應的組件生成第二分頁；將第三順序標簽對應的組件生成第三分頁；