[发明专利]网页中组件顺序的调整方法、装置、电子设备及存储介质

说明书

本发明实施例提供了一种网页中组件顺序的调整方法、装置、电子设备及存储介质，所述方法包括：在触发预设第一事件的情况下，确定网页中待排序元素，其中，待排序元素为网页中待排序组件对应的代表属性；确定待排序元素的顺序调整方式；基于顺序调整方式调整网页中待排序元素的顺序，并确定与待排序元素相对应的待排序组件；根据经过调整的待排序元素的顺序，自适应调整网页中待排序组件的顺序。如此通过顺序调整方式调整待排序组件的代表属性，从而可以实现网页中待排序组件的顺序的自适应调整，可以简化操作，增加灵活性。

技术领域

本发明涉及互联网技术领域，尤其涉及一种网页中组件顺序的调整方法、装置、电子设备及存储介质。

背景技术

随着互联网的高速发展，对于网页需求的快速响应与产出提出了更高的要求，自此基于网页组件化开发模式应运而生。网页组件化开发模式提供了大量可视化的页面基础元素组件，运营人员只需要合理配置相关组件(比如文字组件、图片组件等等)就可以实现相关功能或者展示相关内容，如此一来网页中可能包含多个组件，且多个组件的顺序已固定。

相关技术中，当合理配置完相关组件时，相关组件的顺序已固定，此时如果想要更改其中某个组件的顺序，需要删除相关组件中部分组件，将某个组件的顺序进行调整，然后重新添加删除的这部分组件，并在这部分组件中重新输入相应组件信息，如此操作比较繁琐，缺少灵活性。例如，当合理配置完A、B、C、D等组件时，此时组件的顺序为A、B、C、D，如果想要更改组件顺序为：A、D、B、C，需要删除B、C等组件，将D组件移动至A组件之后，然后按顺序重新添加B、C等组件，以及在B、C等组件中重新输入相应组件信息。

发明内容

本发明实施例的目的在于提供一种网页中组件顺序的调整方法、装置、电子设备及存储介质，以实现简化操作、增加灵活性的有益效果。具体技术方案如下：

在本发明实施例的第一方面，首先提供了一种网页中组件顺序的调整方法，所述方法包括：

在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；

确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；

基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；

根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。

在一个可选的实施方式中，所述在触发预设第一事件的情况下，确定网页中待排序元素，包括：

在触发预设第一事件的情况下，确定鼠标光标在网页中当前所处位置；

确定所述网页中所述位置对应的待排序元素。

在一个可选的实施方式中，在所述顺序调整方式为所述拖拽方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：

在触发预设第二事件的情况下，将所述网页中所述待排序元素的渲染模式设置为3D渲染模式；以及，

确定拖拽所述网页中所述待排序元素所到达的所述网页中目标位置，以及拖拽所述网页中所述待排序元素的拖拽方向；

在触发预设第三事件的情况下，确定所述网页中距离所述目标位置最近的目标元素；

将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；

将所述网页中所述待排序元素由所述目标位置移动至所述网页中排在所述目标元素之后的第一个所述元素在所述网页中的位置。