CN110941784A - 一种页面生成的方法及装置 - Google Patents

Abstract

本说明书公开了一种页面生成的方法及装置，在该方法中可以确定用户选择的页面模板以及获取该用户的各业务数据，从该页面模板包含的各信息展示区域中选取目标信息展示区域，针对每个目标信息展示区域，从各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据，根据该目标业务数据，调整该目标信息展示区域在该页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整该页面模板中各信息展示区域的页面布局，根据该页面模板中各信息展示区域内填充的页面内容，生成用于展示各业务数据的页面。这样可以在一定程度上保证页面模板中信息展示区域内的页面内容不会出现相互遮挡的情况。

Description

一种页面生成的方法及装置

技术领域

本说明书涉及计算机技术领域，尤其涉及一种页面生成的方法及装置。

背景技术

为了便于用户进行页面制作，服务平台可以向用户提供各种页面模板。用户可以根据自身的实际需求，从中选取出需要的页面模板，并通过该页面模板，进行页面制作，如图1A～1C所示。

图1A～1C为现有技术中涉及的页面制作以及页面展示示意图。

用户在进行页面设计时，可以选取如图1A所示的页面模板，图1A所示的页面模板中向用户展示了不同页面内容所对应的信息展示区域(如图1A中的图片区域、二维码区域、标题区域、标签区域、文本区域)。用户根据自身的实际需求，在该页面模板的各信息展示区域中添加相应的页面内容，从而得到如图1B所示的页面。

在得到图1B所示的页面后，用户需要在该页面的基础上再添加一些新增的标签。但是，由于该页面的标签区域的尺寸是固定的，这就导致新增的标签将会溢出该标签区域，从而会对展示在标签区域下方的文本区域中的文本内容(“专业服务”这几个字)进行遮挡，如图1C所示。这样一来，将会给用户的页面浏览造成极大的困难，给用户带来不便。

所以，如何能够保证页面中各信息展示区域中所展示的页面不会相互遮挡，则是一个亟待解决的问题。

发明内容

本说明书提供一种页面生成的方法及装置，以部分的解决现有技术存在的上述问题。

本说明书采用下述技术方案：

本说明书提供了一种页面生成的方法，包括：

确定用户选择的页面模板，以及获取所述用户的各业务数据；

从所述页面模板包含的各信息展示区域中选取目标信息展示区域；

针对每个目标信息展示区域，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据；

根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局；

根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面。

可选地，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据，具体包括：

根据预设的页面配置规则，确定该目标信息展示区域所展示的页面内容对应的数据类别；

从所述各业务数据中选取出与所述数据类别对应的业务数据，作为需要展示在该目标信息展示区域中的目标业务数据。

可选地，从所述页面模板包含的各信息展示区域中选取目标信息展示区域，具体包括：

将所述页面模板中页面布局类型为指定页面布局类型的信息展示区域，选取为目标信息展示区域，所述指定页面布局类型包括：动态布局。

可选地，根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸之前，所述方法还包括：

根据该目标信息展示区域对应的页面布局类型，确定配置在该目标信息展示区域中的页面组件的组件类型，所述页面组件对应的组件类型包括：流式布局组件、弹性布局组件。

可选地，根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，具体包括：

通过确定出的配置在该目标信息展示区域中的页面组件，将所述目标业务数据填充在该目标信息展示区域中，并自适应调整该目标信息展示区域在所述页面模板中的尺寸，以使填充所述目标业务数据得到的页面内容未从调整尺寸后的该目标信息展示区域中溢出。

可选地，根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局，具体包括：

根据调整尺寸后的该目标信息展示区域，调整所述页面模板中与该目标信息展示区域的布局位置相邻的信息展示区域在所述页面模板中的布局位置，以使该目标信息展示区域中展示的页面内容未遮挡与该目标信息展示区域的布局位置相邻的信息展示区域所展示的页面内容。

可选地，根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面，具体包括：

根据所述页面模板中各信息展示区域中填充的页面内容，确定用于展示所述各业务数据的页面所对应的元数据；

根据所述元数据，生成所述页面。

