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

在審

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

本發明公開了一種基于組件組成的活動頁面開發系統與方法，其中基于組件組成的活動頁面開發方法，包括數據源及編輯器，所述編輯器從所述數據源中獲取數據，所述編輯器包括基礎組件模塊、組合組件模塊、屬性編輯模塊、事件編輯模塊、狀態管理模塊、渲染器模塊，所述基礎組件模塊用于生成頁面基本元素，所述組合組件模塊用于將各組件組合使用，所述屬性編輯模塊用于編輯組件屬性，所述事件編輯模塊用于編輯總體組件的事件發生，所述狀態管理模塊用于修改組件狀態，所述渲染器模塊，用于將文本字段渲染成組件。通過簡化開發過程，去除部署流程減少對開發人員對占用，達到降低企業成本的目的。

技術領域

本發明涉及網絡技術領域，特別是涉及一種基于組件組成的活動頁面開發系統與方法。

背景技術

現有的頁面開發模式使用固定代碼的編程技術，經過編寫、編譯、部署等步驟，將頁面部署到服務器上。用戶可以通過訪問特定的網絡地址打開相應的頁面。

由于活動型頁面具有數量多、周期短、形式較為統一的特點，需要占用較多的開發人員人力，導致成本增加。

發明內容

本發明的目的在于提供一種能簡化開發過程的基于組件組成的活動頁面開發系統。

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

進一步地，所述編輯器包括普通編輯器或/和H5(H5廣告)編輯器兩種，普通編輯器能從數據源中獲取數據，向數據源上傳保存數據；H5編輯器只能獲取數據不能上傳保存數據。

進一步地，所述頁面基本元素包括文字、圖片、長圖、圖片輪播、矩形邊框、內嵌iframe(浮動框架)、按鈕、富文本、彈窗、列表容器。

進一步地，所述組合組件模塊包括表單組件與功能組件；其中表單組件包括：文本框、多行文本；功能組件包括：音樂、音樂播放器、數據獲取、倒計時。

進一步地，所述組件屬性包括：當前頁樣式、頁面尺寸、H5全屏打開條件和是否圖片長按保存的選項。

進一步地，所述事件編輯模塊包括組件層級和中部編輯面板；用以讓使用人員從左側組件庫中拖動組件到中部的編輯面板，對組件事件進行設定。

進一步地，所述渲染器模塊包括靜態組件和動態組件，用于渲染文本構成組件，使組件構成頁面調節光影效果，使頁面更加華麗或真實。

進一步地，所述活動頁面開發系統使用可視化的頁面搭建界面來實現。

本發明還提供一種利用上述活動頁面開發系統的活動頁面開發方法，包括：利用基礎組件模塊、組合組件模塊、屬性編輯模塊、事件編輯模塊、狀態管理模塊形成多個組件，利用渲染器模塊將所述組件全部渲染到頁面對應的位置組合成完整的頁面，所述編輯器從所述數據源中獲取數據。

進一步地，所述編輯器包括普通編輯器，所述普通編輯器從數據源中獲取數據，向數據源上傳保存數據。

本發明的一種基于組件組成的活動頁面開發系統與方法能夠解決重復活動頁面導致的開發人員占用過多的問題。通過簡化開發過程，去除部署流程減少對開發人員對占用，達到降低企業成本的目的。

附圖說明

圖1為本發明實施例提供的一種基于組件組成的活動頁面開發系統的結構圖；

圖2為本發明實施例提供的一種基于組件組成的活動頁面開發系統的界面圖。