[发明专利]应用程序界面构造方法及其装置、设备与介质

说明书

本申请公开一种应用程序界面构造方法及其装置、设备与介质，所述方法包括：响应向界面构造页面内的父窗口所嵌套的子窗口添加界面组件的添加事件，在子窗口中插入该界面组件，在父窗口的已添加组件列表区中添加界面组件对应的编辑区块；将界面组件的属性数据存储于共享缓存区；监听共享缓存区中从父窗口触发的界面组件的第一更新事件，获取共享缓存区中界面组件的属性数据，更新子窗口中界面组件；监听共享缓存区中从子窗口触发的界面组件的第二更新事件，获取共享缓存区中界面组件的属性数据，更新父窗口中界面组件的编辑区块中的属性数据。本申请通过构建共享缓存区储存界面组件的属性数据，实现父窗口与子窗口之间界面组件的数据同步。

技术领域

本申请涉及互联网技术领域，尤其涉及一种应用程序界面构造方法，此外还涉及该方法相应的装置、设备以及非易失性存储介质。

背景技术

对于现有的网络页面，当网络页面中存在多个窗口页面，且该些窗口页面中的各界面组件之间需进行跨窗口的数据交互时，常用的技术方案是通过事件监听机制完成各跨窗口的界面之间的数据交互。

所述事件监听机制一般是基于PostMessage进行跨窗口页面的界面组件之间的数据交互，当窗口页面的界面组件需进行数据交互时，推送数据方通过向数据接收方透传通知，以便数据接收方监听所述通知获取数据，进行相应的界面组件的数据更新，进行数据交互的窗口通过监听对方推送的通知，以进行各窗口的界面组件之间的数据交互，但基于PostMessage构造的事件监听机制存在如下问题：

第一，若进行数据更新的窗口页面没有及时触发PostMessage通知数据接收方的窗口页面时，或数据接收方的窗口页面没有监听到数据更新的窗口页面的数据变化，则将导致双方之间相关联的界面之间的数据不一致。

第二，PostMessage的代码可读性较低，开发人员为多个窗口间构造相应的通知监听推送链路进行数据通信时，需花费大量的开发时间，且当网络页面的事件监听机制发生错误时，可读性较低的代码使开发人员无法快速地定位错误。

鉴于现有网络页面中进行跨窗口数据交互的界面组件的数据交互机制所存在的问题，本申请人出于满足更多用户的需求的考虑做出相应的探索。

发明内容

本申请的目的在于满足用户需求而提供一种应用程序界面构造方法及其相应的装置、电子设备、非易失性存储介质。

为实现本申请的目的，采用如下技术方案：

适应本申请的目的而提出的一种应用程序界面构造方法，包括如下步骤：

响应向界面构造页面内的父窗口所嵌套的子窗口添加界面组件的添加事件，在子窗口中插入该界面组件，在父窗口的已添加组件列表区中添加所述界面组件对应的编辑区块，以供编辑该界面组件的属性数据；

将所述界面组件的属性数据存储于共享缓存区，所述共享缓存区用于实现所述父窗口与子窗口之间关于该界面组件的属性数据的数据同步；

监听所述共享缓存区中所述界面组件的第一更新事件，获取共享缓存区中所述界面组件的最新属性数据，更新子窗口中所述界面组件，第一更新事件由所述编辑区块中的属性数据修改事件而相应触发；

监听所述共享缓存区中所述界面组件的第二更新事件，获取共享缓存区中所述界面组件的最新属性数据，更新父窗口中所述界面组件的编辑区块中的属性数据，第二更新事件由子窗口中所述界面组件的编辑事件而相应触发。

进一步的实施例中，执行所述响应向界面构造页面内的父窗口所嵌套的子窗口添加界面组件的添加事件之前，包括：

响应作用于所述界面构造页面中父窗口的预添加组件列表区中任意界面组件的选定指令，所述预添加组件列表区根据界面组件库中预先存储配置的界面组件所构造；