可选地，根据所述元数据，生成所述页面，具体包括：

确定展示所述各业务数据的页面的页面格式；

按照所述页面格式，渲染所述元数据，以生成所述页面。

本说明书提供了一种页面生成的装置，包括：

确定模块，用于确定用户选择的页面模板，以及获取所述用户的各业务数据；

第一选取模块，用于从所述页面模板包含的各信息展示区域中选取目标信息展示区域；

第二选取模块，用于针对每个目标信息展示区域，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据；

调整模块，用于根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局；

生成模块，用于根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面。

本说明书提供了一种计算机可读存储介质，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述页面生成的方法。

本说明书提供了一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现上述页面生成的方法。

本说明书采用的上述至少一个技术方案能够达到以下有益效果：

在本说明书提供的页面生成的方法中，可以确定用户选择的页面模板，以及获取该用户的各业务数据，从该页面模板包含的各信息展示区域中选取目标信息展示区域，针对每个目标信息展示区域，从各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据，根据该目标业务数据，调整该目标信息展示区域在该页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整该页面模板中各信息展示区域的页面布局，根据该页面模板中各信息展示区域内填充的页面内容，生成用于展示各业务数据的页面。

从上述方法中可以看出，目标信息展示区域在页面模板中的尺寸并不是固定的，而是会根据填充在该目标信息展示区域内的业务数据进行自适应调整，与此同时，还会根据调整尺寸后的目标信息展示区域，对页面模板中各信息展示区域进行重新布局，从而实现了页面模板中页面布局的灵活性，进而在一定程度上可以保证页面模板中信息展示区域内的页面内容不会出现相互遮挡的情况，给用户的浏览页面带来了极大的便利以及良好的用户体验。

附图说明

此处所说明的附图用来提供对本说明书的进一步理解，构成本说明书的一部分，本说明书的示意性实施例及其说明用于解释本说明书，并不构成对本说明书的不当限定。在附图中：

图1A～1C为现有技术中涉及的页面制作以及页面展示示意图；

图2为本说明书提供的一种页面生成的流程示意图；

图3A～3C为本说明书提供的调整页面模板中页面布局的示意图；

图4为本说明书提供的一种页面生成的装置示意图；

图5为本说明书提供的对应于图1的电子设备示意图。

具体实施方式

为使本说明书的目的、技术方案和优点更加清楚，下面将结合本说明书具体实施例及相应的附图对本说明书中技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本说明书一部分实施例，而不是全部的实施例。基于本说明书中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本说明书保护的范围。

以下结合附图，详细说明本说明书各实施例提供的技术方案。

图1为本说明书提供的一种页面生成的流程示意图，具体包括以下步骤：

S201：确定用户选择的页面模板，以及获取所述用户的各业务数据。

在本说明书中，用户可以根据自身的实际需求，进行页面制作。其中，用户可以通过服务平台提供的页面模板，进行页面制作。具体的，为了便于用户进行页面制作，服务平台可以向用户提供页面制作这项页面。相应的，用户通过登录该服务平台执行页面制作业务时，服务平台可以向用户展示各种页面模板，用户可以根据自身的实际需求，选择页面模板，并向服务平台发送自身的业务数据。

上述提到的业务数据是指用户执行页面制作这项业务时需要展示在制作出的页面中的数据。例如，在图1A～1C中，图片区域中添加的图片、二维码区域中添加的二维码、文本区域中添加的文本、标签区域中添加的各项标签均为用户在执行页面制作业务时发送的业务数据。再例如，若是用户需要制作新闻页面，则该新闻页面中的新闻文本、照片等均为用户发送的业务数据。

服务平台可以向用户提供填写业务数据的界面，用户可以将需要展示在制作出的页面中的数据填写在该界面中，并通过该界面，向服务平台发送业务数据。

除了可以通过服务平台进行页面制作外，用户也可以通过台式电脑、笔记本电脑、智能手机、平板电脑等终端设备进行页面制作。具体的，在终端设备中可以安装有用于进行页面制作的客户端，该客户端中预存有多种页面模板。用户启动客户端后，可以根据自身的实际需求，从客户端中所提供的各页面模板中进行页面模板的选取，并在该客户端中输入业务数据。这里提到的业务数据的含义与上述提到的业务数据基本相同，即，需要在制作出的页面中展示的数据。

