CN109165066A - 页面布局的调整方法、展示方法、装置、存储介质及终端 - Google Patents

Abstract

本发明公开了一种页面布局的调整方法、展示方法、装置、存储介质及终端，该方法包括：获取列表页面数据中的展示位数据，其中，展示位数据的数据结构为树形结构；根据预设调整规则，调整树形结构中叶子节点的属性信息；将调整后的列表页面数据发送至请求列表页面数据的客户端。本发明在需要对页面布局的展示情况进行更新时，基于展示位数据的树形结构，通过服务器对列表页面中的展示位展示方式进行调整，并向客户端下发调整后的列表页面数据，使客户端只需要根据调整后的展示位树形结构展示对应的展示位即可，无需下发和安装新版本，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

Description

页面布局的调整方法、展示方法、装置、存储介质及终端

技术领域

本发明涉及软件领域，特别是涉及一种页面布局的调整方法、展示方法、装置、存储介质及终端。

背景技术

为了增强用户的使用体验，开发商在开发应用程序(App，Application)时，会在App的页面上设置不同的展示位以呈现不同的页面展示布局，还可以进而包括线上运营设置的运营位等，当遇到节日或其他活动时，通过在页面的不同展示位展示不同的活动内容来吸引用户。通常情况下，用户观看到的展示位由若干个子块组成，其示意图如图1所示，图1中每个格子对应一个展示位子块，在一个展示位子块中可以展示不同的内容。

现有技术中，通常会预先设置几种固定的页面布局的展示方式，并随着用户安装App，存储在用户使用的客户端中，在需要对展示位的展示情况进行调整时，调用本地存储的不同布局情况。但上述方法将展示位的展示情况局限在预先固定的几种布局中，在需要更新页面的布局方式时，只能通过发布新版本进行更新，即提高了客户端的维护成本，又影响用户的使用体验。

发明内容

本发明提供一种页面布局的调整方法、展示方法、装置、存储介质及终端，用以解决现有技术中将页面布局的展示情况局限在预先固定的几种布局中，在需要更新页面布局的展示方式时，只能通过发布新版本进行更新，即提高了客户端的维护成本，又影响用户使用体验的问题。

为解决上述技术问题，一方面，本发明提供一种页面布局的调整方法，应用于服务器，包括：获取列表页面数据中的展示位数据，其中，所述展示位数据的数据结构为树形结构；根据预设调整规则，调整所述树形结构中叶子节点的属性信息；将调整后的列表页面数据发送至请求所述列表页面数据的客户端。

进一步，所述叶子节点的属性信息至少包括以下之一：所述叶子节点的数量、每个所述叶子节点的方向、每个所述叶子节点的展示内容、每个所述叶子节点的位置信息、每个所述叶子节点相对于父节点的占比信息。

进一步，所述根据预设调整规则，调整所述树形结构中叶子节点的属性信息，包括：获取请求列表页面数据的用户信息，其中，所述用户信息至少包括以下之一：性别、年龄、当前所在地；根据所述用户信息和所述预设调整规则，调整所述树形结构中叶子节点的属性信息。

进一步，所述获取列表页面数据中的展示位数据，包括：检测所述列表页面数据中是否包括预设展示位字段；在所述列表页面数据中包括预设展示位字段的情况下，获取所述列表页面数据中的展示位数据。

进一步，所述获取列表页面数据中的展示位数据，包括：在所述列表页面数据中获取所述展示位数据的最大展示区域。

进一步，所述根据预设调整规则，调整所述树形结构中叶子节点的属性信息，包括：在所述展示位数据的最大展示区域范围内，根据预设调整规则，调整所述树形结构中叶子节点的属性信息。

另一方面，本发明还提供一种页面布局的展示方法，应用于客户端，包括：接收服务器发送的调整后的列表页面数据；遍历所述调整后的列表页面数据中展示位数据的所有叶子节点；根据所有所述叶子节点的属性信息，展示列表页面中的展示位。

进一步，所述接收服务器发送的调整后的列表页面数据之前，还包括：向所述服务器请求所述列表页面数据，并向所述服务器发送请求所述列表页面数据的用户信息。

进一步，所述遍历所述调整后的列表页面数据中展示位数据的所有叶子节点，包括：在所述调整后的列表页面数据中获取所述展示位数据的最大展示区域；在所述展示位数据的最大展示区域范围内，遍历所述展示位数据的所有叶子节点。

另一方面，本发明还提供一种页面布局的调整装置，安装于服务器，包括：第一获取模块，用于获取列表页面数据中的展示位数据，其中，所述展示位数据的数据结构为树形结构；调整模块，用于根据预设调整规则，调整所述树形结构中叶子节点的属性信息；发送模块，用于将调整后的列表页面数据发送至请求所述列表页面数据的客户端。

进一步，所述叶子节点的属性信息至少包括以下之一：所述叶子节点的数量、每个所述叶子节点的方向、每个所述叶子节点的展示内容、每个所述叶子节点的位置信息、每个所述叶子节点相对于父节点的占比信息。

进一步，还包括：第二获取模块，用于获取请求列表页面数据的用户信息，其中，所述用户信息至少包括以下之一：性别、年龄、当前所在地；所述调整模块，还用于根据所述用户信息和所述预设调整规则，调整所述树形结构中叶子节点的属性信息。

进一步，所述第一获取模块，还用于：检测所述列表页面数据中是否包括预设展示位字段；在所述列表页面数据中包括预设展示位字段的情况下，获取所述列表页面数据中的展示位数据。

进一步，所述第一获取模块，还用于：在所述列表页面数据中获取所述展示位数据的最大展示区域。

进一步，所述调整模块，具体用于：在所述展示位数据的最大展示区域范围内，根据预设调整规则，调整所述树形结构中叶子节点的属性信息。

另一方面，本发明还提供一种页面布局的展示装置，安装于客户端，包括：接收模块，用于接收服务器发送的调整后的列表页面数据；遍历模块，用于遍历所述调整后的列表页面数据中展示位数据的所有叶子节点；展示模块，用于根据所有所述叶子节点的属性信息，展示列表页面中的展示位。

进一步，还包括：请求模块，用于向所述服务器请求所述列表页面数据，并向所述服务器发送请求所述列表页面数据的用户信息。

