CN113971256A - 页面的处理方法、装置、电子设备和存储器 - Google Patents

Abstract

本公开提供了一种页面的处理方法、装置、电子设备和存储器，涉及计算机领域，尤其涉及页面处理领域。具体实现方案为：在目标页面上确定第一目标视图；获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；基于当前页面节点，在页面结构中确定目标页面节点；在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；显示关联于目标页面节点上的第一目标视图，解决了对页面进行渲染的效率低的技术问题。

Description

页面的处理方法、装置、电子设备和存储器

技术领域

本公开涉及计算机技术领域，尤其涉及页面处理领域中的页面的处理方法、装置、电子设备和存储器。

背景技术

目前，页面的渲染方式可以是使用网页视图(webview)的渲染框架进行渲染，也可以使用本地化应用视图(Native APP View，简称为NAView)的渲染框架进行渲染。但是，这样就需要维护两套代码逻辑，一套运行在webview的渲染框架下，一套运行在NAView的渲染框架下，从而无法使得页面既可以在webview的渲染框架下进行渲染，又在NAView的渲染框架下进行渲染。

发明内容

本公开提供了一种页面的处理方法、装置、电子设备和存储器。

根据本公开的一方面，提供了一种页面的处理方法。该方法可以包括：在目标页面上确定第一目标视图；获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；基于当前页面节点，在页面结构中确定目标页面节点；在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；显示关联于目标页面节点上的第一目标视图。

根据本公开的另一方面，还提供了一种页面的处理装置。该装置可以包括：第一确定单元，用于在目标页面上确定第一目标视图；获取单元，用于获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；第二确定单元，用于基于当前页面节点，在页面结构中确定目标页面节点；渲染单元，用于在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；显示单元，用于显示关联于目标页面节点上的第一目标视图。

根据本公开的另一方面，还提供了一种电子设备。该电子设备可以包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本发明实施例的页面的处理方法。

根据本公开的另一方面，还提供了一种存储有计算机指令的非瞬时计算机可读存储介质。该计算机指令用于使计算机执行本发明实施例的页面的处理方法。

根据本公开的另一方面，还提供了一种计算机程序产品，包括计算机程序，计算机程序在被处理器执行时实现本发明实施例的页面的处理方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

图1是根据本公开实施例的一种页面的处理方法的流程图；

图2是根据本公开实施例的一种页面结构的示意图；

图3是根据本公开实施例的一种页面的处理装置的示意图。

图4是根据本公开实施例的一种电子设备的示意性框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

图1是根据本公开实施例的一种页面的处理方法的流程图。如图1所示，该方法可以包括以下步骤：

步骤S102，在目标页面上确定第一目标视图。

在本公开上述步骤102提供的技术方案中，目标页面可以为应用程序中的页面，其可以为文档流中的文档页面，应用程序可以为小程序，该小程序可以为需要实现流畅的页面渲染的终端上的小程序，比如，为低端设备或者车载系统上的小程序，此处不做具体限制。

该实施例可以打开小程序，进入小程序，然后在小程序的目标页面上确定第一目标视图，该第一目标视图可以为需要在图形用户界面上固定显示的视图(View)，比如，在目标页面的内容视图滚动时，第一目标视图在图形用户界面上的显示位置可以保持不变。

步骤S104，获取第一目标视图在目标页面的页面结构中的当前页面节点。

在本公开上述步骤104提供的技术方案中，在目标页面上确定第一目标视图之后，获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图。

在该实施例中，目标页面具有对应的页面结构，该页面结构可以用于表示目标页面的多个视图之间的关系，其可以为树状结构，包括根节点、父页面节点、子页面节点。

该实施例获取第一目标视图在页面结构中的当前页面节点，关联于该当前页面节点上的第一目标视图可以为目标页面的第二目标视图的子视图，也即，该第二目标视图为第一目标视图的父视图，比如，关联于该当前页面节点上的第一目标视图为B2视图，第二目标视图可以为B视图，其中，该第二目标视图可以有多个子视图，比如，B视图的子视图除了上述B2视图之外，还可以包括B1视图、B3视图。