需要说明的是，若是用户通过服务平台进行页面制作，则本说明书提供的页面生成的方法的执行主体为服务平台，若是用户通过终端设备进行页面制作，则本说明书提供的页面生成的方法的执行主体为终端设备或是终端设备中安装的客户端。而由于这两种执行主体在执行本说明书提供的页面生成的方法时，大致过程基本相似，所以，为了便于描述，下面将仅以服务平台为执行主体，对本说明书提供的页面生成的方法进行详细说明。

S202：从所述页面模板包含的各信息展示区域中选取目标信息展示区域。

服务平台向用户提供的页面模板中包含有多个信息展示区域，每个信息展示区域负责展示不同的页面内。例如，在图1A中，图片区域中负责展示图片，标题区域负责展示页面的标题，二维码区域负责展示需要在页面中展示的二维码。

而在这些信息展示区域中，可以大致分为两类信息展示区域，一类是指页面内容可能是固定不变的信息展示区域，另一类是指页面内容可能会随着用户的实际需求而出现变化的信息展示区域。

对于第一类信息展示区域来说，这类信息展示区域并不是单单指页面内容完全不会出现变化，也可以是指页面内容变化频率较慢，抑或是指该信息展示区域内展示的页面内容在页面模板中所占区域的大小不会发生变化。例如，图1A中所示的图片区域内展示的图片并不是固定不变的，根据用户的实际需求，图片区域内展示的图片可以进行相应的变化。但是，无论怎样变化，该图片区域内展示的图片在该页面模板中所占区域的大小，始终是固定不变的。也就是说，图片区域在该页面模板中的尺寸是固定不变的。

在本说明书中，可以将第一类信息展示区域的页面布局类型称之为固定布局，即，固定布局的信息展示区域在页面模板中的尺寸不会发生变化。而第二类信息展示区域来说，这类信息展示区域并不单单是指页面内容会出现变化，还可以是指页面内容在页面模板中所占区域的大小会发生变化。例如，在图1A所示的标签区域中，若是用户根据自身的实际需求，在该标签区域内又额外添加了一些标签，则展示的标签在页面模板中所占区域的大小相较于未添加标签前将出现明显的增加。

对于第二类信息展示区域来说，可以将这类信息展会区域的页面布局类型称之为动态布局。这类信息展示区域在页面模板中的尺寸并不是固定的，而是会根据添加在这类信息展示区域内的业务数据，自适应的调整其在页面模板中的尺寸。

基于此，服务平台可以从用户选择的页面模板中，选取出页面布局类型为指定页面布局类型的信息展示区域，作为目标信息展示区域，这里提到的指定页面布局类型即是指动态布局。其中，页面模板中哪些信息展示区域属于固定布局，哪些信息展示区域属于动态布局可以是人为预先统计出的。即，服务平台的工作人员可以根据实际经验，确定出页面模板中哪些信息展示区域在页面模板中的尺寸较大概率是固定不变的，哪些信息展示区域在页面模板中的尺寸很可能会随着用户的实际需求而出现变化，进而可以将尺寸较大概率固定不变的信息展示区域的页面布局类型设置为固定布局，将尺寸可能会出现变化的信息展示区域的页面布局类型设置为动态布局。

当然，服务平台也可以根据用户的实际需求，来确定页面模板中各信息展示区域的页面布局类型。具体的，用户在向服务平台发送业务数据时，可以注明哪些业务数据后续不会额外增添，哪些业务数据后续可能还会额外增添。服务平台在获取到用户发送的各业务数据后，可以根据用户针对各业务数据的注释，确定出展示各业务数据的各信息展示区域的页面布局类型，即，用户注明后续不会额外增添的业务数据，其对应的信息展示区域的页面布局类型可以设置为固定布局，而用户注明后续可能还会额外增添的业务数据，其对应的信息展示区域的页面布局类型可以设置为动态布局。

