[发明专利]页面更新方法、装置、存储介质及电子设备

说明书

本公开涉及一种页面更新方法、装置、存储介质及电子设备。该方法包括：基于展示的页面组件树，获取用户对该页面组件树中目标节点的节点更新操作，该页面组件树用于表征目标页面的多个页面组件的关联关系，该页面组件树包括多个节点，不同的节点对应不同的该页面组件；根据该节点更新操作，变更该页面组件树；根据变更后的页面组件树，更新该多个页面组件，以更新该目标页面。这样，无需复杂的代码开发，通过页面组件树就可以对目标节点进行节点更新操作，通过该页面组件树可以清晰的展示页面组件的关联关系，例如页面组件的嵌套层次、同一层的相对位置排序等，可以方便用户操作，提升页面更新效率。

技术领域

本公开涉及互联网技术领域，具体地，涉及一种页面更新方法、装置、存储介质及电子设备。

背景技术

随着互联网技术和智能终端技术的不断发展，手机APP应用越来越广泛，手机APP服务中，APP的页面经常需要更新，例如产品推广、海报宣传、客户引流等活动，都需要更新APP页面。在相关技术中，在进行APP页面更新时，大到一块业务逻辑，小到一个文字图片，都需要由开发人员根据业务需求修改页面代码，导致页面更新效率较低。

发明内容

本公开的目的是提供一种页面更新方法、装置、存储介质及电子设备，以解决相关技术中存在的上述问题。

为了实现上述目的，本公开的第一方面提供了一种页面更新方法，所述方法包括：

基于展示的页面组件树，获取用户对所述页面组件树中目标节点的节点更新操作，所述页面组件树用于表征目标页面的多个页面组件的关联关系，所述页面组件树包括多个节点，不同的节点对应不同的所述页面组件；

根据所述节点更新操作，变更所述页面组件树；

根据变更后的页面组件树，更新所述多个页面组件，以更新所述目标页面。

可选地，所述节点更新操作包括节点拖拽操作，所述目标节点包括第一候选节点和第二候选节点；所述根据所述节点更新操作，变更所述页面组件树，包括：

获取所述节点拖拽操作的移动轨迹，所述移动轨迹包括起始位置点和结束位置点；

根据所述起始位置点确定所述节点拖拽操作选中的第一候选节点，根据所述结束位置点确定所述节点拖拽操作对应的第二候选节点；

根据所述移动轨迹，变更所述第一候选节点和/或所述第二候选节点在所述页面组件树中的目标位置，以变更所述页面组件树。

可选地，所述根据所述移动轨迹，变更所述第一候选节点和/或所述第二候选节点在所述页面组件树中的目标位置，包括：

根据所述移动轨迹，确定所述拖拽操作的最大水平移动距离；所述最大水平移动距离为所述移动轨迹中的所有位置点与所述起始位置点的水平位移的最大值；

在所述最大水平移动距离大于或等于预设水平移动阈值的情况下，将所述第一候选节点作为所述第二候选节点的下级组件节点。

可选地，所述方法还包括：

在所述最大水平移动距离小于所述预设水平移动距离的情况下，将所述第一候选节点作为所述第二候选节点之后的同级组件节点。

可选地，所述节点更新操作包括节点点击操作，所述目标节点包括第三候选节点；所述根据所述节点更新操作，变更所述页面组件树包括：

在接收到用户针对所述第三候选节点的所述节点点击操作的情况下，展示多个子操作选项，以便用户根据展示的所述多个子操作选项选择目标子操作选项；

根据用户选择的所述目标子操作选项，对所述第三候选节点进行所述目标子操作选项对应的目标操作，以变更所述页面组件树。