[发明专利]一种页面处理方法及相关设备

说明书

本发明实施例公开了一种页面处理方法及相关设备，所述方法应用于数据处理技术领域，包括：第一终端设备输出展示页面编辑窗口，在该页面编辑窗口中的组件列表区将组件模板确定为目标组件添加至页面编辑区，并在该页面编辑区中对各个目标组件进行排版，得到目标页面。进一步地，第一终端设备可以根据目标页面中各个目标组件的属性信息和各个目标组件之间的层级信息创建逻辑树，并按照预设数据格式对该逻辑树进行数据转换，将数据转换得到的目标数据上传至服务器，以指示第二终端设备从服务器中获取该目标数据，并基于该目标数据还原上述目标页面。采用这样的页面处理方式，可以实时展示页面编辑效果，缩短页面开发周期和降低页面开发成本。

技术领域

本发明涉及数据处理技术领域，尤其涉及一种页面处理方法及相关设备。

背景技术

随着智能移动终端设备的普及，终端应用程序(Application，APP)已经渗透进我们生活的方方面面。APP中的每一个页面都需要具有信息展示和能操作交互的特性，以使终端客户能最快的从APP页面中获取到有价值的信息，并获得满意的交互体验。

APP页面开发方式是在APP侧预先编程写入一些页面组件并为这些页面组件分配好页面组件标识(Identity document，ID)。进一步地，页面编辑终端Web侧对该组件ID进行属性配置，并通过服务器将该属性配置下发到APP侧，以实现控制页面组件重新组合，产生新的页面变化。但是这种APP页面开发方式的页面展示效果只显示于APP页面上，在页面编辑Web侧不能实时看到组件ID属性配置后的页面效果是否存在缺陷。并且采用该APP页面开发方式后，页面迭代还需要投入较多的开发成本和测试成本，开发周期较长。因此，在APP页面开发中如何降低开发成本，缩短开发周期，以及如何做到页面编辑终端Web侧可视化的页面开发，成为一个亟待解决的问题。

发明内容

本发明实施例提供了一种页面处理方法及相关设备，可以在页面编辑器中实时展示页面编辑效果，缩短页面开发周期和降低页面开发成本。

第一方面本发明实施例提供一种页面处理方法，所述方法应用于第一终端设备，该方法包括：

展示页面编辑窗口，所述页面编辑窗口包括组件列表区和页面编辑区，所述组件列表区包括至少一个组件模板；

将所述至少一个组件模板中选取操作对应的组件模板确定为目标组件，并将所述目标组件添加至所述页面编辑区；

在所述页面编辑区中基于针对各个所述目标组件的排版操作对所述各个目标组件进行排版，得到目标页面；

根据所述目标页面中所述各个目标组件的属性信息和所述各个目标组件之间的层级信息创建所述目标页面对应的逻辑树，所述逻辑树包括至少一个组件节点，所述至少一个组件节点中的各个组件节点与所述各个目标组件一一对应；

按照预设数据格式对所述逻辑树进行数据转换，将数据转换得到的目标数据上传至服务器，以指示第二终端设备从所述服务器中获取所述目标数据，并基于所述目标数据还原所述目标页面。

在一个实施例中，所述目标组件包括至少一个目标组件，所述将所述至少一个组件模板中选取操作对应的组件模板确定为目标组件之后，还可以基于针对所述至少一个目标组件中的各个目标组件输入的组合操作，对所述各个目标组件进行组合，得到组合组件模板；将所述组合组件模板添加至所述组件列表区。

在一个实施例中，所述根据所述目标页面中所述各个目标组件的属性信息和所述各个目标组件之间的层级信息创建所述目标页面对应的逻辑树之后，还可以接收用户针对所述各个目标组件中第一组件的管理操作，所述管理操作包括删除操作或者新增操作，所述第一组件为所述各个目标组件中的一个或者多个；基于所述管理操作在所述目标页面中对所述第一组件进行管理，并在所述逻辑树中对所述第一组件对应的组件节点进行与所述管理操作匹配的管理。