其中，这里提到业务数据后续不会额外增添，并不是指展示在信息展示区域内的业务数据不会发生变化，而是指信息展示区域内的业务数据无论是否变化，业务数据在页面模板中所占区域的大小是不会出现变化的。

S203：针对每个目标信息展示区域，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据。

在选取出目标信息展示区域后，服务平台可以针对每个目标信息展示区域，从用户发送的各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据。具体的，服务平台中预先保存有页面配置规则，该页面配置规则规定了不同数据类别的业务数据应该分别填充在哪些信息展示区域中。换句话说，对于一个信息展示区域来说，该页面配置规则其实是规定了应该从获取到的业务数据中提取出哪些数据填充在该信息展示区域中。例如，在图1A～1C所示的页面模板，图片应该填充在图片区域中，二维码应填充在二维码区域中，用户发送的页面标题应填充在标题区域中，而这些对应关系其实都是通过该页面配置规则来进行规定的。这里提到的页面配置规则可以是人为根据实际经验而进行设定的。

基于此，服务平台在获取到用户的各业务数据后，可以针对每个业务数据，确定出该业务数据对应的数据类别，进而根据该数据类别，确定出与该业务数据对应的信息展示区域。换句话说，服务平台可以根据该预设的页面配置规则，确定出信息展示区域所展示的页面内容对应的数据类别，进而从各业务数据中选取出与该数据类别相对应的业务数据，作为需要展示在该信息展示区域中的业务数据。

这里提到的数据类别主要用于指明业务数据的具体形式。例如，当业务数据为二维码时，其对应的数据类型为二维码类别，当业务数据为图片时，其对应的数据类别为图片类别，当业务数据为文本时，其对应的数据类别为文本类别，当业务数据为标题时，其对应的数据类别为标题类别。

在本说明书中，服务平台需要确定出页面模板中所有信息展示区域对应的业务数据，也就是说，除了需要确定出选取的目标信息展示区域所对应的业务数据(即目标业务数据)外，还需要确定出其他信息展示区域对应的业务数据，进而保证用户的业务数据能够在各自对应的信息展示区域中进行展示。

需要说明的是，服务平台选取目标信息展示区域和确定信息展示区域对应的业务数据这两个步骤的先后顺序并不唯一，服务平台可以先选取目标信息展示区域，再确定信息展示区域对应的业务数据，也可以先确定信息展示区域对应的业务数据，再选取目标信息展示区域，抑或是同时执行这两个步骤。

在实际应用中，页面中各区域所展示的页面内容通常都是通过设置在各区域的页面组件来支持的。页面组件是指数据和方法的简单封装，帮助用户对页面中的各种页面元素进行开发的工具。

基于此，服务平台选取出各目标信息展示区域后，可以针对每个目标信息展示区，根据该目标信息展示区域对应的页面布局类型，确定配置在该目标信息展示区域中的页面组件的组件类型。通过上述描述可知，这里提到的目标信息展示区域对应的页面布局类型是指动态布局，所以，配置在目标信息展示区域中的页面组件的组件类型为流式布局组件、弹性布局(Flexible Box，Flex)组件。这类组件可以支持信息展示区域的动态布局。

当然，服务平台除了需要确定出配置在目标信息展示区域中的页面组件的组件类型外，还需要进一步地确定出配置在其他信息展示区域中的页面组件的组件类型。即，服务平台需要确定出页面模板中所有信息展示区域所对应的页面组件的组件类型。

针对页面模板中的每个信息展示区域，服务平台确定出配置在该信息展示区域的页面组件的组件类型后，可以进一步地根据需要展示在信息展示区域内的业务数据，确定出配置在该信息展示区域中的页面组件，进而在后续过程中，根据配置在该信息展示区域中的页面组件，在该信息展示区域中填充相应的业务数据。

S204：根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局。

