一种用于营销页面的搭建平台及营销页面搭建方法技术

技术编号：41339754 阅读：4 留言：0更新日期：2024-05-20 09:57

本发明专利技术涉及计算机技术领域，具体涉及一种用于营销页面的搭建平台及营销页面搭建方法；本搭建平台包括元素管理模块用于上传和存放元素，编辑区用于展示页面中的元素且针对拖入的元素进行配置形成营销页面，属性栏用于针对选择的编辑区内的元素进行属性配置和规则配置，通过属性配置设置元素样式，通过规则配置设置元素活动需要的规则信息，页面交互栏用于配置编辑区内的元素所在页面之间的交互，其中，元素包括互动组件；本发明专利技术营销页面的搭建平台通过互动组件实现页面搭建的多样性，一套互动组件可生成多种活动页面模板，减少前端开发工作量，提升页面搭建效率。

全部详细技术资料下载

【技术实现步骤摘要】

本专利技术涉及计算机，具体涉及一种用于营销页面的搭建平台及营销页面搭建方法。

技术介绍

1、目前现有的市场活动场景中，功能更丰富、吸引力更强的营销类活动日益受到客户和用户的青睐。常见的如抽奖类、领取类、报名类、助力类、分享类活动等等。这些活动往往伴随数据的动态获取、活动规则的灵活配置、玩法的千变万化、与服务端的交互密切等特点。与内容型的静态模板相比功能更强大，实现方式也更复杂。目前绝大多数的搭建平台都不能实现这类配置，少数的搭建平台虽然有类似的功能，可以配置活动规则，但是模板固化严重，缺乏灵活性和扩展能力，无法满足市场的需求。

2、传统的移动端h5页面的开发和更新，都需要经历代码编写-功能测试-发版上线的流程，周期长、投入大、效率低，是无法消除的硬伤。如何借鉴页面配置的方式，通过搭建平台快速的生成h5页面，目前并没有有效的解决办法。

技术实现思路

1、针对上述现有技术的不足，本专利技术旨在提供一种用于营销页面的搭建平台及营销页面搭建方法，以解决现有页面搭建平台针对页面开发或更新需要对代码进行更改，造成的周期长、工作量大以及模板固化严重的问题。

2、为了解决上述问题，本专利技术采用了如下的技术方案：

3、一方面，本专利技术提供一种用于营销页面的搭建平台，包括：元素管理模块、编辑区、属性栏和页面交互栏；

4、所述元素管理模块用于上传和存放元素；

5、所述编辑区用于展示页面中的元素且针对拖入的元素进行配置形成营销页面；

<p>6、所述属性栏用于针对选择的编辑区内的元素进行属性配置和规则配置，通过属性配置设置元素样式，通过规则配置设置元素活动需要的规则信息；

7、所述页面交互栏用于配置编辑区内的元素所在页面之间的交互；

8、所述元素包括互动组件，所述互动组件内置数据模型和动作模型，所述数据模型用于定义字段的名称、类型、枚举、结构和释义；

9、所述动作模型用于定义不同类型互动组件所需的动作以及动作的类型、功能和关联字段，动作的类型包括接口类动作和交互类动作，其中接口类动作用于按数据模型定义的字段内容获取互动组件所需的数据，交互类动作用于扩展组件的业务逻辑；

10、每个互动组件具有唯一的组件标识，且其信息存放在comprecords对象中，以组件标识作为键值；多个互动组件形成组合组件，组合组件具有唯一的组合标识，且组合组件的关联信息存放到templatecombinations中以模板标识-组合标识作为键值的数组中；互动组件通过动作模型获取的数据存放在combinationdatas对象中的以模板标识-组合标识为键值的对象中；当多个互动组件形成组合组件时，组合组件内的互动组件根据模板标识和组合标识，通过模板标识-组合标识键值从combinationdatas对象中获取该模板下组合组件内的所有数据，实现组合组件内互动组件的数据互通。

11、作为一种可实施方式，所述动作通过客户端根据动作模型中的动作定义动作的具体业务逻辑，通过模板生成器向互动组件注入，将客户端定义动作的具体业务逻辑作为一个js函数，将接收的互动组件数据、互动组件规则和动作参数作为js函数的参数对动作的具体业务逻辑进行定义；若动作为接口类动作，则通过promise.resolve返回处理后的数据，返回处理后的数据符合数据模型定义的字段内容，若动作为交互类动作，则通过promise.resolve返回true或false，表示该动作执行成功或失败。

12、作为一种可实施方式，所述组合组件通过内置的关联组件关系图进行互动组件间的业务逻辑；其中关联组件关系图中包括动作和动作之间的关系、动作和组件之间的关系以及组件和组件之间的关系；动作和动作之间的关系会在动作完成时触发组合组件内的关联动作，动作和组件之间的关系在动作完成时显示组合组件内关联组件所在页面或在组件完成时触发组合组件内的关联动作，组件和组件之间的关系会在一个组件内部的特定触发动作完成后显示或触发组合内的另一个组件。

13、作为一种可实施方式，所述模板生成器和所述互动组件基于uni-app框架开发，在h5端或小程序端通过安装模板生成器、上传互动组件和远程加载元素或安装元素包形成页面配置。

14、作为一种可实施方式，所述互动组件和/或其他组件形成页面模板，存储于模板生成器的vuex模块中，且每个页面模板具有唯一模板标识。

