[发明专利]一种组件展示方法、装置、设备和存储介质

说明书

本发明公开了一种组件展示方法、装置、设备和存储介质，该方法包括：当前窗口内的当前组件接收到拖拽触发后，基于所述拖拽触发确定所述当前组件的目标位置，并确定所述目标位置在目标窗口对应的坐标系中的目标坐标；根据所述目标坐标确定所述目标窗口内所述目标位置处的目标组件；基于用户在预设界面显示的组件展示表中触发的选择指令确定目标展示方式；基于所述目标展示方式展示所述当前组件和/或所述目标组件。上述技术方案，在将当前组件拖拽至网络页面内任一位置处时，实现对当前组件的正常展示。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种组件展示方法、装置、设备和存储介质。

背景技术

随着互联网的发展，网络页面的应用日渐广泛。与此同时，网络页面也变得越来越丰富多样。传统的网络页面开发，开发人员需要多次与客户沟通，花费大量的时间才可开发出客户满意的网络页面，网络页面开发效率低且成本高。因此，基于可视化编辑器进行网络页面开发变得越来越普遍。网络页面可以包括多级窗口，实际网络页面开发时，需要将各窗口中的组件进行相互拖拽。

现有技术中，将窗口中的组件拖拽至下一级窗口的过程中，窗口可能无法接收到鼠标移动事件，将窗口中的组件拖拽至上一级窗口时，窗口无法接收到鼠标移动事件。因此，亟需一种组件展示方法，实现在拖拽组件后成功将组件展示在预设界面中。

发明内容

本发明提供一种组件展示方法、装置、设备和存储介质，以在拖拽组件后成功将组件展示在预设界面中。

第一方面，本发明实施例提供了一种组件展示方法，包括：

当前窗口内的当前组件接收到拖拽触发后，基于所述拖拽触发确定所述当前组件的目标位置，并确定所述目标位置在目标窗口对应的坐标系中的目标坐标；

根据所述目标坐标确定所述目标窗口内所述目标位置处的目标组件；

基于用户在预设界面显示的组件展示表中触发的选择指令确定目标展示方式；

基于所述目标展示方式展示所述当前组件和/或所述目标组件。

本发明实施例的技术方案，提供一种组件展示方法，包括：当前窗口内的当前组件接收到拖拽触发后，基于所述拖拽触发确定所述当前组件的目标位置，并确定所述目标位置在目标窗口对应的坐标系中的目标坐标；根据所述目标坐标确定所述目标窗口内所述目标位置处的目标组件；基于用户在预设界面显示的组件展示表中触发的选择指令确定目标展示方式；基于所述目标展示方式展示所述当前组件和/或所述目标组件。上述技术方案，当前窗口内的当前组件接收到拖拽触发后，可以将拖拽触发的终点位置确定为当前组件的目标位置，并确定目标位置所属的目标窗口以及目标位置在目标窗口对应的坐标系中的目标坐标，进而，可以根据目标坐标确定目标位置在目标窗口内对应的目标组件，该目标组件为当前组件未拖拽至目标位置时，目标位置所展示的组件，在将当前组件拖拽至目标位置时，还可以基于预设界面显示组件展示表，组件展示表中展示有初始组件的展示方式以及各展示方式对应的展示控件，用户基于展示控件触发选择指令后，可以确定该选择指令对应的展示方式为目标展示方式，最后，可以基于目标展示方式展示当前组件和/或目标组件，在将当前组件拖拽至网络页面内任一位置处时，实现对当前组件的正常展示。

进一步地，基于所述拖拽触发确定所述当前组件的目标位置，包括：将所述拖拽触发的终点位置确定为所述当前组件的目标位置。

进一步地，确定所述目标位置在所述目标窗口对应的坐标系中的目标坐标，包括：在所述当前窗口对应的坐标系中确定所述目标位置的当前坐标；根据所述当前窗口对应的坐标系和所述目标窗口对应的坐标系的坐标转换关系以及所述目标位置的当前坐标，确定所述目标位置在所述目标窗口对应的坐标系中的目标坐标。