针对每个信息展示区域，服务平台可以通过配置在该信息展示区域中的页面组件，将需要填充在该信息展示区域中的业务数据填充在该信息展示区域中。其中，对于选取出的目标信息展示区域来说，该目标信息展示区域在页面模板中的尺寸并不是固定的，而是根据填充在该目标信息展示区域内的目标业务数据自适应调整该目标信息展示区域在页面模板中的尺寸。即，若是需要填充在该目标信息展示区域中的目标业务数据内容较多，则该目标信息展示区域在页面模板中的尺寸较大，若是需要填充在该目标信息展示区域中的目标业务数据内容较少，则该目标信息展示区域在页面模板中的尺寸也较小。

为了保证最终制作出的页面较为美观，服务平台通过配置在该目标信息展示区域中的页面组件，将该目标业务数据填充在该目标信息展示区域中时，需要保证填充该目标业务数据得到的页面内容不会从调整尺寸后的该目标信息展示区域中溢出。也就是说，服务平台需要保证该目标业务数据需要在该目标信息展示区域内进行呈现，而不会有部分目标业务数据从该目标信息展示区域中溢出。

与此同时，服务平台需要根据调整尺寸后的该目标信息展示区域，重新调整该页面模板中各信息展示区域的页面布局。具体的，服务平台可以根据调整尺寸后的该目标信息展示区域，调整页面模板中与该目标信息展示区域的布局位置相邻的信息展示区域在该页面模板中的布局位置，以使该目标信息展示区域中展示的页面内容不会遮挡与该目标信息展示区域的布局位置相邻的信息展示区域所展示的页面内容，如图3A～3C所示。

图3A～3C为本说明书提供的调整页面模板中页面布局的示意图。

假设，服务平台起先在页面模板中的标签区域内添加了三个标签，如图3A所示。因为添加了三个标签，所以，图3A中的标签区域的高度为L。而后，服务平台根据用户的实际需求，在该标签区域中又添加了两个标签，而由于标签区域所配置的页面组件的组件类型为流式布局组件(或是Flex组件)，则可以自适应的调整该标签区域在页面模板中的尺寸，进而在标签区域原始高度L的基础上又增加了高度ΔL，如图3B。在图3B中可以看出，在添加了两个标签后，标签区域中一共展示了5个标签，而这5个标签均为从该标签区域中溢出。

与此同时，由于标签区域在页面模板中的尺寸有所增加，则布局位置与之相邻的文本区域应该按照调整尺寸后的标签区域在页面模板中的位置，向下移动一段距离，以保证文本区域内展示的文本内容(即页面内容)不会被标签区域中展示的页面内容所遮挡，如图3C所示。

服务平台在调整目标信息展示区域的尺寸时，可以固定目标信息展示区域的一个边界在页面模板中的位置，并调整其他边界在页面模板中的位置。例如，在调整图3B所示的标签区域时，可以固定该标签区域的上边界在页面模板中的位置，而调整该标签区域的下边界在页面模板中的位置，以实现该标签区域在页面模板中尺寸的调整。再例如，在调整图3B所示的标签区域时，可以固定该标签区域的上边界在页面模板中的位置，而调整该标签区域的下边界以及有边界在页面模板中的位置，以实现该标签区域在页面模板中尺寸的调整。在本说明书中，调整目标信息展示区域在页面模板中的尺寸所采用的方式还可以有多种，在此就不一一举例说明了。

需要说明的是，若是已经预设了调整目标信息展示区域的调整方向，则在确定出一个目标信息展示区域后，可以将页面模板中与该目标信息展示区域布局位置相邻的、且布局位置与该调整方向相匹配的信息展示区域确定为目标信息展示区域。

例如，在图3B所示的页面模板中，标签区域为目标信息展示区域，默认的调整方向为向下调整，即在固定该标签区域的上边界的前提下，通过调整该标签区域的下边界实现该标签区域在页面模板中的尺寸调整。而文本区域位于该标签区域的下方，因此，文本区域与该标签区域的向下调整方向是相符的。所以，服务平台可以将该文本区域的页面布局类型设置为动态布局。

对于页面布局类型为固定布局的信息展示区域来说，服务平台可以直接通过为该信息展示区域配置的页面组件，将需要填充在该信息展示区域中的业务数据填充在该信息展示区域内，而无需对该信息展示区域在该页面模板中的尺寸进行调整。

