【技术实现步骤摘要】
本专利技术涉及信息处理技术，尤其涉及页面嵌套关系元素处理方法、装置、计算机程序产品、电子设备及存储介质。
技术介绍
1、目前在相关技术中，网页的页面编辑与调整通常是依靠专业人员进行设计的，但是该种方式设计周期较长，耗费人力物力，而且对多个元素进行编辑时，由于嵌套关系的复杂，使得页面元素的编辑渲染过程较慢，用户无法根据需求个性化的产品需求对页面中的元素进行修改和编辑。这样既不利于新用户对页面的排版编辑，难以充分表达用户的想法，不利于提升用户的使用体验，同时制作新的页面模板增加了用户操作的复杂程度，浪费用户的时间。
技术实现思路
1、有鉴于此，本专利技术实施例提供一种页面嵌套关系元素处理方法、装置、计算机程序产品、电子设备、存储介质，能够在对页面编辑时，利用虚拟节点简单高效地对嵌套关系复杂的页面进行快速编辑，提升页面编辑的速度，降低页面编辑的复杂度。
2、本专利技术实施例的技术方案是这样实现的：
3、本专利技术实施例提供了一种页面嵌套关系元素处理方法，所述方法包括：
4、获取页面中的所有嵌套关系元素，并计算每一个嵌套关系元素相对于所述页面根节点的坐标；
5、根据每一个嵌套关系元素相对于所述页面根节点的坐标，将所述页面中的所有嵌套关系元素调整为单层数组结构，其中，所述单层数组结构包括至少两个元素；
6、为所述单层数组结构中的每一个元素配置虚拟节点；
7、通过所述虚拟节点接收页面编辑指令；
8、响应于所述页
9、根据所述命中位置坐标和所述虚拟节点的位置关系，确定与所述页面编辑指令相对应的元素。
10、本专利技术实施例还提供了一种页面嵌套关系元素处理装置，所述装置包括：
11、信息传输模块，用于获取页面中的所有嵌套关系元素，并计算每一个嵌套关系元素相对于所述页面根节点的坐标；
12、信息处理模块，用于根据每一个嵌套关系元素相对于所述页面根节点的坐标，将所述页面中的所有嵌套关系元素调整为单层数组结构，其中，所述单层数组结构包括至少两个元素；
13、所述信息处理模块，用于为所述单层数组结构中的每一个元素配置虚拟节点；
14、所述信息处理模块，用于通过所述虚拟节点接收页面编辑指令；
15、所述信息处理模块，用于响应于所述页面编辑指令，计算所述页面编辑指令的命中位置坐标；
16、所述信息处理模块，用于根据所述命中位置坐标和所述虚拟节点的位置关系，确定与所述页面编辑指令相对应的元素。
17、上述方案中，所述信息处理模块，用于获取所述页面中的每一个嵌套关系中的父元素和坐标系信息；
18、所述信息处理模块，用于根据所述坐标系信息，计算每一个嵌套关系中的父元素与子元素的距离；
19、所述信息处理模块，用于根据所述坐标系信息和每一个嵌套关系中的父元素与子元素的距离，计算每一个嵌套关系元素相对于所述页面根节点的坐标。
20、上述方案中，所述信息处理模块，用于根据每一个嵌套关系元素相对于所述页面根节点的坐标，计算每一个嵌套关系元素与所述页面根节点的距离；
21、所述信息处理模块，用于根据每一个嵌套关系元素与所述页面根节点的距离，将所述页面中的所有嵌套关系元素调整为单层数组结构。
22、上述方案中，所述信息处理模块，用于为每一个元素的虚拟节点配置标识信息，其中，所述标识信息用于表征嵌套关系元素中的一个真实节点元素；
23、所述信息处理模块，用于将每一个虚拟节点建立关联关系，得到虚拟节点层，并通过所述虚拟节点层覆盖所述页面。
24、上述方案中，所述信息处理模块，用于当根据所述命中位置坐标和和第一虚拟节点的范围，确定所述命中位置在所述第一虚拟节点范围内时，根据所述标识信息查找与所述第一虚拟节点对应的真实节点元素；
25、所述信息处理模块，用于当根据所述命中位置坐标和和第一虚拟节点的范围，确定所述命中位置未在所述第一虚拟节点范围内时，在所述虚拟节点层中查找与所述命中位置相匹配的第二虚拟节点；
26、所述信息处理模块，用于获取所述第二虚拟节点的标识信息，并根据所述标识信息查找与所述第二虚拟节点对应的真实节点元素。
27、上述方案中，所述信息处理模块，用于响应于所述元素拖拽指令，获取与所述页面相对应的全部元素调整模板；
28、所述信息处理模块，用于基于所述全部元素调整模板中的不同布局元素，确定自定义元素调整模板中的布局元素；
29、所述信息处理模块，用于触发拖拽组件进程，对所述自定义元素调整模板中的布局元素的显示位置进行拖拽，以形成相应的自定义元素调整模板。
30、上述方案中，所述信息处理模块，用于通过所述拖拽组件进程，确定所述自定义元素调整模板中不同布局元素的初始位置和终止位置；
31、所述信息处理模块，用于基于所述自定义元素调整模板中不同布局元素的初始位置和终止位置，确定所述自定义元素调整模板中不同布局元素的坐标参数；
32、所述信息处理模块，用于基于所述自定义元素调整模板中不同布局元素的坐标参数，确定相应的自定义元素调整模板。
33、上述方案中，所述信息处理模块，用于确定所述页面的输出尺寸；
34、所述信息处理模块，用于根据所述页面的输出尺寸，确定所输出的页面中的不同布局元素的新的坐标参数；
35、所述信息处理模块，用于根据所述不同布局元素的新的坐标参数，对所输出的页面中的元素位置行进行调整；
36、所述信息处理模块，用于对经过调整的所述页面进行渲染，以形成与页面使用环境相匹配的待触发页面。
37、本专利技术实施例还提供了一种电子设备，所述电子设备包括：
38、存储器，用于存储可执行指令；
39、处理器，用于运行所述存储器存储的可执行指令时，实现前述的页面嵌套关系元素处理方法。
40、本专利技术实施例还提供了一种计算机可读存储介质，存储有可执行指令，所述可执行指令被处理器执行时实现前序的页面嵌套关系元素处理方法。
41、本专利技术实施例具有以下有益效果：
42、本专利技术实施例通过获取页面中的所有嵌套关系元素，并计算每一个嵌套关系元素相对于所述页面根节点的坐标；根据每一个嵌套关系元素相对于所述页面根节点的坐标，将所述页面中的所有嵌套关系元素调整为单层数组结构，其中，所述单层数组结构包括至少两个元素；为所述单层数组结构中的每一个元素配置虚拟节点；通过所述虚拟节点接收页面编辑指令，实现了利用虚拟节点接收页面编辑指令，无需用户在页面编辑时直接对复杂嵌套关系的元素进行直接操作，响应于所述页面编辑指令，计算所述页面编辑指令的命中位置坐标；根据所述命中位置坐标和所述虚拟节点的位置关系，确定与所述页面编辑指令相对应的元素，实现了利用虚拟节点简单高效地对嵌套关系复杂的本文档来自技高网...
【技术保护点】
1.一种页面嵌套关系元素处理方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述获取页面中的所有嵌套关系元素，并计算每一个嵌套关系元素相对于所述页面根节点的坐标，包括：
3.根据权利要求1所述的方法，其特征在于，所述根据每一个嵌套关系元素相对于所述页面根节点的坐标，将所述页面中的所有嵌套关系元素调整为单层数组结构，包括：
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
5.根据权利要求4所述的方法，其特征在于，所述根据所述命中位置坐标和所述虚拟节点的位置关系，确定与所述页面编辑指令相对应的元素，包括：
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
7.根据权利要求6所述的方法，其特征在于，所述触发拖拽组件进程，对所述自定义元素调整模板中的布局元素的显示位置进行拖拽，以形成相应的自定义元素调整模板，包括：
8.根据权利要求1所述的方法，其特征在于，所述方法还包括：
9.一种页面嵌套关系元素处理装置，其特征在于，所述装置包括：
<...【技术特征摘要】
1.一种页面嵌套关系元素处理方法，其特征在于，所述方法包括：
2.根据权利要求1所述的方法，其特征在于，所述获取页面中的所有嵌套关系元素，并计算每一个嵌套关系元素相对于所述页面根节点的坐标，包括：
3.根据权利要求1所述的方法，其特征在于，所述根据每一个嵌套关系元素相对于所述页面根节点的坐标，将所述页面中的所有嵌套关系元素调整为单层数组结构，包括：
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
5.根据权利要求4所述的方法，其特征在于，所述根据所述命中位置坐标和所述虚拟节点的位置关系，确定与所述页面编辑指令相对应的元素，包括：
6.根据权利要求1所述的方法，其特征在于，所述方法还包括：
7.根据权利要求6...
【专利技术属性】
技术研发人员：武森，
申请(专利权)人：腾讯科技北京有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。