[发明专利]一种基于组件组成的活动页面开发系统与方法

说明书

本发明公开了一种基于组件组成的活动页面开发系统与方法，其中基于组件组成的活动页面开发方法，包括数据源及编辑器，所述编辑器从所述数据源中获取数据，所述编辑器包括基础组件模块、组合组件模块、属性编辑模块、事件编辑模块、状态管理模块、渲染器模块，所述基础组件模块用于生成页面基本元素，所述组合组件模块用于将各组件组合使用，所述属性编辑模块用于编辑组件属性，所述事件编辑模块用于编辑总体组件的事件发生，所述状态管理模块用于修改组件状态，所述渲染器模块，用于将文本字段渲染成组件。通过简化开发过程，去除部署流程减少对开发人员对占用，达到降低企业成本的目的。

技术领域

本发明涉及网络技术领域，特别是涉及一种基于组件组成的活动页面开发系统与方法。

背景技术

现有的页面开发模式使用固定代码的编程技术，经过编写、编译、部署等步骤，将页面部署到服务器上。用户可以通过访问特定的网络地址打开相应的页面。

由于活动型页面具有数量多、周期短、形式较为统一的特点，需要占用较多的开发人员人力，导致成本增加。

发明内容

本发明的目的在于提供一种能简化开发过程的基于组件组成的活动页面开发系统。

本发明提供的一种基于组件组成的活动页面开发系统，包括：数据源及编辑器，所述编辑器从所述数据源中获取数据，所述编辑器包括基础组件模块、组合组件模块、属性编辑模块、事件编辑模块、状态管理模块、渲染器模块，所述基础组件模块用于生成页面基本元素，所述组合组件模块用于将各组件组合使用，所述属性编辑模块用于编辑组件属性，所述事件编辑模块用于编辑总体组件的事件发生，所述状态管理模块用于修改组件状态，所述渲染器模块，用于将文本字段渲染成组件。

进一步地，所述编辑器包括普通编辑器或/和H5(H5广告)编辑器两种，普通编辑器能从数据源中获取数据，向数据源上传保存数据；H5编辑器只能获取数据不能上传保存数据。

进一步地，所述页面基本元素包括文字、图片、长图、图片轮播、矩形边框、内嵌iframe(浮动框架)、按钮、富文本、弹窗、列表容器。

进一步地，所述组合组件模块包括表单组件与功能组件；其中表单组件包括：文本框、多行文本；功能组件包括：音乐、音乐播放器、数据获取、倒计时。

进一步地，所述组件属性包括：当前页样式、页面尺寸、H5全屏打开条件和是否图片长按保存的选项。

进一步地，所述事件编辑模块包括组件层级和中部编辑面板；用以让使用人员从左侧组件库中拖动组件到中部的编辑面板，对组件事件进行设定。

进一步地，所述渲染器模块包括静态组件和动态组件，用于渲染文本构成组件，使组件构成页面调节光影效果，使页面更加华丽或真实。

进一步地，所述活动页面开发系统使用可视化的页面搭建界面来实现。

本发明还提供一种利用上述活动页面开发系统的活动页面开发方法，包括：利用基础组件模块、组合组件模块、属性编辑模块、事件编辑模块、状态管理模块形成多个组件，利用渲染器模块将所述组件全部渲染到页面对应的位置组合成完整的页面，所述编辑器从所述数据源中获取数据。

进一步地，所述编辑器包括普通编辑器，所述普通编辑器从数据源中获取数据，向数据源上传保存数据。

本发明的一种基于组件组成的活动页面开发系统与方法能够解决重复活动页面导致的开发人员占用过多的问题。通过简化开发过程，去除部署流程减少对开发人员对占用，达到降低企业成本的目的。

附图说明

图1为本发明实施例提供的一种基于组件组成的活动页面开发系统的结构图；

图2为本发明实施例提供的一种基于组件组成的活动页面开发系统的界面图。