[發明專利]一種基于組件組成的活動頁面開發系統與方法

在審

• 申請號: 202011032141.3
• 申請日: 2020-09-27
• 公開（公告）號: CN112241257A
• 公開（公告）日: 2021-01-19
• 發明（設計）人: 鐘正陽;唐昆侯
• 申請（專利權）人: 湖南映客互娛網絡信息有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30;G06F8/34;G06F8/38
• 代理公司: 上海波拓知識產權代理有限公司 31264
• 代理人: 周志中

1.一種基于組件組成的活動頁面開發系統，其特征在于，包括數據源及編輯器，所述編輯器從所述數據源中獲取數據，所述編輯器包括基礎組件模塊、組合組件模塊、屬性編輯模塊、事件編輯模塊、狀態管理模塊、渲染器模塊，所述基礎組件模塊用于生成頁面基本元素，所述組合組件模塊用于將各組件組合使用，所述屬性編輯模塊用于編輯組件屬性，所述事件編輯模塊用于編輯總體組件的事件發生，所述狀態管理模塊用于修改組件狀態，所述渲染器模塊，用于將文本字段渲染成組件。

2.如根據權利要求1所述的活動頁面開發系統，其特征在于，包括：編輯器包括普通編輯器或/和H5編輯器兩種，普通編輯器能從數據源中獲取數據，向數據源上傳保存數據；H5編輯器只能獲取數據不能上傳保存數據。

3.如根據權利要求1所述的活動頁面開發系統，其特征在于，所述頁面基本元素包括文字、圖片、長圖、圖片輪播、矩形邊框、內嵌iframe、按鈕、富文本、彈窗、列表容器。

4.如根據權利要求1所述的活動頁面開發系統，其特征在于，所述組合組件模塊包括表單組件與功能組件；其中表單組件包括：文本框、多行文本；功能組件包括：音樂、音樂播放器、數據獲取、倒計時。

5.如根據權利要求1所述的活動頁面開發系統，其特征在于，所述組件屬性包括：當前頁樣式、頁面尺寸、H5全屏打開條件和是否圖片長按保存的選項。

6.如根據權利要求1所述的活動頁面開發系統，其特征在于，所述事件編輯模塊包括組件層級和中部編輯面板；用以讓使用人員從左側組件庫中拖動組件到中部的編輯面板，對組件事件進行設定。

7.如根據權利要求1所述的活動頁面開發系統，其特征在于，所述渲染器模塊包括靜態組件和動態組件，用于渲染文本構成組件，使組件構成頁面調節光影效果，使頁面更加華麗或真實。

8.如根據權利要求1至7任一所述的活動頁面開發系統，其特征在于，所述活動頁面開發系統使用可視化的頁面搭建界面來實現。

9.一種利用如權利要求1至8中任一活動頁面開發系統的活動頁面開發方法，其特征在于，包括：利用基礎組件模塊、組合組件模塊、屬性編輯模塊、事件編輯模塊、狀態管理模塊形成多個組件，利用渲染器模塊將所述組件全部渲染到頁面對應的位置組合成完整的頁面，所述編輯器從所述數據源中獲取數據。

10.如權利要求9所述的活動頁面開發方法，其特征在于，所述編輯器包括普通編輯器，所述普通編輯器從數據源中獲取數據，向數據源上傳保存數據。