进一步，所述遍历模块，具体用于：在所述调整后的列表页面数据中获取所述展示位数据的最大展示区域；在所述展示位数据的最大展示区域范围内，遍历所述展示位数据的所有叶子节点。

另一方面，本发明还提供一种存储介质，存储有计算机程序，其特征在于，计算机程序被处理器执行时实现上述的页面布局的调整方法的步骤。

另一方面，本发明还提供一种存储介质，存储有计算机程序，其特征在于，计算机程序被处理器执行时实现上述的页面布局的展示方法的步骤。

另一方面，本发明还提供一种终端，至少包括存储器、处理器，存储器上存储有计算机程序，处理器在执行存储器上的计算机程序时实现上述的页面布局的调整方法的步骤。

另一方面，本发明还提供一种终端，至少包括存储器、处理器，存储器上存储有计算机程序，处理器在执行存储器上的计算机程序时实现上述的页面布局的展示方法的步骤。

本发明在需要对页面布局的展示情况进行更新时，基于展示位数据的树形结构，通过服务器对列表页面中的展示位展示方式进行调整，并向客户端下发调整后的列表页面数据，使客户端只需要根据调整后的展示位树形结构展示对应的展示位即可，无需下发和安装新版本，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

附图说明

图1是展示位的展示示意图；

图2是本发明第一实施例中页面布局的调整方法的流程图；

图3是本发明第二实施例中页面布局的调整方法的流程图；

图4是本发明第三实施例中页面布局的调整方法的流程图；

图5是本发明第四实施例中页面布局的调整方法的流程图；

图6是本发明第五实施例中页面布局的展示方法的流程图；

图7是本发明第六实施例中页面布局的展示方法的流程图；

图8是本发明第七实施例中页面布局的展示方法的流程图；

图9是本发明第八实施例中页面布局的调整装置的结构示意图；

图10是本发明第九实施例中页面布局的调整装置的结构示意图；

图11是本发明第十二实施例中页面布局的展示装置的结构示意图；

图12是本发明第十三实施例中页面布局的展示装置的结构示意图。

具体实施方式

为了解决现有技术将页面布局的展示情况局限在预先固定的几种布局中，在需要更新页面布局的展示方式时，只能通过发布新版本进行更新，即提高了客户端的维护成本，又影响用户使用体验的问题，本发明提供了一种页面布局的调整方法、展示方法、装置、存储介质及终端，以下结合附图以及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不限定本发明。

本发明的第一实施例提供了一种页面布局的调整方法，主要应用于后台服务器，其流程图如图2所示，主要包括步骤S101至S103：

S101，获取列表页面数据中的展示位数据。

列表页面可以为App中的任意一个页面，用户在打开App进入到首页，或点击某一按键进入下一个页面时，上述首页和下一个页面均为列表页面。客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中布局情况、图片信息、文字信息、链接跳转信息等等。其中，列表页面中的布局情况，即为展示位的布局情况，展示位可划分为多个展示位子块，针对每个展示位子块可设置不同的展示内容，如图片、音乐、文字、链接跳转等。若需要对某一列表页面的展示情况进行调整，服务器首先需要获取该列表页面数据中的展示位数据，以实现后续的调整。可选地，运营位也是展示位的一种，可以展示在App的某一个或某几个页面上，主要用于显示广告或活动推送等信息。

应当了解的是，展示位数据的数据结构为树形结构，该树形结构中的每一个叶子节点，均对应展示位中的一个子块，叶子节点的属性信息，即对应展示位子块的展示情况。具体地，叶子节点的属性信息至少包括以下信息之一：叶子节点的数量、每个叶子节点的方向、每个叶子节点的展示内容、每个叶子节点的位置信息、每个叶子节点相对于父节点的占比信息等，对应展示位子块的数量、每个子块的方向、每个子块的展示内容、每个子块的位置信息、每个子块相对于整体展示位的占比信息等。

S102，根据预设调整规则，调整树形结构中叶子节点的属性信息。

用户在使用App时，若App页面的布局长时间不变可能会影响用户使用App的新鲜感，因此需要对页面的布局情况进行经常性的变动。或者，在节日或活动时，在运营位中展示一些活动信息，以吸引用户使用或查看，并且在不同的节日或不同的活动中，根据节日特点或活动特点布局不同的展示效果。因此，服务器在调整展示位时，根据预设调整规则进行调整，其中预设调整规则为开发人员预先设置的调整规则，进一步地，根据节日或活动的不同，开发人员可设置不同的调整规则，具体包括调整展示位子块的展示位置、大小、内容、数量等。具体地，修改上述子块的显示情况，即根据预设调整规则，调整树形结构的展示位数据中的叶子节点的属性信息。

应当了解的是，除了对叶子节点的属性信息进行修改，调整还应该包括增加或删除叶子节点，以增加或删除对应展示位子块的数量，实现不同的展示位布局。

S103，将调整后的列表页面数据发送至请求列表页面数据的客户端。

根据预设调整规则调整展示位数据，即相当于调整了用户请求的列表页面的数据，为了使客户端显示调整后的展示位展示情况，将调整后的列表页面数据发送给请求列表页面数据的客户端，并由客户端根据调整后的列表页面数据展示该列表页面，进而展示调整后的运营位。

本实施例在需要对页面布局的展示情况进行更新时，基于展示位数据的树形结构，通过服务器对列表页面中的展示位展示方式进行调整，并向客户端下发调整后的列表页面数据，使客户端只需要根据调整后的展示位树形结构展示对应的展示位即可，无需下发和安装新版本，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第二实施例提供了一种页面布局的调整方法，主要应用于后台服务器，其流程图如图3所示，主要包括步骤S201至S204：

S201，获取列表页面数据中的展示位数据。

客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。若需要对某一列表页面中的展示位的展示情况进行调整，服务器首先需要获取该列表页面数据中的展示位数据，以实现后续的调整。

应当了解的是，展示位数据的数据结构为树形结构，该树形结构中的每一个叶子节点，均对应展示位中的一个子块，叶子节点的属性信息，即对应展示位子块的展示情况。具体地，叶子节点的属性信息至少包括以下信息之一：叶子节点的数量、每个叶子节点的方向、每个叶子节点的展示内容、每个叶子节点的位置信息、每个叶子节点相对于父节点的占比信息等，对应展示位子块的数量、每个子块的方向、每个子块的展示内容、每个子块的位置信息、每个子块相对于展示位的占比信息等。

