[发明专利]一种将可视化页面的功能组件进行关联的方法和装置

说明书

本发明实施例公开了一种将可视化页面的功能组件进行关联的方法和装置、以及存储介质和电子设备，所述方法包括：为拟生成的可视化页面选择多个功能组件；对所述多个功能组件中的每个功能组件进行渲染，生成每个功能组件的最终页面元素；通过脚本语言进行最终页面元素操作，确定被关联的功能组件的组件I D值；在拟与被关联的功能组件进行关联的功能组件的配置区域中填充被关联的功能组件的组件I D值，完成组件关联。通过为功能组件自动赋值唯一I D，既避免了功能组件命名困难，重复的问题，在保证全局组件I D值唯一的情况下，还节省了开发量。并且提供用户自定义组件I D来实现用户想要达到的组件关联交互效果，极大地提高了用户体验的满意度。

技术领域

本发明涉及计算机信息处理技术领域，尤其是将可视化页面的功能组件进行关联的方法和装置、以及存储介质和电子设备。

背景技术

现有技术中，存在在线通过各类开发的功能组件，如单图、轮播图、按钮、富文本、视频等，支持用户通过选中组件，进行组件相应的配置，最终通过类似拼图的方式，实现用户想要的页面效果。但随着用户体验的需求度增加，有时并不只是想简单的把各个组件拼接成一个页面进行展示，而是希望点击一个组件时会有弹框，里面可展示对应的内容，点击一个按钮可能会跳转页面，或者定位到某个页面中的组件上等等，而这就涉及到组件与页面，以及组件与组件之间的交互。如何根据用户的特殊需求，实现页面功能组件之间的关联和交互就成为一个亟需解决的问题。

发明内容

本发明要解决的问题当用户在线选择多个功能组件生成可视化页面时，如何通过将页面中的功能组件进行关联，从而实现组件与页面，组件与组件之间的交互。

为了解决上述问题，提出了本发明。本发明的实施例提供了一种将可视化页面的功能组件进行关联的方法和装置、以及存储介质和电子设备。

根据本发明实施例的一个方面，提供了一种将可视化页面的功能组件进行关联的方法，包括：

为拟生成的可视化页面选择多个功能组件，其中，所述多个功能组件中的每个功能组件的数据结构包括组件ID；

对所述多个功能组件中的每个功能组件进行渲染，生成每个功能组件在拟生成的可视化页面中对应的最终页面元素；

通过j脚本语言进行最终页面元素操作，确定第一功能组件的组件ID值，其中，所述第一功能组件是被关联的功能组件；

在第二功能组件的配置区域中填充所述第一功能组件的组件ID值，完成所述第一功能组件和所述第二功能组件的关联，其中，所述第二功能组件是拟与所述第一功能组件进行关联的功能组件。

可选地，在本发明上述各方法实施例中，为拟生成的可视化页面选择多个功能组件之前还包括：

定义用于生成可视化页面的各个功能组件的数据结构，其中，所述数据结构包括组件ID；

为各个所述功能组件的数据结构中除组件ID以外的其他数据设置默认值。

可选地，在本发明上述各方法实施例中，定义用于生成可视化页面的各个功能组件的数据结构之后还包括：

生成各个所述功能组件的组件ID值。

可选地，在本发明上述各方法实施例中，生成各个所述功能组件的组件ID值包括：

执行UUID方法随机生成不重复的字符串ID作为组件ID值；或者

通过hash算法生成自定义长度的随机字符串作为组件ID值。

可选地，在本发明上述各方法实施例中，生成每个功能组件在拟生成的可视化页面中对应的最终页面元素，包括：

基于多个功能组件中的每个功能组件的组件ID值，动态生成每个功能组件在拟生成的可视化页面中对应的最终页面元素的ID值；或者