S205：根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面。

服务平台可以按照上述方式，将各业务数据分别填充在页面模板中与之对应的信息展示区域中。而后，服务平台可以基于该页面模板中各信息展示区域内填充的页面内容，以及配置在各信息展示区域的页面组件，确定出用于展示各业务数据的页面对应的元数据，进而在后续过程中，可以根据该元数据，进行页面生成。

其中，由于不同的页面展示端所要求的页面格式不尽相同，所以，服务平台在可以出该元数据后，可以针对每个页面展示端，按照该页面展示端所对应的页面格式，渲染该元数据，从而生成用于在该页面展示端展示的页面。例如，若是确定页面展示端为安卓(Android)端，则服务平台可以将该元数据按照Android端所要求的页面格式进行渲染，以生成用于展示Android端的页面。再例如，若是确定页面展示端为IOS端，则服务平台可以将该元数据按照IOS端所要求的页面格式进行渲染，以生成用于展示IOS端的页面。

此举的目的在于，由于服务平台并不是直接生成相应的页面，而是生成该页面对应的元数据，这样可以使得任意页面展示端均可以根据该元数据，渲染出该页面，从而有效的降低了生成的页面与页面展示端之间的耦合性。

从上述方法中可以看出，目标信息展示区域在页面模板中的尺寸并不是固定的，而是会根据填充在该目标信息展示区域内的业务数据进行自适应调整，与此同时，还会根据调整尺寸后的目标信息展示区域，对页面模板中各信息展示区域进行重新布局，从而实现了页面模板中页面布局的灵活性，进而在一定程度上可以保证页面模板中信息展示区域内的页面内容不会出现相互遮挡的情况，给用户的浏览页面带来了极大的便利以及良好的用户体验。

还需说明的是，由于页面模板的尺寸有限，所以，若是目标信息展示区域内需要展示的页面内容较多，则除了调整该目标信息展示区域在页面模板中的尺寸外，还可以自适应的调整页面内容在目标信息展示区域内的尺寸大小。例如，在图3B所示的页面模板中，服务平台除了可以调整标签区域在页面模板中的尺寸外，还可以适当的将标签区域中标签的尺寸进行一定程度的缩减。

以上为本说明书的一个或多个实施例提供的页面生成的方法，基于同样的思路，本说明书还提供了相应的页面生成的装置，如图4所示。

图4为本说明书提供的一种页面生成的装置示意图，具体包括：

获取模块401，用于确定用户选择的页面模板，以及获取所述用户的各业务数据；

第一选取模块402，用于从所述页面模板包含的各信息展示区域中选取目标信息展示区域；

第二选取模块403，用于针对每个目标信息展示区域，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据；

调整模块404，用于根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局；

生成模块405，用于根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面。

可选地，所述第二选取模块403具体用于，根据预设的页面配置规则，确定该目标信息展示区域所展示的页面内容对应的数据类别；从所述各业务数据中选取出与所述数据类别对应的业务数据，作为需要展示在该目标信息展示区域中的目标业务数据。

可选地，所述第一选取模块402具体用于，将所述页面模板中页面布局类型为指定页面布局类型的信息展示区域，选取为目标信息展示区域，所述指定页面布局类型包括：动态布局。

可选地，所述装置还包括：

确定模块406，用于根据该目标信息展示区域对应的页面布局类型，确定配置在该目标信息展示区域中的页面组件的组件类型，所述页面组件对应的组件类型包括：流式布局组件、弹性布局组件。

可选地，所述调整模块404具体用于，通过确定出的配置在该目标信息展示区域中的页面组件，将所述目标业务数据填充在该目标信息展示区域中，并自适应调整该目标信息展示区域在所述页面模板中的尺寸，以使填充所述目标业务数据得到的页面内容未从调整尺寸后的该目标信息展示区域中溢出。

可选地，所述调整模块404具体用于，根据调整尺寸后的该目标信息展示区域，调整所述页面模板中与该目标信息展示区域的布局位置相邻的信息展示区域在所述页面模板中的布局位置，以使该目标信息展示区域中展示的页面内容未遮挡与该目标信息展示区域的布局位置相邻的信息展示区域所展示的页面内容。