步骤S106，基于当前页面节点，在页面结构中确定目标页面节点。

在本公开上述步骤106提供的技术方案中，在获取第一目标视图在目标页面的页面结构中的当前页面节点之后，基于当前页面节点，在页面结构中确定目标页面节点。

该实施例可以基于第一目标视图在页面结构中的当前页面节点，在页面结构中确定第一目标视图是否具有对应的目标页面节点，该目标页面节点为对第一目标视图在目标页面上重新布局后所对应的页面节点。可选地，如果该当前页面节点为页面结构的根页面节点的首层子节点，则可以对第一目标视图不进行特殊处理。

步骤S108，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容。

在本公开上述步骤108提供的技术方案中，在基于当前页面节点，在页面结构中确定目标页面节点之后，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图。

在该实施例中，在确定第一目标视图在页面结构中对应的目标页面节点之后，可以是以固定位置的方式，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，也即，将第一目标视图添加至目标页面节点上以进行展示。该实施例的页面结构具有根页面节点，其关联有第三目标视图，该第三目标视图也即根节点视图，而关联于目标页面节点上的第一目标视图为上述第三目标视图的首层子视图，也即，该实施例可以将关联于目标页面节点上的第一目标视图直接确定为根节点视图的首层子视图，比如，关联于目标页面节点上的第一目标视图B2为根节点视图的首层子视图。

步骤S110，显示关联于目标页面节点上的第一目标视图。

在本公开上述步骤110提供的技术方案中，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容之后，显示关联于目标页面节点上的第一目标视图。

该实施例在目标页面节点所关联的视图区域内完成对第一目标视图的视图内容进行渲染之后，进而就可以显示出关联于目标页面节点上的第一目标视图，比如，在小程序所安装的终端的图形用户界面上显示出关联于目标页面节点上的第一目标视图。

该实施例中，当目标页面的内容视图滚动时，上述第二目标视图以及第二目标视图的子视图都会跟着移动，比如，上述B视图以及B1视图、B2视图和B3视图都会跟着移动，这样就无法实现业务方固定视图的目的。而该实施例基于当前页面节点，在页面结构中确定目标页面节点，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，从而实现渲染视图的目的，进而显示关联于目标页面节点上的第一目标视图，可以在目标页面的内容视图滚动时，使得第一目标视图在图形用户界面上的显示位置可以保持不变。

通过本申请上述步骤S102至步骤S110，在目标页面上确定第一目标视图；获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；基于当前页面节点，在页面结构中确定目标页面节点；在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；显示关联于目标页面节点上的第一目标视图。也就是说，该实施例只需要将第一目标视图的视图内容从页面结构中的当前页面节点渲染至目标页面节点所关联的视图区域内，这样关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，从而固定显示第一目标视图，可以在不同的渲染框架(比如，webview渲染框架、NAView渲染框架)上实现上述渲染逻辑，解决了对页面进行渲染的效率低的技术问题，达到了提高对页面进行渲染的效率的技术效果。

下面对该实施例的上述方法进行进一步介绍。

作为一种可选的实施方式，步骤S110，显示关联于目标页面节点上的第一目标视图包括：当目标页面在图形用户界面上处于滑动状态时，在图形用户界面上的固定位置上显示关联于目标页面节点上的第一目标视图。

在该实施例中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，这样确定目标页面在图形用户界面上处于滑动状态，该滑动状态可以是目标页面在图形用户界面上上下滚动的状态，此时可以在图形用户界面上的固定位置上显示关联于目标页面节点上的第一目标视图，也即，无论目标页面在图形用户界面上如何滚动，关联于目标页面节点上的第一目标视图始终显示在屏幕上的固定位置，而不会改变，从而第一目标视图中的元素的位置在目标页面滚动时可以保持不变。其中，固定位置也即固定的视图位置。

可选地，该实施例可以通过屏幕视口的位置来指定第一目标视图的固定位置。

作为一种可选的实施方式，步骤S102，在目标页面上确定第一目标视图包括：获取目标页面上所设置的目标视图的元素的属性；确定属性为固定属性，则将目标页面上所设置的目标视图确定为第一目标视图。

