本发明专利技术实施例提供了一种网页中组件顺序的调整方法、装置、电子设备及存储介质，所述方法包括：在触发预设第一事件的情况下，确定网页中待排序元素，其中，待排序元素为网页中待排序组件对应的代表属性；确定待排序元素的顺序调整方式；基于顺序调整方式调整网页中待排序元素的顺序，并确定与待排序元素相对应的待排序组件；根据经过调整的待排序元素的顺序，自适应调整网页中待排序组件的顺序。如此通过顺序调整方式调整待排序组件的代表属性，从而可以实现网页中待排序组件的顺序的自适应调整，可以简化操作，增加灵活性。增加灵活性。增加灵活性。
【技术实现步骤摘要】
网页中组件顺序的调整方法、装置、电子设备及存储介质
[0001]本专利技术涉及互联网
，尤其涉及一种网页中组件顺序的调整方法、装置、电子设备及存储介质。
技术介绍
[0002]随着互联网的高速发展，对于网页需求的快速响应与产出提出了更高的要求，自此基于网页组件化开发模式应运而生。网页组件化开发模式提供了大量可视化的页面基础元素组件，运营人员只需要合理配置相关组件(比如文字组件、图片组件等等)就可以实现相关功能或者展示相关内容，如此一来网页中可能包含多个组件，且多个组件的顺序已固定。
[0003]相关技术中，当合理配置完相关组件时，相关组件的顺序已固定，此时如果想要更改其中某个组件的顺序，需要删除相关组件中部分组件，将某个组件的顺序进行调整，然后重新添加删除的这部分组件，并在这部分组件中重新输入相应组件信息，如此操作比较繁琐，缺少灵活性。例如，当合理配置完A、B、C、D等组件时，此时组件的顺序为A、B、C、D，如果想要更改组件顺序为：A、D、B、C，需要删除B、C等组件，将D组件移动至A组件之后，然后按顺序重新添加B、C等组件，以及在B、C等组件中重新输入相应组件信息。
技术实现思路
[0004]本专利技术实施例的目的在于提供一种网页中组件顺序的调整方法、装置、电子设备及存储介质，以实现简化操作、增加灵活性的有益效果。具体技术方案如下：
[0005]在本专利技术实施例的第一方面，首先提供了一种网页中组件顺序的调整方法，所述方法包括：
[0006]在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；
[0007]确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；
[0008]基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；
[0009]根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。
[0010]在一个可选的实施方式中，所述在触发预设第一事件的情况下，确定网页中待排序元素，包括：
[0011]在触发预设第一事件的情况下，确定鼠标光标在网页中当前所处位置；
[0012]确定所述网页中所述位置对应的待排序元素。
[0013]在一个可选的实施方式中，在所述顺序调整方式为所述拖拽方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：
[0014]在触发预设第二事件的情况下，将所述网页中所述待排序元素的渲染模式设置为3D渲染模式；以及，
[0015]确定拖拽所述网页中所述待排序元素所到达的所述网页中目标位置，以及拖拽所述网页中所述待排序元素的拖拽方向；
[0016]在触发预设第三事件的情况下，确定所述网页中距离所述目标位置最近的目标元素；
[0017]将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；
[0018]将所述网页中所述待排序元素由所述目标位置移动至所述网页中排在所述目标元素之后的第一个所述元素在所述网页中的位置。
[0019]在一个可选的实施方式中，所述将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动，包括：
[0020]判断所述目标元素在所述网页中的位置是否位于所述目标位置之上或之前；
[0021]若所述目标元素在所述网页中的位置位于所述目标位置之上或之前，将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动。
[0022]在一个可选的实施方式中，所述方法还包括：
[0023]若所述目标元素在所述网页中的位置未位于所述目标位置之上或之前，将所述网页中所述目标元素及排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；
[0024]将所述网页中所述待排序元素由所述目标位置移动至所述目标元素移动前在所述网页中的位置。
[0025]在一个可选的实施方式中，在所述顺序调整方式为所述权重方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：
[0026]接收所述网页中所述待排序元素对应的目标权重；
[0027]将所述网页中所述待排序元素当前对应的权重调整为所述目标权重；
[0028]基于所述目标权重，调整所述网页中所述待排序元素的顺序。
[0029]在一个可选的实施方式中，在所述顺序调整方式为所述上下移方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：
[0030]确定针对所述网页中所述待排序元素所触发的上移次数或者下移次数；
[0031]基于所述上移次数或者下移次数，调整所述网页中所述待排序元素的顺序。
[0032]在一个可选的实施方式中，在所述顺序调整方式为所述置顶方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：
[0033]获取为所述网页中所述待排序元素以及所述网页中其它元素设置的元素置顶顺序；
[0034]基于所述元素置顶顺序，分别对所述网页中所述待排序元素以及所述网页中其它元素进行置顶。
[0035]在本专利技术实施例的第二方面，还提供了一种网页中组件顺序的调整装置，所述装置包括：
[0036]元素确定模块，用于在触发预设第一事件的情况下，确定网页中待排序元素，其
中，所述待排序元素为所述网页中待排序组件对应的代表属性；
[0037]方式确定模块，用于确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；
[0038]元素顺序调整模块，用于基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；
[0039]组件顺序调整模块，用于根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。
[0040]在本专利技术实施例的第三方面，还提供了一种电子设备，包括处理器、通信接口、存储器和通信总线，其中，处理器，通信接口，存储器通过通信总线完成相互间的通信；
[0041]存储器，用于存放计算机程序；
[0042]处理器，用于执行存储器上所存放的程序时，实现上述第一方面中任一所述的网页中组件顺序的调整方法。
[0043]在本专利技术实施例的第四方面，还提供了一种存储介质，所述存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述第一方面中任一所述的网页中组件顺序的调整方法。
[0044]在本专利技术实施例的第五方面，还提供了一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述第一方面中任一所述的网页中组件顺序的调整方法。
[0045]本专利技术实施例提供的技术方案，在触发预设第一事件的情况下，确定网页中待排本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种网页中组件顺序的调整方法，其特征在于，所述方法包括：在触发预设第一事件的情况下，确定网页中待排序元素，其中，所述待排序元素为所述网页中待排序组件对应的代表属性；确定所述待排序元素的顺序调整方式，其中，所述顺序调整方式包括：拖拽方式、权重方式、上下移方式或置顶方式；基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，并确定与所述待排序元素相对应的所述待排序组件；根据经过调整的所述待排序元素的顺序，自适应调整所述网页中所述待排序组件的顺序。2.根据权利要求1所述的方法，其特征在于，所述在触发预设第一事件的情况下，确定网页中待排序元素，包括：在触发预设第一事件的情况下，确定鼠标光标在网页中当前所处位置；确定所述网页中所述位置对应的待排序元素。3.根据权利要求1或2所述的方法，其特征在于，在所述顺序调整方式为所述拖拽方式的情况下，所述基于所述顺序调整方式调整所述网页中所述待排序元素的顺序，包括：在触发预设第二事件的情况下，将所述网页中所述待排序元素的渲染模式设置为3D渲染模式；以及，确定拖拽所述网页中所述待排序元素所到达的所述网页中目标位置，以及拖拽所述网页中所述待排序元素的拖拽方向；在触发预设第三事件的情况下，确定所述网页中距离所述目标位置最近的目标元素；将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；将所述网页中所述待排序元素由所述目标位置移动至所述网页中排在所述目标元素之后的第一个所述元素在所述网页中的位置。4.根据权利要求3所述的方法，其特征在于，所述将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动，包括：判断所述目标元素在所述网页中的位置是否位于所述目标位置之上或之前；若所述目标元素在所述网页中的位置位于所述目标位置之上或之前，将所述网页中排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：若所述目标元素在所述网页中的位置未位于所述目标位置之上或之前，将所述网页中所述目标元素及排在所述目标元素之后的元素按照与所述拖拽方向相反的方向依序移动；将所述网页中所述待排序元素由所述目标位置移动至...
【专利技术属性】
技术研发人员：吴丽星，张慧，
申请(专利权)人：北京金山云网络技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。