S202，获取请求列表页面数据的用户信息。

用户在使用App时，为了获取更具有个性化的服务，通常会在使用时登录自己的账号，该账号中会包括该用户的个人信息，用户在使用客户端请求一个列表页面数据时，请求里会携带该用户的用户信息，服务器获取用户信息后，可根据用户信息进行不同的展示位展示。

具体地，用户信息至少包括以下信息之一：性别、年龄、当前所在地，还可以包括职业、个人设置等。

S203，根据用户信息和预设调整规则，调整树形结构中叶子节点的属性信息。

服务器在调整展示位时，根据预设调整规则进行调整，其中预设调整规则为开发人员预先设置的调整规则，进一步地，根据节日或活动的不同，开发人员可设置不同的调整规则，具体包括调整展示位子块的展示位置、大小、内容、数量等。具体地，修改上述子块的显示情况，即根据预设调整规则，调整树形结构的展示位数据中的叶子节点的属性信息。

进一步地，服务器还可以根据用户信息的具体内容，调整展示位的展示情况，例如在节日展示广告信息时，对于女性用户，展示位的背景色可以设置为粉红色，对于男性用户可以设置为浅蓝色；在展示活动信息时，对于北京的用户，展示北京地区的活动信息，对于上海的用户，展示上海地区的活动信息；在展示购物促销信息时，对于年龄小于18岁的用户，展示书籍类的促销信息，对于年龄大于18岁小于60岁的用户，展示服装类的促销信息，对于年龄大于60岁的用户，展示生活用品的促销信息等。

应当了解的是，除了对叶子节点的属性信息进行修改，调整还应该包括增加或删除叶子节点，以增加或删除对应展示位子块的数量，实现不同的展示位布局。

S204，将调整后的列表页面数据发送至请求列表页面数据的客户端。

根据预设调整规则调整展示位数据，即相当于调整了用户请求的列表页面的数据，为了使客户端显示调整后的展示位展示情况，将调整后的列表页面数据发送给请求列表页面数据的客户端，并由客户端根据调整后的列表页面数据展示该列表页面，进而展示调整后的展示位。

本实施例在需要对展示位的展示情况进行更新时，基于展示位数据的树形结构，服务器根据用户信息的不同，对列表页面中的展示位展示方式进行调整，向客户端下发调整后的列表页面数据，使客户端只需要根据调整后的展示位树形结构展示对应的展示位即可，无需下发和安装新版本，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第三实施例提供了一种页面布局的调整方法，主要应用于后台服务器，其流程图如图4所示，主要包括步骤S301至S303：

S301，在列表页面数据中获取展示位数据的最大展示区域。

客户端通过向服务器请求列表页面的数据，来显示页面的具体内容。在一个页面中，各个展示位的大小通常具有一定的限制，即开发人员会为展示位设置最大展示区域，在构建展示位时，通常使用框架frame容器来限制展示位的展示区域。获取展示位数据时，还需要获取该展示位的最大展示区域，即该展示位在页面中所在位置的具体限制，对展示位的调整，也必须在上述最大展示区域内进行。

S302，在展示位数据的最大展示区域范围内，根据预设调整规则，调整树形结构中叶子节点的属性信息。

在调整展示位时，根据预设调整规则进行调整，其中预设调整规则为开发人员预先设置的调整规则，进一步地，根据节日或活动的不同，开发人员可设置不同的调整规则，具体包括调整展示位子块的展示位置、大小、内容、数量等。具体地，修改上述子块的显示情况，即根据预设调整规则，调整树形结构的运营位数据中的叶子节点的属性信息。

应当了解的，上述调整均应在展示位的最大展示区域内根据预设调整规则进行调整，如在该区域内增加展示位子块、减少展示位子块、将相邻的几个展示位子块合并、调整展示位子块的位置，只要保证调整后的展示位子块不会出现在最大展示区域以外的位置上即可。

S303，将调整后的列表页面数据发送至请求列表页面数据的客户端。

根据预设调整规则调整展示位数据，即相当于调整了用户请求的列表页面的数据，为了使客户端显示调整后的页面布局展示情况，将调整后的列表页面数据发送给请求列表页面数据的客户端，并由客户端根据调整后的列表页面数据展示该列表页面，进而展示调整后的页面布局。

本实施例在需要对展示位的展示情况进行更新时，获取展示位对应的最大展示区域，并在该区域范围内进行相应的更新调整，即保证了页面布局的快速更新，提高了运营位展示的灵活性，又保证了调整后的展示位不会超出原有的展示区域而影响页面中其他数据的展示，提升了用户的使用体验。

本发明的第四实施例提供了一种页面布局的调整方法，主要应用于后台服务器，其流程图如图5所示，主要包括步骤S401至S404：

S401，检测列表页面数据中是否包括预设展示位字段，若包括，则执行步骤S402，否则，停止本次调整方法。

由于App中包括多个列表页面，而展示位也可能根据其所在页面的不同，具有不同的作用，如在App首页通常会设置运营位展示广告和活动信息，在登录页面通常会设置验证位以展示验证码或其他验证方式，因此，在调整展示位的展示方式时，需要在获取列表页面的数据后，判断该页面中是否包含需要调整的展示位类型，由于不同类型的展示位在编写时使用不同的字段进行定义，因此在判断时，通过检测列表页面数据中是否包含预设展示位字段，来判断页面中是否包含对应的展示位数据，在包含对应的展示位数据的情况下，再实现展示位的调整方法。

S402，获取列表页面数据中的展示位数据。

S403，根据预设调整规则，调整树形结构中叶子节点的属性信息。

S404，将调整后的列表页面数据发送至请求列表页面数据的客户端。

上述步骤S402至S404与本发明第一实施例中步骤S101至S103相同，在此不再详细赘述。

本实施例在需要对展示位的展示情况进行更新时，根据需要调整的展示位对应的预设展示位字段，获取列表页面数据中对应的展示位数据，使服务器对展示位的调整更具有针对性，更符合开发商调整App页面布局的需求。