可选地，所述生成模块405具体用于，根据所述页面模板中各信息展示区域中填充的页面内容，确定用于展示所述各业务数据的页面所对应的元数据；根据所述元数据，生成所述页面。

可选地，所述生成模块405具体用于，确定展示所述各业务数据的页面的页面格式；按照所述页面格式，渲染所述元数据，以生成所述页面。

本说明书还提供了一种计算机可读存储介质，该存储介质存储有计算机程序，计算机程序可用于执行上述页面生成的方法。

本说明书还提供了图5所示的电子设备的示意结构图。如图5所述，在硬件层面，该电子设备包括处理器、内部总线、网络接口、内存以及非易失性存储器，当然还可能包括其他业务所需要的硬件。处理器从非易失性存储器中读取对应的计算机程序到内存中然后运行，以实现上述页面生成的方法。当然，除了软件实现方式之外，本说明书并不排除其他实现方式，比如逻辑器件抑或软硬件结合的方式等等，也就是说以下处理流程的执行主体并不限定于各个逻辑单元，也可以是硬件或逻辑器件。

在20世纪90年代，对于一个技术的改进可以很明显地区分是硬件上的改进(例如，对二极管、晶体管、开关等电路结构的改进)还是软件上的改进(对于方法流程的改进)。然而，随着技术的发展，当今的很多方法流程的改进已经可以视为硬件电路结构的直接改进。设计人员几乎都通过将改进的方法流程编程到硬件电路中来得到相应的硬件电路结构。因此，不能说一个方法流程的改进就不能用硬件实体模块来实现。例如，可编程逻辑器件(Programmable Logic Device,PLD)(例如现场可编程门阵列(Field Programmable GateArray，FPGA))就是这样一种集成电路，其逻辑功能由用户对器件编程来确定。由设计人员自行编程来把一个数字系统“集成”在一片PLD上，而不需要请芯片制造厂商来设计和制作专用的集成电路芯片。而且，如今，取代手工地制作集成电路芯片，这种编程也多半改用“逻辑编译器(logic compiler)”软件来实现，它与程序开发撰写时所用的软件编译器相类似，而要编译之前的原始代码也得用特定的编程语言来撰写，此称之为硬件描述语言(Hardware Description Language，HDL)，而HDL也并非仅有一种，而是有许多种，如ABEL(Advanced Boolean Expression Language)、AHDL(Altera Hardware DescriptionLanguage)、Confluence、CUPL(Cornell University Programming Language)、HDCal、JHDL(Java Hardware Description Language)、Lava、Lola、MyHDL、PALASM、RHDL(RubyHardware Description Language)等，目前最普遍使用的是VHDL(Very-High-SpeedIntegrated Circuit Hardware Description Language)与Verilog。本领域技术人员也应该清楚，只需要将方法流程用上述几种硬件描述语言稍作逻辑编程并编程到集成电路中，就可以很容易得到实现该逻辑方法流程的硬件电路。

控制器可以按任何适当的方式实现，例如，控制器可以采取例如微处理器或处理器以及存储可由该(微)处理器执行的计算机可读程序代码(例如软件或固件)的计算机可读介质、逻辑门、开关、专用集成电路(Application Specific Integrated Circuit，ASIC)、可编程逻辑控制器和嵌入微控制器的形式，控制器的例子包括但不限于以下微控制器：ARC 625D、Atmel AT91SAM、Microchip PIC18F26K20以及Silicone Labs C8051F320，存储器控制器还可以被实现为存储器的控制逻辑的一部分。本领域技术人员也知道，除了以纯计算机可读程序代码方式实现控制器以外，完全可以通过将方法步骤进行逻辑编程来使得控制器以逻辑门、开关、专用集成电路、可编程逻辑控制器和嵌入微控制器等的形式来实现相同功能。因此这种控制器可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置也可以视为硬件部件内的结构。或者甚至，可以将用于实现各种功能的装置视为既可以是实现方法的软件模块又可以是硬件部件内的结构。