在该实施例中，在实现在目标页面上确定第一目标视图时，可以是获取目标页面上所设置的目标视图的元素的属性，然后判断该属性是否为固定属性(fixed属性)。如果判断出该属性为固定属性，也即，该元素为固定元素(fixed元素)，可以确定目标页面上存在元素为固定属性的目标视图，则可以将该目标视图确定为上述第一目标视图，该第一目标视图也即固定视图(fixed-View)。

作为一种可选的实施方式，步骤S106，基于当前页面节点，在页面结构中确定目标页面节点包括：在页面结构中，确定当前页面节点的父页面节点不为页面结构的根页面节点，则在页面结构中新建目标页面节点。

在该实施例中，在实现基于当前页面节点，在页面结构中确定目标页面节点时，可以是在页面结构中先获取当前页面节点的父页面节点，然后判断该父页面节点是否为页面结构的根页面节点。如果判断出该父页面节点不为页面结构的根页面节点，则可以在页面结构中新建一个目标页面节点，该目标页面节点为父页面节点的首层子节点，从而使得关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图。可选地，如果判断出该父页面节点为页面结构的根页面节点，则可以对当前页面节点所关联的第一目标视图不做特殊处理。

作为一种可选的实施方式，步骤S108，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容包括：解除第一目标视图与当前页面节点之间的第一关联关系，且在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容。

在该实施例中，在实现在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容时，可以先解除第一目标视图与当前页面节点之间的第一关联关系，可以先将第一目标视图从第二目标视图的多个子视图中移除掉，比如，第二目标视图的多个子视图为视图B1、视图B2、和视图B3，第一目标视图为视图B2，将其从多个子视图中移除掉，只剩视图B1和视图B2。在接触第一目标视图与当前页面节点之间的第一关联关系之后，可以确定目标节点所关联的视图区域，进而在该视图区域内渲染第一目标视图的视图内容，以在图形用户界面上的固定位置上显示关联于目标页面节点上的第一目标视图。

作为一种可选的实施方式，步骤S108，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容包括：建立第一目标视图与目标页面节点之间的第二关联关系，且基于第二关联关系在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容。

在该实施例中，在实现在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容时，可以是先建立第一目标视图与目标页面节点之间的第二关联关系，该第二关联关系是指第一目标视图可以与目标页面节点进行关联的关系，这样在目标页面节点所关联的视图区域内，就可以针对第一目标视图，渲染第一目标视图的视图内容。

作为一种可选的实施方式，还包括：将当前页面节点从页面结构中删除。

在该实施例中，在实现将目标页面节点所关联的视图区域内渲染第一目标视图的视图内容之前，还可以将当前页面节点从页面结构中删除掉，以将元素为固定属性的第一目视图移出正常文档流，实现在页面结构中不为当前页面节点预留空间的目的。

作为一种可选的实施方式，目标页面节点所关联的视图区域设置于目标页面的最上层级。

在该实施例中，在解除第一目标视图与当前页面节点之间的第一关联关系，且建立第一目标视图与目标页面节点之间的第二节点之后，可以将第一目标视图根据目标页面的视图层级设置最上层，从而无论目标页面在图形用户界面上如何滚动，关联于目标页面节点上的第一目标视图始终显示在图形用户界面上的固定位置。

该实施例可以是针对元素为固定属性的视图而进行的方案，元素为固定属性的视图会被移出正常文档流，并不为其预留空间，而是通过相对于屏幕视口的位置来指定元素为固定属性的视图的位置，使其在图形用户界面滚动时保持不变，达到和webview渲染下类似的实现效果，比如，webview设置位置(postion)，针对fixed元素，会根据上(top)、右(right)、下(bottom)、左(left)的值来确定视图在图形用户界面中的位置。该实施例通过上述方法还可以实现在NAView渲染下的页面渲染，也即，通过同一套代码逻辑既能够在webview下渲染页面，也可以在NAView下渲染页面，从而解决了对页面进行渲染的效率低的技术问题，达到了提高对页面进行渲染的效率的技术效果。

下面结合优选的实施方式对本发明的技术方案进行进一步举例说明。具体以页面为小程序的页面进行举例说明。