本发明的第五实施例提供了一种页面布局的展示方法，主要应用于客户端，其流程图如图6所示，主要包括步骤S501至S503：

S501，接收服务器发送的调整后的列表页面数据。

列表页面可以为App中的任意一个页面，用户在打开App进入到首页，或点击某一按键进入下一个页面时，上述首页和下一个页面均为列表页面。客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。其中，列表页面中的布局情况，即为展示位的布局情况，每个展示位可划分为多个展示位子块，针对每个展示位子块可设置不同的展示内容，如图片、音乐、文字、链接跳转等。此时，用户请求列表数据时，会收到服务器发送的经过调整后的列表页面数据，该数据中包括调整后的展示位数据，以供客户端进行展示。

可选地，运营位也是展示位的一种，可以展示在App的某一个或某几个页面上，主要用于显示广告或活动推送等信息。

S502，遍历调整后的列表页面数据中展示位数据的所有叶子节点。

S503，根据所有叶子节点的属性信息，展示列表页面中的展示位。

展示位数据的数据结构为树形结构，该树形结构中的每一个叶子节点，均对应展示位中的一个子块，叶子节点的属性信息，即对应展示位子块的展示情况。因此，客户端通过遍历调整后的列表页面数据中展示位数据的所有叶子节点，得到所有叶子节点的属性信息，即调整后的展示位所有子块的展示信息。随后，根据所有叶子节点的属性信息，展示列表页面中的展示位，即展示调整后的页面布局给用户。

具体地，客户端在遍历叶子节点时，采用递归的思路对每一层叶子节点进行遍历，直到树形结构没有叶子节点为止。

应当了解的是，若服务器侧调整了App某一列表页面中的运营位展示情况，则客户端在获取到该列表页面的数据之后，首先判断该列表页面中是否包含预设的运营位字段，若包含运营位字段，则证明当前列表页面中存在运营位需要显示，若不包含运营位字段，则客户端只需要显示该页面原有的展示位内容即可。

本实施例中客户端只需要接收服务器下发的列表页面数据，遍历列表页面数据中展示位数据的所有叶子节点后，即可得到所有展示位子块的展示情况，客户端直接进行相应内容的展示即可，无需安装新版本以更新展示位布局情况，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第六实施例提供了一种页面布局的展示方法，主要应用于客户端，其流程图如图7所示，主要包括步骤S601至S604：

S601，向服务器请求列表页面数据，并向服务器发送请求列表页面数据的用户信息。

用户在使用App时，为了获取更具有个性化的服务，通常会在使用时登录自己的账号，该账号中会包括该用户的个人信息，用户在使用客户端请求一个列表页面数据时，请求里会携带该用户的用户信息，以便服务器获取用户信息后，可根据用户信息进行更多元化的展示位展示。

S602，接收服务器发送的调整后的列表页面数据。

S603，遍历调整后的列表页面数据中展示位数据的所有叶子节点；

S604，根据所有叶子节点的属性信息，展示列表页面中的展示位。

上述步骤S602至S604与本发明第五实施例中步骤S501至S503相同，在此不再详细赘述。

本实施例中客户端在向服务器请求列表页面数据时，同时发送了用户信息，使服务器可根据用户信息进行更多元化的展示位调整，并且客户端只需要接收服务器下发的列表页面数据，遍历列表页面数据中展示位数据的所有叶子节点后，即可得到所有展示位子块的展示情况，客户端直接进行相应内容的展示即可，无需安装新版本以更新页面布局情况，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第七实施例提供了一种页面布局的展示方法，主要应用于客户端，其流程图如图8所示，主要包括步骤S701至S704：

S701，接收服务器发送的调整后的列表页面数据。

列表页面可以为App中的任意一个页面，用户在打开App进入到首页，或点击某一按键进入下一个页面时，上述首页和下一个页面均为列表页面。客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。其中，列表页面中的布局情况，即为展示位的布局情况，每个展示位可划分为多个展示位子块，针对每个展示位子块可设置不同的展示内容，如图片、音乐、文字、链接跳转等。此时，用户请求列表数据时，会收到服务器发送的经过调整后的列表页面数据，该数据中包括调整后的展示位数据，以供客户端进行展示。

S702，在调整后的列表页面数据中获取展示位数据的最大展示区域。

S703，在展示位数据的最大展示区域范围内，遍历展示位数据的所有叶子节点。

客户端通过向服务器请求列表页面的数据，来显示页面的具体内容。在一个页面中，各个展示位的大小通常具有一定的限制，开发人员在构建展示位时，会为展示位设置最大展示区域，通常使用框架容器来进行展示区域的限制。客户端接收到列表页面数据时，需要首先获取该展示位的最大展示区域，即该展示位在页面中所在位置的具体限制，随后在该最大展示区域内，遍历展示位数据中包含的所有叶子节点，保证客户端在显示展示位时，只展示其最大展示区域内的展示位子块。

S704，根据所有叶子节点的属性信息，展示列表页面中的展示位。

展示位数据的数据结构为树形结构，该树形结构中的每一个叶子节点，均对应展示位中的一个子块，叶子节点的属性信息，即对应展示位子块的展示情况。因此，客户端通过遍历调整后的列表页面数据中展示位数据的所有叶子节点，得到所有叶子节点的属性信息，即调整后的展示位所有子块的展示信息。随后，根据所有叶子节点的属性信息，在展示列表页面时展示展示位给用户。

具体地，客户端在遍历叶子节点时，采用递归的思路对每一层叶子节点进行遍历，直到树形结构没有叶子节点为止。

本实施例中客户端只需要接收服务器下发的列表页面数据，在展示位数据的最大展示区域内，进行相应内容的展示即可，即保证了页面布局的快速更新，无需安装新版本以页面布局情况，提高了运营位展示的灵活性，又保证了调整后的展示位不会超出原有的展示区域而影响页面中其他数据的展示，提升了用户的使用体验。

本发明的第八实施例提供了一种页面布局的调整装置，主要安装于后台服务器，其结构示意图如图9所示，主要包括第一获取模块11，用于获取列表页面数据中的展示位数据，其中，展示位数据的数据结构为树形结构；调整模块12，与第一获取模块11耦合，用于根据预设调整规则，调整树形结构中叶子节点的属性信息；发送模块13，与调整模块12耦合，用于将调整后的列表页面数据发送至请求列表页面数据的客户端。