上述实施例阐明的系统、装置、模块或单元，具体可以由计算机芯片或实体实现，或者由具有某种功能的产品来实现。一种典型的实现设备为计算机。具体的，计算机例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本说明书时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

本领域内的技术人员应明白，本发明的实施例可提供为方法、系统、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。

本领域技术人员应明白，本说明书的实施例可提供为方法、系统或计算机程序产品。因此，本说明书可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本说明书可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本说明书可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本说明书，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

以上所述仅为本说明书的实施例而已，并不用于限制本说明书。对于本领域技术人员来说，本说明书可以有各种更改和变化。凡在本说明书的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本说明书的权利要求范围之内。

Claims (11)

1.一种页面生成的方法，其特征在于，包括：

确定用户选择的页面模板，以及获取所述用户的各业务数据；

从所述页面模板包含的各信息展示区域中选取目标信息展示区域；

针对每个目标信息展示区域，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据；

根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局；

根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面。

2.如权利要求1所述的方法，其特征在于，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据，具体包括：

根据预设的页面配置规则，确定该目标信息展示区域所展示的页面内容对应的数据类别；

从所述各业务数据中选取出与所述数据类别对应的业务数据，作为需要展示在该目标信息展示区域中的目标业务数据。

3.如权利要求1所述的方法，其特征在于，从所述页面模板包含的各信息展示区域中选取目标信息展示区域，具体包括：

将所述页面模板中页面布局类型为指定页面布局类型的信息展示区域，选取为目标信息展示区域，所述指定页面布局类型包括：动态布局。

4.如权利要求3所述的方法，其特征在于，根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸之前，所述方法还包括：

根据该目标信息展示区域对应的页面布局类型，确定配置在该目标信息展示区域中的页面组件的组件类型，所述页面组件对应的组件类型包括：流式布局组件、弹性布局。

5.如权利要求4所述的方法，其特征在于，根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，具体包括：

通过确定出的配置在该目标信息展示区域中的页面组件，将所述目标业务数据填充在该目标信息展示区域中，并自适应调整该目标信息展示区域在所述页面模板中的尺寸，以使填充所述目标业务数据得到的页面内容未从调整尺寸后的该目标信息展示区域中溢出。

6.如权利要求1或5所述的方法，其特征在于，根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局，具体包括：

根据调整尺寸后的该目标信息展示区域，调整所述页面模板中与该目标信息展示区域的布局位置相邻的信息展示区域在所述页面模板中的布局位置，以使该目标信息展示区域中展示的页面内容未遮挡与该目标信息展示区域的布局位置相邻的信息展示区域所展示的页面内容。

7.如权利要求1所述的方法，其特征在于，根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面，具体包括：

根据所述页面模板中各信息展示区域中填充的页面内容，确定用于展示所述各业务数据的页面所对应的元数据；

根据所述元数据，生成所述页面。

8.如权利要求7所述的方法，其特征在于，根据所述元数据，生成所述页面，具体包括：

确定展示所述各业务数据的页面的页面格式；

按照所述页面格式，渲染所述元数据，以生成所述页面。

9.一种页面生成的装置，其特征在于，包括：

获取模块，用于确定用户选择的页面模板，以及获取所述用户的各业务数据；

第一选取模块，用于从所述页面模板包含的各信息展示区域中选取目标信息展示区域；

第二选取模块，用于针对所述页面模板中包含的每个目标信息展示区域，从所述各业务数据中选取出需要展示在该目标信息展示区域中的业务数据，作为该目标信息展示区域对应的目标业务数据；

调整模块，用于根据所述目标业务数据，调整该目标信息展示区域在所述页面模板中的尺寸，并根据调整尺寸后的该目标信息展示区域，重新调整所述页面模板中各信息展示区域的页面布局；

生成模块，用于根据所述页面模板中各信息展示区域内填充的页面内容，生成用于展示所述各业务数据的页面。

10.一种计算机可读存储介质，其特征在于，所述存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述权利要求1～8任一项所述的方法。

11.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现上述权利要求1～8任一项所述的方法。

Images