小程序的使用场景越来越丰富。小程序的页面的渲染方式可以使用webview的方式进行页面的绘制，但为了在低端设备或者车载系统上也能实现更流畅的页面渲染，可以选择使用NAView的方式来渲染小程序的页面，以提升小程序的页面的渲染性能。基于该背景下，需要对齐完善webview的页面渲染所支持的定位(position)属性，比如，层叠样式定位(css position)属性，其可以用于指定一个元素在文档中的定位方式，其中，top、right、bottom和left属性则决定了该元素的最终位置。

在相关技术中，对于webview的操作系统框架，webview的内核已经支持了文档中的定位方式；NAView的渲染框架未提供定位方式，开发人员无法使用，这样则需要使用绝对(absolute)布局进行模拟页面处理。由于NAView未支持postion，所以需要模拟元素在文档中的定位方式，且需要单独对其布局一套代码逻辑，webview虽然支持了postion，但也需要单独对其布局一套代码逻辑fixed，从而使得对页面进行渲染的效率低。

然而，该实施例可以是针对元素为固定属性的视图而进行的方案，元素为固定属性的视图会被移出正常文档流，并不为其预留空间，而是通过相对于屏幕视口的位置来指定元素为固定属性的视图的位置，使其在图形用户界面滚动时保持不变，达到和webview渲染下类似的页面实现效果，并且还可以实现小程序在NAView渲染下，固定定位元素(position fixed)的目的。下面对该实施例的技术方案进行进一步介绍。

图2是根据本公开实施例的一种页面结构的示意图。如图2所示，在该实施例中，首先打开小程序，进入小程序，在小程序页面的页面结构可以为根节点的首层子节点分别关联有A视图和B视图等，其中，A视图的首层子节点分别关联有A1视图、A2视图和A3视图，B视图的首层子节点分别关联有B1视图、B2视图和B3视图。

该实施例可以确定小程序页面是否存在元素属性为固定属性的视图。如果存在元素属性为固定属性的视图，比如，为视图B2，也即，页面结构存在fixed节点，则当渲染视图的时候，对页面结构进行重新布局，先从原有的父视图B视图下移除元素属性为固定属性的视图B2，将元素属性为固定属性的视图B2直接以固定位置的方式渲染至根节点视图下，这样在滚动内容视图时，元素属性为固定属性的视图在屏幕上的位置保持不变。

该实施例通过上述方法可以使得小程序页面的功能更加完善，可以对比webview下的位置固定(position-fixed)这一个层叠样式表(Cascading Style Sheets，简称为CSS)的基础功能；另外，该实施例可以提供一套代码逻辑，既可以在webview渲染框架下，也可以运行在NAView渲染框架下，而避免需要维护两套代码逻辑，一套运行在webview渲染框架下，一套运行在NAView渲染框架下，从而解决了对页面进行渲染的效率低的技术问题，达到了提高对页面进行渲染的效率的技术效果。

本公开实施例还提供了一种用于执行图1所示实施例的页面的处理装置。

图3是根据本公开实施例的一种页面的处理装置的示意图。如图3所示，该页面的处理装置30可以包括：第一确定单元31、获取单元32、第二确定单元33、渲染单元34和显示单元35。

第一确定单元31，用于在目标页面上确定第一目标视图。

获取单元32，用于获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图。

第二确定单元33，用于基于当前页面节点，在页面结构中确定目标页面节点。

渲染单元34，用于在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图。

显示单元35，用于显示关联于目标页面节点上的第一目标视图。

可选地，显示单元35包括：显示模块，用于当目标页面在图形用户界面上处于滑动状态时，在图形用户界面上的固定位置上显示关联于目标页面节点上的第一目标视图。

可选地，第一确定单元31包括：获取模块，用于获取目标页面上所设置的目标视图的元素的属性；第一确定模块，用于确定属性为固定属性，则将目标页面上所设置的目标视图确定为第一目标视图。

可选地，第二确定单元33包括：第二确定模块，用于在页面结构中，确定当前页面节点的父页面节点不为页面结构的根页面节点，则在页面结构中新建目标页面节点。