列表页面可以为App中的任意一个页面，用户在打开App进入到首页，或点击某一按键进入下一个页面时，上述首页和下一个页面均为列表页面。客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。其中，列表页面中的布局情况，即为展示位的布局情况，展示位可划分为多个展示位子块，针对每个展示位子块可设置不同的展示内容，如图片、音乐、文字、链接跳转等。若需要对某一列表页面的展示情况进行调整，需要第一获取模块11获取该列表页面数据中的展示位数据，以实现后续的调整。

可选地，运营位也是展示位的一种，可以展示在App的某一个或某几个页面上，主要用于显示广告或活动推送等信息，第一获取模块11也可以在列表页面数据中获取运营位数据，或其他类型的展示位数据。

应当了解的是，展示位数据的数据结构为树形结构，该树形结构中的每一个叶子节点，均对应展示位中的一个子块，叶子节点的属性信息，即对应展示位子块的展示情况。具体地，叶子节点的属性信息至少包括以下信息之一：叶子节点的数量、每个叶子节点的方向、每个叶子节点的展示内容、每个叶子节点的位置信息、每个叶子节点相对于父节点的占比信息等，对应展示位子块的数量、每个子块的方向、每个子块的展示内容、每个子块的位置信息、每个子块相对于展示位的占比信息等。

用户在使用App时，若App页面的布局长时间不变可能会影响用户使用App的新鲜感，因此需要对页面的布局情况进行经常性的变动。或者，在节日或活动时，在运营位中展示一些活动信息，以吸引用户使用或查看，并且在不同的节日或不同的活动中，根据节日特点或活动特点布局不同的展示效果。因此，在调整展示位时，由调整模块12根据预设调整规则进行调整，其中预设调整规则为开发人员预先设置的调整规则，进一步地，根据节日或活动的不同，开发人员可设置不同的调整规则，具体包括调整展示位子块的展示位置、大小、内容、数量等。具体地，修改上述子块的显示情况，即调整模块12根据预设调整规则，调整树形结构的展示位数据中的叶子节点的属性信息。应当了解的是，除了对叶子节点的属性信息进行修改，调整模块12所进行的调整还应该包括增加或删除叶子节点，以增加或删除对应展示位子块的数量，实现不同的展示位布局。

根据预设调整规则调整展示位数据，即相当于调整了用户请求的列表页面的数据，为了使客户端显示调整后的展示位展示情况，发送模块13将调整后的列表页面数据发送给请求列表页面数据的客户端，并由客户端根据调整后的列表页面数据展示该列表页面，进而展示调整后的展示位。

本实施例在需要对页面布局的展示情况进行更新时，基于展示位数据的树形结构，通过服务器对列表页面中的展示位展示方式进行调整，并向客户端下发调整后的列表页面数据，使客户端只需要根据调整后的展示位树形结构展示对应的展示位即可，无需下发和安装新版本，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第九实施例提供了一种页面布局的调整装置，主要安装于后台服务器，其结构示意图如图10所示，主要包括，第一获取模块11，用于获取列表页面数据中的展示位数据，其中，展示位数据的数据结构为树形结构；第二获取模块14，与第一获取模块11耦合，用于获取请求列表页面数据的用户信息，其中，用户信息至少包括以下之一：性别、年龄、当前所在地；调整模块12，与第二获取模块14耦合，用于根据预设调整规则，调整树形结构中叶子节点的属性信息；发送模块13，与调整模块12耦合，用于将调整后的列表页面数据发送至请求列表页面数据的客户端。

客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。若要对某一列表页面中的展示位的展示情况进行调整，需要第一获取模块11首先获取该列表页面数据中的展示位数据，以实现后续的调整。

用户在使用App时，为了获取更具有个性化的服务，通常会在使用时登录自己的账号，该账号中会包括该用户的个人信息，用户在使用客户端请求一个列表页面数据时，请求里会携带该用户的用户信息，服务器通过第二获取模块14获取用户信息后，调整模块12可根据用户信息进行不同的展示位展示。具体地，用户信息至少包括以下信息之一：性别、年龄、当前所在地，还可以包括职业、个人设置等。

在调整展示位时，由调整模块12根据预设调整规则进行调整，其中预设调整规则为开发人员预先设置的调整规则，进一步地，根据节日或活动的不同，开发人员可设置不同的调整规则，具体包括调整展示位子块的展示位置、大小、内容、数量等。具体地，修改上述子块的显示情况，即调整模块12根据预设调整规则，调整树形结构的展示位数据中的叶子节点的属性信息。应当了解的是，除了对叶子节点的属性信息进行修改，调整模块12所进行的调整还应该包括增加或删除叶子节点，以增加或删除对应展示位子块的数量，实现不同的展示位布局。

进一步地，调整模块12还可以根据用户信息的具体内容，调整展示位的展示情况，例如在节日展示广告信息时，对于女性用户，展示位的背景色可以设置为粉红色，对于男性用户可以设置为浅蓝色；在展示活动信息时，对于北京的用户，展示北京地区的活动信息，对于上海的用户，展示上海地区的活动信息；在展示购物促销信息时，对于年龄小于18岁的用户，展示书籍类的促销信息，对于年龄大于18岁小于60岁的用户，展示服装类的促销信息，对于年龄大于60岁的用户，展示生活用品的促销信息等。

根据预设调整规则调整展示位数据，即相当于调整了用户请求的列表页面的数据，为了使客户端显示调整后的展示位展示情况，发送模块13将调整后的列表页面数据发送给请求列表页面数据的客户端，并由客户端根据调整后的列表页面数据展示该列表页面，进而展示调整后的展示位。

本实施例在需要对展示位的展示情况进行更新时，基于展示位数据的树形结构，服务器根据用户信息的不同，对列表页面中的展示位展示方式进行调整，向客户端下发调整后的列表页面数据，使客户端只需要根据调整后的展示位树形结构展示对应的展示位即可，无需下发和安装新版本，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第十实施例提供了一种页面布局的调整装置，主要安装于后台服务器，主要包括第一获取模块11，用于在列表页面数据中获取展示位数据的最大展示区域；调整模块12，与第一获取模块11耦合，用于在展示位数据的整体框架的范围内，根据预设调整规则，调整树形结构中叶子节点的属性信息；发送模块13，与调整模块12耦合，用于将调整后的列表页面数据发送至请求列表页面数据的客户端。