15、作为一种可实施方式，所述元素还包括图片、文字、音频、视频、图文和h5基础元件；

16、所述h5基础元件包括按钮、输入框、轮播图、宫格位、标题栏、分隔栏、容器、拼图、热区和实时日期。

17、作为一种可实施方式，还包括元素开发模块；所述元素开发模块用于开发互动组件，完成后打包成zip压缩包，上传至所述元素管理模块。

18、作为一种可实施方式，还包括模板管理模块，用于上传和存放已配置的营销页面模板。

19、另一方面，本专利技术提供一种基于所述的用于营销页面的搭建平台的营销页面搭建方法，包括：

20、将存放于元素管理模块中的元素拖入编辑区内，对各元素进行配置，形成营销页面；

21、选择编辑区内的元素，在属性栏内设置选择的元素的属性配置和规则配置；

22、在页面交互栏中对编辑区内的元素所在页面之间的交互进行配置；

23、对配置完成的营销页面进行保存，形成已配置的营销页面模板。

24、作为一种可实施方式，本方法还包括选择模板管理模块中已配置的营销页面模板，编辑区内显示已配置的营销页面模板的元素，对已配置的营销页面模板的元素进行调整，形成新的营销页面；

25、选择编辑区内的元素，在属性栏内设置选择的元素的属性配置和规则配置；

26、在页面交互栏中对编辑区内的元素所在页面之间的交互进行配置；

27、对配置完成的新的营销页面进行保存，形成已配置的新的营销页面模板。

28、本专利技术的有益效果在于：本专利技术营销页面搭建平台通过互动组件实现灵活的页面配置，互动组件内置数据模型和动作模型，具有更好的适配性和扩展性，减少页面配置或更新的工作量，并通过互动组件的组合实现组合内数据互通且使互动组件具有更多的搭配方式，增加互动组件的功能，本营销页面搭建平台通过可视化模式进行页面配置。通过互动组件及其他元素的组合，一套互动组件可以生成无数个活动模板，减少了传统模式下的前端开发工作量，提升了效率。

本文档来自技高网...

【技术保护点】

1.一种用于营销页面的搭建平台，其特征在于，包括：元素管理模块、编辑区、属性栏和页面交互栏；

2.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，所述动作通过客户端根据动作模型中的动作定义动作的具体业务逻辑，通过模板生成器向互动组件注入，将客户端定义动作的具体业务逻辑作为一个JS函数，将接收的互动组件数据、互动组件规则和动作参数作为JS函数的参数对动作的具体业务逻辑进行定义；若动作为接口类动作，则通过Promise.resolve返回处理后的数据，返回处理后的数据符合数据模型定义的字段内容，若动作为交互类动作，则通过Promise.resolve返回true或false，表示该动作执行成功或失败。

3.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，所述组合组件通过内置的关联组件关系图进行互动组件间的业务逻辑；其中关联组件关系图中包括动作和动作之间的关系、动作和组件之间的关系以及组件和组件之间的关系；动作和动作之间的关系会在动作完成时触发组合组件内的关联动作，动作和组件之间的关系在动作完成时显示组合组件内关联组件所在页面或在组件完成时触发组

4.根据权利要求2所述的用于营销页面的搭建平台，其特征在于，所述模板生成器和所述互动组件基于uni-app框架开发，在H5端或小程序端通过安装模板生成器、上传互动组件和远程加载元素或安装元素包形成页面配置。

5.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，所述互动组件和/或其他元素形成页面模板，存储于模板生成器的Vuex模块中，且每个页面模板具有唯一模板标识。

6.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，所述元素还包括图片、文字、音频、视频、图文和H5基础元件；

7.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，还包括元素开发模块；所述元素开发模块用于开发互动组件，完成后打包成zip压缩包，上传至所述元素管理模块。

8.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，还包括模板管理模块，用于上传和存放已配置的营销页面模板。

9.一种基于权利要求1-8任一所述的用于营销页面的搭建平台的营销页面搭建方法，其特征在于，包括：

10.根据权利要求9所述的营销页面搭建方法，其特征在于，包括选择模板管理模块中已配置的营销页面模板，编辑区内显示已配置的营销页面模板的元素，对已配置的营销页面模板的元素进行调整，形成新的营销页面；

...

【技术特征摘要】

1.一种用于营销页面的搭建平台，其特征在于，包括：元素管理模块、编辑区、属性栏和页面交互栏；

2.根据权利要求1所述的用于营销页面的搭建平台，其特征在于，所述动作通过客户端根据动作模型中的动作定义动作的具体业务逻辑，通过模板生成器向互动组件注入，将客户端定义动作的具体业务逻辑作为一个js函数，将接收的互动组件数据、互动组件规则和动作参数作为js函数的参数对动作的具体业务逻辑进行定义；若动作为接口类动作，则通过promise.resolve返回处理后的数据，返回处理后的数据符合数据模型定义的字段内容，若动作为交互类动作，则通过promise.resolve返回true或false，表示该动作执行成功或失败。

4.根据权利要求...

【专利技术属性】
技术研发人员：李阳，李高伟，闫银涛，甘天亮，万振荣，
申请(专利权)人：北京领雁科技股份有限公司，
类型：发明
国别省市：

全部详细技术资料下载我是这个专利的主人