可选地，渲染单元34包括：渲染模块，用于解除第一目标视图与当前页面节点之间的第一关联关系，且在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容。

可选地，渲染模块包括：渲染子模块，用于建立第一目标视图与目标页面节点之间的第二关联关系，且基于第二关联关系在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容。

可选地，该装置还包括：删除单元，用于将当前页面节点从页面结构中删除。

可选地，目标页面节点所关联的视图区域设置于目标页面的最上层级。

可选地，目标页面为应用程序中的页面。

在该实施例的页面的处理装置中，通过第一确定单元31在目标页面上确定第一目标视图；通过获取单元32获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；通过第二确定单元33基于当前页面节点，在页面结构中确定目标页面节点；通过渲染单元34在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；通过显示单元35，用于显示关联于目标页面节点上的第一目标视图。也就是说，该实施例只需要将第一目标视图的视图内容从页面结构中的当前页面节点渲染至目标页面节点所关联的视图区域内，这样关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，从而固定显示第一目标视图，可以在不同的渲染框架(比如，webview渲染框架、NAView渲染框架)上实现上述渲染逻辑，解决了对页面进行渲染的效率低的技术问题，达到了提高对页面进行渲染的效率的技术效果。

需要说明的是，上述各个单元和模块是可以通过软件或硬件来实现的，对于后者，可以通过以下方式实现，但不限于此：上述单元和模块均位于同一处理器中；或者，上述各个单元和模块以任意组合的形式分别位于不同的处理器中。

本公开的技术方案中，所涉及的用户个人信息的获取，存储和应用等，均符合相关法律法规的规定，且不违背公序良俗。

根据本公开的实施例，本公开还提供了一种电子设备。该电子设备可以包括：至少一个处理器；以及与至少一个处理器通信连接的存储器；其中，存储器存储有可被至少一个处理器执行的指令，指令被至少一个处理器执行，以使至少一个处理器能够执行本公开实施例的数据处理方法。

可选地，上述电子设备还可以包括传输设备以及输入输出设备，其中，该传输设备和上述处理器连接，该输入输出设备和上述处理器连接。

根据本公开的实施例，本公开还提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，计算机指令用于使计算机执行本公开实施例的数据处理方法。

可选地，在本实施例中，上述非易失性存储介质可以被设置为存储用于执行以下步骤的计算机程序：

S1，在目标页面上确定第一目标视图；

S2，获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；基于当前页面节点，在页面结构中确定目标页面节点；

S3，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；

S4，显示关联于目标页面节点上的第一目标视图。

可选地，在本实施例中，上述非瞬时计算机可读存储介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

根据本公开的实施例，本公开还提供了一种计算机程序产品，包括计算机程序，该计算机程序在被处理器执行时实现以下步骤：

S1，在目标页面上确定第一目标视图；

S2，获取第一目标视图在目标页面的页面结构中的当前页面节点，其中，关联于当前页面节点上的第一目标视图为目标页面的第二目标视图的子视图；基于当前页面节点，在页面结构中确定目标页面节点；

S3，在目标页面节点所关联的视图区域内渲染第一目标视图的视图内容，其中，关联于目标页面节点上的第一目标视图为关联于页面结构的根页面节点上的第三目标视图的首层子视图，第二目标视图为第三目标视图的子视图；

S4，显示关联于目标页面节点上的第一目标视图。

可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。

该实施例的用于实施本公开的数据处理方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图4是根据本公开实施例的一种电子设备的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图4所示，设备400包括计算单元401，其可以根据存储在只读存储器(ROM)402中的计算机程序或者从存储单元408加载到随机访问存储器(RAM)403中的计算机程序，来执行各种适当的动作和处理。在RAM 403中，还可存储设备400操作所需的各种程序和数据。计算单元401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。