客户端通过向服务器请求列表页面的数据，来显示页面的具体内容。在一个页面中，各个展示位的大小通常具有一定的限制，即开发人员会为展示位设置最大展示区域，在构建展示位时，通常使用框架容器来限制展示位的展示区域。第一获取模块11获取展示位数据时，也需要获取该展示位的最大展示区域，即该展示位在页面中所在位置的具体限制，调整模块12对展示位的调整，也必须在上述最大展示区域内进行。

在调整展示位时，调整模块12根据预设调整规则进行调整，其中预设调整规则为开发人员预先设置的调整规则，进一步地，根据节日或活动的不同，开发人员可设置不同的调整规则，具体包括调整展示位子块的展示位置、大小、内容、数量等。具体地，修改上述子块的显示情况，即根据预设调整规则，调整树形结构的展示位数据中的叶子节点的属性信息。应当了解的，上述调整均应在展示位的最大展示区域内根据预设调整规则进行调整，如在该区域内增加展示位子块、减少展示位子块、将相邻的几个展示位子块合并、调整展示位子块的位置，只要保证调整后的展示位子块不会出现在最大展示区域以外的位置上即可。

根据预设调整规则调整展示位数据，即相当于调整了用户请求的列表页面的数据，为了使客户端显示调整后的展示位布局情况，发送模块13将调整后的列表页面数据发送给请求列表页面数据的客户端，并由客户端根据调整后的列表页面数据展示该列表页面，进而展示调整后的展示位。

本实施例在需要对展示位的展示情况进行更新时，获取展示位对应的最大展示区域，并在该区域范围内进行相应的更新调整，即保证了页面布局的快速更新，提高了运营位展示的灵活性，又保证了调整后的展示位不会超出原有的展示区域而影响页面中其他数据的展示，提升了用户的使用体验。

本发明的第十一实施例提供了一种页面布局的调整装置，主要安装于后台服务器，主要包括第一获取模块11，用于在展示位数据的整体框架的范围内，根据预设调整规则，调整树形结构中叶子节点的属性信息；调整模块12，与第一获取模块11耦合，用于根据预设调整规则，调整树形结构中叶子节点的属性信息；发送模块13，与调整模块12耦合，用于将调整后的列表页面数据发送至请求列表页面数据的客户端。

由于App中包括多个列表页面，而展示位也可能根据其所在页面的不同，具有不同的作用，如在App首页通常会设置运营位展示广告和活动信息，在登录页面通常会设置验证位以展示验证码或其他验证方式，因此，第一获取模块11在调整展示位的展示方式时，需要在获取列表页面的数据后，判断该页面中是否包含需要调整的展示位类型，由于不同类型的展示位在编写时使用不同的字段进行定义，因此在判断时，通过检测列表页面数据中是否包含预设展示位字段，来判断页面中是否包含对应的展示位数据，在包含对应的展示位数据的情况下，再进行展示位的调整。

本实施例中调整模块12和发送模块13所实现的功能与本发明第八实施例中的调整模块12和发送模块13所实现的功能相同，在本实施例中不再详细赘述。

本实施例在需要对展示位的展示情况进行更新时，根据需要调整的展示位对应的预设展示位字段，获取列表页面数据中对应的展示位数据，使服务器对展示位的调整更具有针对性，更符合开发商调整App页面布局的需求。

本发明的第十二实施例提供了一种页面布局的展示装置，主要安装于客户端，其结构示意图如图11所示，主要包括：接收模块21，用于接收服务器发送的调整后的列表页面数据；遍历模块22，与接收模块21耦合，用于遍历调整后的列表页面数据中展示位数据的所有叶子节点；展示模块23，与遍历模块22耦合，用于根据所有叶子节点的属性信息，展示列表页面中的展示位。

列表页面可以为App中的任意一个页面，客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。其中，列表页面中的布局情况，即为展示位的布局情况，每个展示位可划分为多个展示位子块，针对每个展示位子块可设置不同的展示内容，如图片、音乐、文字、链接跳转等。此时，用户请求列表数据后，接收模块21会收到服务器发送的经过调整后的列表页面数据，该数据中包括调整后的展示位数据，以供客户端进行展示。可选地，运营位也是展示位的一种，可以展示在App的某一个或某几个页面上，主要用于显示广告或活动推送等信息。

展示位数据的数据结构为树形结构，该树形结构中的每一个叶子节点，均对应展示位中的一个子块，叶子节点的属性信息，即对应展示位子块的展示情况。因此，遍历模块22通过遍历调整后的列表页面数据中展示位数据的所有叶子节点，得到所有叶子节点的属性信息，即调整后的展示位所有子块的展示信息。随后，由展示模块23根据所有叶子节点的属性信息，在展示列表页面时展示列表页面中的展示位给用户。

具体地，遍历模块22在遍历叶子节点时，采用递归的思路对每一层叶子节点进行遍历，直到树形结构没有叶子节点为止。

应当了解的是，若服务器侧调整了App某一列表页面中的运营位展示情况，则接收模块21在获取到该列表页面的数据之后，首先由接收模块21判断该列表页面中是否包含预设的运营位字段，若包含运营位字段，则证明当前列表页面中存在运营位需要展示模块23显示，若不包含运营位字段，则展示模块23只需要显示该页面原有的展示位内容即可。

本实施例中客户端只需要接收服务器下发的列表页面数据，遍历列表页面数据中展示位数据的所有叶子节点后，即可得到所有展示位子块的展示情况，客户端直接进行相应内容的展示即可，无需安装新版本以更新展示位布局情况，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第十三实施例提供了一种页面布局的展示装置，主要安装于客户端，其结构示意图如图12所示，主要包括：请求模块24，用于向服务器请求列表页面数据，并向服务器发送请求列表页面数据的用户信息；接收模块21，与请求模块24耦合，用于接收服务器发送的调整后的列表页面数据；遍历模块22，与接收模块21耦合，用于遍历调整后的列表页面数据中展示位数据的所有叶子节点；展示模块23，与遍历模块22耦合，用于根据所有叶子节点的属性信息，展示列表页面中的展示位。

