[发明专利]一种页面可视化动态组件配置方法及系统

说明书

本发明公开了一种页面可视化动态组件配置方法及系统，包括：预先构建基础组件、业务组件及页面组件；对所述基础组件、业务组件及页面组件进行拆分得到相应的组成结构，并生成对应的JSON数据；根据JSON数据将对应的组件拖拽至界面编辑区域，按照业务逻辑参考组件开发文档定义的相关事件、方法、属性要求来完成相应的配置；对完成组件配置流程的组件，开始进行相关调试工作。实现一键发布，节省审核时间，提高运营效率，同时实现代码组件化，样式可配置，数据可动态绑定，功能可随时扩展，提高研发人员效率，支持自主配置页面的内容样式和交互方式。

技术领域

本发明涉及计算机web前端技术领域，特别涉及一种页面可视化动态组件配置方法及系统。

背景技术

随着计算机技术的不断发展，人们通过终端实现网络运营。想要实现更好的运营效果，运营人员往往会在页面样式及业务实现方式上进行频繁且大规模的修改调整。但是小程序是搭建在某些应用程序框架内的，需要受到应用程序平台方的审核与监管；而诸如安卓、IOS端的应用程序如新增了业务功能往往也需要到对应的应用平台进行发布提审，因此在上线前都要等待漫长的审核时间，导致运营效率低，另外，在研发人员对页面样式及业务实现方式进行修改时，需要从重新设计代码、样式等，费时费力。

发明内容

本发明旨在至少一定程度上解决上述技术中的技术问题之一。为此，本发明的第一个目的在于提出一种页面可视化动态组件配置方法，实现一键发布，节省审核时间，提高运营效率，同时实现代码组件化，样式可配置，数据可动态绑定，功能可随时扩展，提高研发人员效率，支持自主配置页面的内容样式和交互方式。

本发明的第二个目的在于提出一种页面可视化动态组件配置系统。

为达到上述目的，本发明第一方面实施例提出了一种页面可视化动态组件配置方法，包括：

预先构建基础组件、业务组件及页面组件；

对所述基础组件、业务组件及页面组件进行拆分得到相应的组成结构，并生成对应的JSON数据；

根据JSON数据将对应的组件拖拽至界面编辑区域，按照业务逻辑参考组件开发文档定义的相关事件、方法、属性要求来完成相应的配置；

对完成组件配置流程的组件，开始进行相关调试工作。

根据本发明的一些实施例，所述预先构建基础组件、业务组件及页面组件，包括：

获取页面元素数据，根据所述页面元素数据生成基础组件；

获取业务营销数据，根据所述业务营销数据生成业务组件；

获取页面空间数据，根据所述页面空间数据生成页面组件。

根据本发明的一些实施例，所述基础组件包括图片、文字、图表、按钮、线条、时间中的至少一种；所述业务组件包括营销组件；所述页面组件包括通用页面、定开页面。

根据本发明的一些实施例，通过前端页面及渲染组件实现对JSON数据的解析。

根据本发明的一些实施例，所述组成结构包括后端接口和业务实现端的配置。

根据本发明的一些实施例，所述相应的配置包括根据所述后端接口的类型配置所述后端接口的资源。

根据本发明的一些实施例，在根据JSON数据将对应的组件拖拽至界面编辑区域后，还包括：

获取拖拽至界面编辑区域的组件类型，根据组件类型查询预设组件类型-顺序表，确定第一顺序标签、第二顺序标签及第三顺序标签；

将第一顺序标签对应的组件生成第一分页；将第二顺序标签对应的组件生成第二分页；将第三顺序标签对应的组件生成第三分页；