设备400中的多个部件连接至I/O接口405，包括：输入单元406，例如键盘、鼠标等；输出单元407，例如各种类型的显示器、扬声器等；存储单元404，例如磁盘、光盘等；以及通信单元409，例如网卡、调制解调器、无线通信收发机等。通信单元409允许设备400通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元401可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元401的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元401执行上文所描述的各个方法和处理，例如页面的处理方法。例如，在一些实施例中，页面的处理方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元408。在一些实施例中，计算机程序的部分或者全部可以经由ROM 402和/或通信单元409而被载入和/或安装到设备400上。当计算机程序加载到RAM 403并由计算单元401执行时，可以执行上文描述的页面的处理方法的一个或多个步骤。备选地，在其他实施例中，计算单元401可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面的处理方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，也可以为分布式系统的服务器，或者是结合了区块链的服务器。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (14)

1.一种页面的处理方法，包括：

在目标页面上确定第一目标视图；

获取所述第一目标视图在所述目标页面的页面结构中的当前页面节点，其中，关联于所述当前页面节点上的所述第一目标视图为所述目标页面的第二目标视图的子视图；

基于所述当前页面节点，在所述页面结构中确定目标页面节点；

在所述目标页面节点所关联的视图区域内渲染所述第一目标视图的视图内容，其中，关联于所述目标页面节点上的所述第一目标视图为关联于所述页面结构的根页面节点上的第三目标视图的首层子视图，所述第二目标视图为所述第三目标视图的子视图；

显示关联于所述目标页面节点上的所述第一目标视图。

2.根据权利要求1所述的方法，其中，显示关联于所述目标页面节点上的所述第一目标视图包括：

当所述目标页面在图形用户界面上处于滑动状态时，在所述图形用户界面上的固定位置上显示关联于所述目标页面节点上的所述第一目标视图。

3.根据权利要求1所述的方法，其中，在目标页面上确定第一目标视图包括：

获取所述目标页面上所设置的目标视图的元素的属性；

确定所述属性为固定属性，则将所述目标页面上所设置的目标视图确定为所述第一目标视图。

4.根据权利要求1所述的方法，其中，基于所述当前页面节点，在所述页面结构中确定目标页面节点包括：

在所述页面结构中，确定所述当前页面节点的父页面节点不为所述页面结构的根页面节点，则在所述页面结构中新建所述目标页面节点。

5.根据权利要求1所述的方法，其中，在所述目标页面节点所关联的视图区域内渲染所述第一目标视图的视图内容包括：

解除所述第一目标视图与所述当前页面节点之间的第一关联关系，且在所述目标页面节点所关联的视图区域内渲染所述第一目标视图的视图内容。

6.根据权利要求1所述的方法，在所述目标页面节点所关联的视图区域内渲染所述第一目标视图的视图内容包括：

建立所述第一目标视图与所述目标页面节点之间的第二关联关系，且基于所述第二关联关系在所述目标页面节点所关联的视图区域内渲染所述第一目标视图的视图内容。

7.根据权利要求5所述的方法，还包括：

将所述当前页面节点从所述页面结构中删除。

8.根据权利要求1至7中任意一项所述的方法，所述目标页面节点所关联的视图区域设置于所述目标页面的最上层级。

9.根据权利要求1至7中任意一项所述的方法，所述目标页面为应用程序中的页面。

10.一种页面的处理装置，包括：

第一确定单元，用于在目标页面上确定第一目标视图；

获取单元，用于获取所述第一目标视图在所述目标页面的页面结构中的当前页面节点，其中，关联于所述当前页面节点上的所述第一目标视图为所述目标页面的第二目标视图的子视图；

第二确定单元，用于基于所述当前页面节点，在所述页面结构中确定目标页面节点；

渲染单元，用于在所述目标页面节点所关联的视图区域内渲染所述第一目标视图的视图内容，其中，关联于所述目标页面节点上的所述第一目标视图为关联于所述页面结构的根页面节点上的第三目标视图的首层子视图，所述第二目标视图为所述第三目标视图的子视图；

显示单元，用于显示关联于所述目标页面节点上的所述第一目标视图。

11.根据权利要求10所述的装置，其中，所述显示单元包括：

显示模块，用于当所述目标页面在图形用户界面上处于滑动状态时，在所述图形用户界面上的固定位置上显示关联于所述目标页面节点上的所述第一目标视图。

12.一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。

13.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-9中任一项所述的方法。

14.一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据权利要求1-9中任一项所述的方法。

Images