用户在使用App时，为了获取更具有个性化的服务，通常会在使用时登录自己的账号，该账号中会包括该用户的个人信息，请求模块24请求列表页面数据时，请求里会携带该用户的用户信息，以便服务器获取用户信息后，可根据用户信息进行更多元化的展示位展示。

本实施例中提供的接收模块21、遍历模块22以及展示模块23所实现的功能，与本发明第十三实施例相同，在本实施例中不再详细赘述。

本实施例中客户端在向服务器请求列表页面数据时，同时发送了用户信息，使服务器可根据用户信息进行更多元化的展示位调整，并且客户端只需要接收服务器下发的列表页面数据，遍历列表页面数据中展示位数据的所有叶子节点后，即可得到所有展示位子块的展示情况，客户端直接进行相应内容的展示即可，无需安装新版本以更新页面布局情况，减少了客户端的维护成本，提高了展示位展示的灵活性，提升了用户的使用体验。

本发明的第十四实施例提供了一种页面布局的展示装置，主要安装于客户端，主要包括：接收模块21，用于接收服务器发送的调整后的列表页面数据；遍历模块22，与接收模块21耦合，用于在调整后的列表页面数据中获取展示位数据的最大展示区域；在展示位数据的最大展示区域范围内，遍历展示位数据的所有叶子节点；展示模块23，与遍历模块22耦合，用于根据所有叶子节点的属性信息，展示列表页面中的展示位。

列表页面可以为App中的任意一个页面，客户端通过向服务器请求列表页面的数据，来显示页面的具体内容，如页面中的图片信息、文字信息、链接跳转信息、页面布局等等。其中，列表页面中的布局情况，即为展示位的布局情况，每个展示位可划分为多个展示位子块，针对每个展示位子块可设置不同的展示内容，如图片、音乐、文字、链接跳转等。此时，用户请求列表数据后，接收模块21会收到服务器发送的经过调整后的列表页面数据，该数据中包括调整后的展示位数据，以供客户端进行展示。

客户端通过向服务器请求列表页面的数据，来显示页面的具体内容。在一个页面中，各个展示位的大小通常具有一定的限制，开发人员在构建展示位时，会为展示位设置最大展示区域，通常使用框架容器来进行展示区域的限制。接收模块21接收到列表页面数据后，需要首先通过遍历模块22获取该展示位的最大展示区域，即该展示位在页面中所在位置的具体限制，随后在最大展示区域内，遍历展示位数据中包含的所有叶子节点，保证客户端在显示展示位时，只展示其最大展示区域内的展示位子块。

随后，展示模块23根据所有叶子节点的属性信息，在展示列表页面时展示展示位给用户。具体地，遍历模块22在遍历叶子节点时，采用递归的思路对每一层叶子节点进行遍历，直到树形结构没有叶子节点为止。

本实施例中客户端只需要接收服务器下发的列表页面数据，在展示位数据的最大展示区域内，进行相应内容的展示即可，即保证了页面布局的快速更新，无需安装新版本以页面布局情况，提高了运营位展示的灵活性，又保证了调整后的展示位不会超出原有的展示区域而影响页面中其他数据的展示，提升了用户的使用体验。

本发明第十五实施例提供了一种存储介质，存储有计算机程序，计算机程序被处理器执行时实现如下步骤S151至S153：

S151，获取列表页面数据中的展示位数据，其中，展示位数据的数据结构为树形结构；

S152，根据预设调整规则，调整树形结构中叶子节点的属性信息；

S153，将调整后的列表页面数据发送至请求列表页面数据的客户端。

在本实施例中，存储介质可以安装在具有展示位调整功能的服务器中。由于在第一实施例中已经对页面布局的调整方法的具体步骤进行了详细说明，因此，在本实施例中不再赘述。

本发明第十六实施例提供了一种存储介质，存储有计算机程序，计算机程序被处理器执行时实现如下步骤S161至S163：

S161，接收服务器发送的调整后的列表页面数据；

S162，遍历调整后的列表页面数据中展示位数据的所有叶子节点；

S163，根据所有叶子节点的属性信息，展示列表页面中的展示位。

在本实施例中，存储介质可以安装在具有展示位展示功能的客户端中。由于在第五实施例中已经对页面布局的展示方法的具体步骤进行了详细说明，因此，在本实施例中不再赘述。

可选地，在本实施例中，上述存储介质可以包括但不限于：U盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。可选地，在本实施例中，处理器根据存储介质中已存储的程序代码执行上述实施例记载的方法步骤。可选地，本实施例中的具体示例可以参考上述实施例及可选实施方式中所描述的示例，本实施例在此不再赘述。显然，本领域的技术人员应该明白，上述的本发明的各模块或各步骤可以用通用的计算装置来实现，它们可以集中在单个的计算装置上，或者分布在多个计算装置所组成的网络上，可选地，它们可以用计算装置可执行的程序代码来实现，从而，可以将它们存储在存储装置中由计算装置来执行，并且在某些情况下，可以以不同于此处的顺序执行所示出或描述的步骤，或者将它们分别制作成各个集成电路模块，或者将它们中的多个模块或步骤制作成单个集成电路模块来实现。这样，本发明不限制于任何特定的硬件和软件结合。

本发明的第十七实施例提供了一种终端，至少包括存储器、处理器，存储器上存储有计算机程序，处理器在执行存储器上的计算机程序时实现如下步骤S171至S173：

S171，获取列表页面数据中的展示位数据，其中，展示位数据的数据结构为树形结构；

S172，根据预设调整规则，调整树形结构中叶子节点的属性信息；

S173，将调整后的列表页面数据发送至请求列表页面数据的客户端。

在本实施例中，终端可以为具有展示位调整功能的服务器。由于在第一实施例中已经对页面布局的调整方法的具体步骤进行了详细说明，因此，在本实施例中不再赘述。

本发明的第十八实施例提供了一种终端，至少包括存储器、处理器，存储器上存储有计算机程序，处理器在执行存储器上的计算机程序时实现如下步骤S181至S183：

S181，接收服务器发送的调整后的列表页面数据；

S182，遍历调整后的列表页面数据中展示位数据的所有叶子节点；

S183，根据所有叶子节点的属性信息，展示列表页面中的展示位。

在本实施例中，终端可以为具有展示位展示功能的客户端。由于在第五实施例中已经对页面布局的展示方法的具体步骤进行了详细说明，因此，在本实施例中不再赘述。

尽管为示例目的，已经公开了本发明的优选实施例，本领域的技术人员将意识到各种改进、增加和取代也是可能的，因此，本发明的范围应当不限于上述实施例。

Claims (22)

1.一种页面布局的调整方法，应用于服务器，其特征在于，包括：

获取列表页面数据中的展示位数据，其中，所述展示位数据的数据结构为树形结构；

根据预设调整规则，调整所述树形结构中叶子节点的属性信息；

将调整后的列表页面数据发送至请求所述列表页面数据的客户端。

2.如权利要求1所述的调整方法，其特征在于，所述叶子节点的属性信息至少包括以下之一：

所述叶子节点的数量、每个所述叶子节点的方向、每个所述叶子节点的展示内容、每个所述叶子节点的位置信息、每个所述叶子节点相对于父节点的占比信息。

3.如权利要求1所述的调整方法，其特征在于，所述根据预设调整规则，调整所述树形结构中叶子节点的属性信息，包括：

获取请求列表页面数据的用户信息，其中，所述用户信息至少包括以下之一：性别、年龄、当前所在地；

根据所述用户信息和所述预设调整规则，调整所述树形结构中叶子节点的属性信息。

4.如权利要求1所述的调整方法，其特征在于，所述获取列表页面数据中的展示位数据，包括：

检测所述列表页面数据中是否包括预设展示位字段；

在所述列表页面数据中包括预设展示位字段的情况下，获取所述列表页面数据中的展示位数据。

5.如权利要求1至4中任一项所述的调整方法，其特征在于，所述获取列表页面数据中的展示位数据，包括：

在所述列表页面数据中获取所述展示位数据的最大展示区域。

6.如权利要求5所述的调整方法，其特征在于，所述根据预设调整规则，调整所述树形结构中叶子节点的属性信息，包括：

在所述展示位数据的最大展示区域范围内，根据预设调整规则，调整所述树形结构中叶子节点的属性信息。

7.一种页面布局的展示方法，应用于客户端，其特征在于，包括：

接收服务器发送的调整后的列表页面数据；

遍历所述调整后的列表页面数据中展示位数据的所有叶子节点；

根据所有所述叶子节点的属性信息，展示列表页面中的展示位。

8.如权利要求7所述的展示方法，其特征在于，所述接收服务器发送的调整后的列表页面数据之前，还包括：

向所述服务器请求所述列表页面数据，并向所述服务器发送请求所述列表页面数据的用户信息。

9.如权利要求7或8所述的展示方法，其特征在于，所述遍历所述调整后的列表页面数据中展示位数据的所有叶子节点，包括：

在所述调整后的列表页面数据中获取所述展示位数据的最大展示区域；

在所述展示位数据的最大展示区域范围内，遍历所述展示位数据的所有叶子节点。

10.一种页面布局的调整装置，安装于服务器，其特征在于，包括：

第一获取模块，用于获取列表页面数据中的展示位数据，其中，所述展示位数据的数据结构为树形结构；

调整模块，用于根据预设调整规则，调整所述树形结构中叶子节点的属性信息；

发送模块，用于将调整后的列表页面数据发送至请求所述列表页面数据的客户端。

11.如权利要求10所述的调整装置，其特征在于，所述叶子节点的属性信息至少包括以下之一：

所述叶子节点的数量、每个所述叶子节点的方向、每个所述叶子节点的展示内容、每个所述叶子节点的位置信息、每个所述叶子节点相对于父节点的占比信息。

12.如权利要求10所述的调整装置，其特征在于，还包括：

第二获取模块，用于获取请求列表页面数据的用户信息，其中，所述用户信息至少包括以下之一：性别、年龄、当前所在地；

所述调整模块，还用于根据所述用户信息和所述预设调整规则，调整所述树形结构中叶子节点的属性信息。

13.如权利要求10所述的调整装置，其特征在于，所述第一获取模块，还用于：

检测所述列表页面数据中是否包括预设展示位字段；

在所述列表页面数据中包括预设展示位字段的情况下，获取所述列表页面数据中的展示位数据。

14.如权利要求10至13中任一项所述的调整装置，其特征在于，所述第一获取模块，还用于：

在所述列表页面数据中获取所述展示位数据的最大展示区域。

15.如权利要求14所述的调整装置，其特征在于，所述调整模块，具体用于：

在所述展示位数据的最大展示区域范围内，根据预设调整规则，调整所述树形结构中叶子节点的属性信息。

16.一种页面布局的展示装置，安装于客户端，其特征在于，包括：

接收模块，用于接收服务器发送的调整后的列表页面数据；

遍历模块，用于遍历所述调整后的列表页面数据中展示位数据的所有叶子节点；

展示模块，用于根据所有所述叶子节点的属性信息，展示列表页面中的展示位。

17.如权利要求16所述的展示装置，其特征在于，还包括：

请求模块，用于向所述服务器请求所述列表页面数据，并向所述服务器发送请求所述列表页面数据的用户信息。

18.如权利要求16或17所述的展示装置，其特征在于，所述遍历模块，具体用于：

在所述调整后的列表页面数据中获取所述展示位数据的最大展示区域；

在所述展示位数据的最大展示区域范围内，遍历所述展示位数据的所有叶子节点。

19.一种存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求1至6中任一项所述的页面布局的调整方法的步骤。

20.一种存储介质，存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现权利要求7至9中任一项所述的页面布局的展示方法的步骤。

21.一种终端，至少包括存储器、处理器，所述存储器上存储有计算机程序，其特征在于，所述处理器在执行所述存储器上的计算机程序时实现权利要求1至6中任一项所述的页面布局的调整方法的步骤。

22.一种终端，至少包括存储器、处理器，所述存储器上存储有计算机程序，其特征在于，所述处理器在执行所述存储器上的计算机程序时实现权利要求7至9中任一项所述的页面布局的展示方法的步骤。