CN115828019A - 页面生成方法、装置、设备及存储介质 - Google Patents

Abstract

本公开提供了一种页面生成方法、装置、设备及存储介质，可以应用于图像处理领域。该方法包括：解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，目标页面包括M个展示区域，第一页面布局信息包括区域布局信息和内容布局信息，区域布局信息表征M个展示区域在目标页面上的布局信息；内容布局信息表征页面内容在M个展示区域内的布局信息，其中，M为大于1的整数；从第一页面布局信息中删除内容布局信息，得到第二页面布局信息；响应于针对目标页面的页面生成请求，获取目标显示区域的信息；根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面。

Description

页面生成方法、装置、设备及存储介质

技术领域

本公开涉及图像处理领域，尤其涉及一种页面生成方法、装置、设备、介质和程序产品。

背景技术

在现有技术中，通常是通过排版软件对电子稿件进行排版，再将输出排版结果作为电子稿件的版面，排版完成的电子稿件会以SVG(Scalable Vector Graphics，可缩放的矢量图形)输出，并展示在可视化界面上。

但是发明人在实现发明构思的过程中，发现在相关技术中，在加载SVG文件进行电子稿件的版面展示的情况下，存在内容加载速度慢的问题。

发明内容

鉴于上述问题，本公开提供了页面生成方法、装置、设备、介质和程序产品。

根据本公开的第一个方面，提供了一种页面生成方法，包括：解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，上述目标页面包括M个展示区域，上述第一页面布局信息包括区域布局信息和内容布局信息，上述区域布局信息表征上述M个展示区域在上述目标页面上的布局信息；上述内容布局信息表征页面内容在上述M个展示区域内的布局信息，其中，M为大于1的整数；从上述第一页面布局信息中删除上述内容布局信息，得到第二页面布局信息；响应于针对目标页面的页面生成请求，获取目标显示区域的信息；根据上述目标显示区域的信息、上述第一内容图像的信息和上述第二页面布局信息，生成目标页面。

根据本公开的实施例，上述根据上述目标显示区域的信息、上述第一内容图像的信息和上述第二页面布局信息，生成目标页面，包括：根据上述目标显示区域的信息和上述第一内容图像的信息，对上述第一内容图像进行处理，得到第二内容图像；根据上述第二内容图像和上述第二页面布局信息，生成上述目标页面。

根据本公开的实施例，上述目标显示区域的信息表征上述目标显示区域的第一尺寸信息，上述第一内容图像的信息表征第一内容图像的第二尺寸信息，上述根据上述目标显示区域的信息和上述第一内容图像的信息，对上述第一内容图像进行处理，得到第二内容图像，包括：根据上述第一尺寸信息和上述第二尺寸信息，得到图像压缩参数信息；根据上述图像压缩参数信息，对上述第一内容图像进行处理，得到上述第二内容图像。

根据本公开的实施例，上述根据上述第二内容图像和上述第二页面布局信息，生成上述目标页面，包括：根据上述第二内容图像和上述第二页面布局信息，得到渲染策略；按照上述渲染策略，对上述第二内容图像和上述第二页面布局信息进行渲染处理，得到上述目标页面。

根据本公开的实施例，根据上述第二内容图像和上述第二页面布局信息，得到渲染策略，包括：根据上述第二页面布局信息，生成目标矢量图像；根据上述目标矢量图像，从图层配置信息中查询得到与上述目标矢量图像对应的第一图层信息；根据上述第二内容图像，从图层配置信息中查询得到与上述第二内容图像对应的第二图层信息；根据上述第一图层信息和上述第二图层信息，得到上述渲染策略。

根据本公开的实施例，上述页面生成方法还包括：根据上述内容布局信息，生成页面内容的文本信息，上述页面内容的文本信息包括与M个展示区域对应的M个子内容的文本信息，其中，m为大于1且小于M的整数；响应于针对上述目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，上述目标内容信息表征与上述第m个展示区域对应的第m个子内容的文本信息。

根据本公开的实施例，上述根据上述内容布局信息，生成页面内容的文本信息，包括：针对第m个展示区域，从上述内容布局信息中获取第m个子内容信息和上述第m个子内容中每一个字符在上述第m个展示区域的排布顺序信息；按照上述排布顺序信息，将上述第m个子内容中每一个字符进行排序，得到第m个子内容的文本信息；根据M个子内容的文本信息，生成上述页面内容文本信息。

根据本公开的实施例，响应于针对上述目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，包括：响应于针对上述目标页面上第m个展示区域的点击操作，获取目标展示区域的位置信息；根据上述目标展示区域的位置信息，查询得到与上述目标展示区域对应的目标内容信息；通过可视化界面展示上述目标内容信息。

本公开的第二方面提供了一种页面生成装置，包括：解析模块，用于解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，上述目标页面包括M个展示区域，上述第一页面布局信息包括区域布局信息和内容布局信息，上述区域布局信息表征上述M个展示区域在上述目标页面上的布局信息；上述内容布局信息表征页面内容在上述M个展示区域内的布局信息，其中，M为大于1的整数；删除模块，用于从上述第一页面布局信息中删除上述内容布局信息，得到第二页面布局信息；获取模块，用于响应于针对目标页面的页面生成请求，获取目标显示区域的信息；第一生成模块，根据上述目标显示区域的信息、上述第一内容图像的信息和上述第二页面布局信息，生成目标页面。

本公开的第三方面提供了一种电子设备，包括：一个或多个处理器；存储器，用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得一个或多个处理器执行上述方法。

本公开的第四方面还提供了一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行上述方法。

本公开的第五方面还提供了一种计算机程序产品，包括计算机程序，该计算机程序被处理器执行时实现上述方法。

根据本公开提供的页面生成方法、装置、设备、介质和程序产品，通过解析目标页面的页面设计文件，从解析得到的第一页面布局信息中删除内容布局信息，得到第二页面布局信息，以减少所需要加载的内容，再响应于针对目标页面的页面生成请求，获取目标显示区域的信息，根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面。由于删除了内容布局信息，减少了内容图像中的冗余内容，进而减少了在加载内容图像情况下的内存占用，提高了在目标页面上加载内容图像的加载速度。

附图说明

通过以下参照附图对本公开实施例的描述，本公开的上述内容以及其他目的、特征和优点将更为清楚，在附图中：

图1示意性示出了根据本公开实施例的页面生成方法、装置、设备、介质和程序产品的应用场景图；

图2示意性示出了根据本公开实施例的页面生成方法的流程图；

图3示意性示出了根据本公开实施例的目标页面展示第二布局信息的示意图；

图4示意性示出了根据本公开实施例的得到渲染策略方法的流程图；

图5示意性示出了根据本公开实施例的生成页面内容文本信息方法的流程图；

图6示意性示出了根据本公开实施例的展示目标内容信息的示意图；

图7示意性示出了根据本公开实施例的页面生成装置的结构框图；以及

图8示意性示出了根据本公开实施例的适于实现页面生成方法的电子设备的方框图。

具体实施方式

以下，将参照附图来描述本公开的实施例。但是应该理解，这些描述只是示例性的，而并非要限制本公开的范围。在下面的详细描述中，为便于解释，阐述了许多具体的细节以提供对本公开实施例的全面理解。然而，明显地，一个或多个实施例在没有这些具体细节的情况下也可以被实施。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本公开的概念。

在此使用的术语仅仅是为了描述具体实施例，而并非意在限制本公开。在此使用的术语“包括”、“包含”等表明了所述特征、步骤、操作和/或部件的存在，但是并不排除存在或添加一个或多个其他特征、步骤、操作或部件。

在此使用的所有术语(包括技术和科学术语)具有本领域技术人员通常所理解的含义，除非另外定义。应注意，这里使用的术语应解释为具有与本说明书的上下文相一致的含义，而不应以理想化或过于刻板的方式来解释。

在使用类似于“A、B和C等中至少一个”这样的表述的情况下，一般来说应该按照本领域技术人员通常理解该表述的含义来予以解释(例如，“具有A、B和C中至少一个的系统”应包括但不限于单独具有A、单独具有B、单独具有C、具有A和B、具有A和C、具有B和C、和/或具有A、B、C的系统等)。

在本公开的技术方案中，所涉及的数据(如包括但不限于用户个人信息)的收集、存储、使用、加工、传输、提供、公开和应用等处理，均符合相关法律法规的规定，采取了必要保密措施，且不违背公序良俗。

发明人发现，在相关技术中，由于SVG文件中的冗余内容较多，在显示时需要加载整个SVG文件，因此，会存在内容加载速度慢的问题。

有鉴于此，本公开的实施例提供了一种页面生成方法，包括：

解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，目标页面包括M个展示区域，第一页面布局信息包括区域布局信息和内容布局信息，区域布局信息表征M个展示区域在目标页面上的布局信息；内容布局信息表征页面内容在M个展示区域内的布局信息，其中，M为大于1的整数；

从第一页面布局信息中删除内容布局信息，得到第二页面布局信息；

响应于针对目标页面的页面生成请求，获取目标显示区域的信息；

根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面。

图1示意性示出了根据本公开实施例的页面生成方法的应用场景图。

如图1所示，根据该实施例的应用场景100可以包括第一终端设备101、第二终端设备102、第三终端设备103、网络104和服务器105。网络104用以在第一终端设备101、第二终端设备102、第三终端设备103和服务器105之间提供通信链路的介质。网络104可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

用户可以使用第一终端设备101、第二终端设备102、第三终端设备103中的至少一个通过网络104与服务器105交互，以接收或发送消息等。第一终端设备101、第二终端设备102、第三终端设备103上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。

第一终端设备101、第二终端设备102、第三终端设备103可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。

服务器105可以是提供各种服务的服务器，例如对用户利用第一终端设备101、第二终端设备102、第三终端设备103所浏览的网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的用户请求等数据进行分析等处理，并将处理结果(例如根据用户请求获取或生成的网页、信息、或数据等)反馈给终端设备。

需要说明的是，本公开实施例所提供的页面生成方法一般可以由服务器105执行。相应地，本公开实施例所提供的页面生成装置一般可以设置于服务器105中。本公开实施例所提供的页面生成方法也可以由不同于服务器105且能够与第一终端设备101、第二终端设备102、第三终端设备103和/或服务器105通信的服务器或服务器集群执行。相应地，本公开实施例所提供的页面生成装置也可以设置于不同于服务器105且能够与第一终端设备101、第二终端设备102、第三终端设备103和/或服务器105通信的服务器或服务器集群中。

应该理解，图1中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

以下将基于图1描述的场景，通过图2～图6对公开实施例的页面生成方法进行详细描述。

图2示意性示出了根据本公开实施例的页面生成方法的流程图。

如图2所示，该实施例的页面生成方法包括操作S210～操作S240。

在操作S210，解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，目标页面包括M个展示区域，第一页面布局信息包括区域布局信息和内容布局信息，区域布局信息表征M个展示区域在目标页面上的布局信息；内容布局信息表征页面内容在M个展示区域内的布局信息，其中，M为大于1的整数。

根据本公开的实施例，例如，页面设计文件可以是SVG文件。SVG文件的内容可以为XML(可扩展标记语言)格式，可以包含根节点，子节点和叶子节点。目标页面信息可以作为根节点，与目标页面对应的子节点可以是多个展示区域信息，可以在目标页面上按照区域布局信息对多个展示区域进行展示，例如：以目标页面上的文章为单位划分展示区域，每一篇文章对应一个展示区域。与展示区域对应的叶子节点可以是页面内容，在展示区域内，可以按照图片布局信息对页面内容进行展示。例如：页面内容可以是该展示区域内的文章中的文字内容和文字在该展示区域内的布局内容。

根据本公开的实施例，第一内容图像可以是在目标页面的展示区域内的展示内容图像，例如，第一内容图像可以是Base64编码格式的图像。第一页面布局信息可以包括第一内容图像信息在目标页面上展示的矢量信息，例如，可以按照第一页面布局信息的页面布局结构对第一内容图像信息进行展示。

根据本公开的实施例，区域布局信息可以包括第一内容图像在目标页面上的展示布局，内容布局信息可以包括第一内容图像中图像内容的展示布局。例如，可以根据区域布局信息确定第一内容图像在目标页面上的展示区域，再根据内容布局信息确定第一内容图像中图像内容的排布顺序。

在操作S220，从第一页面布局信息中删除内容布局信息，得到第二页面布局信息。

根据本公开的实施例，删除内容布局信息，在目标页面上仅保留区域布局信息，以减少加载目标页面所占用的缓存资源，增加目标页面加载的速度。

在操作S230，响应于针对目标页面的页面生成请求，获取目标显示区域的信息。

根据本公开的实施例，目标显示区域可以是需要展示第一内容图像的展示区域。

在操作S240，根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面。

根据本公开的实施例，根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面，例如，生成的目标页面，可以是将内容图像设置在第二页面的目标展示区域，但在未响应的情况下，不展示目标图像的具体图像内容的页面。

根据本公开的实施例，通过解析目标页面的页面设计文件，从解析得到的第一页面布局信息中删除内容布局信息，得到第二页面布局信息，以减少所生成的目标页面的内存，再响应于针对目标页面的页面生成请求，获取目标显示区域的信息，根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面。由于删除了内容布局信息，减少了内容图像中的冗余内容，进而减少了在加载内容图像情况下的内存占用，提高了在目标页面上加载内容图像的加载速度。

图3示意性示出了根据本公开实施例的目标页面展示第二布局信息的示意图。

如图3所示，目标页面可以按照第二页面布局信息进行布局，可以包括6个展示区域，可以包括A1区域、A2区域、A3区域、A4区域、A5区域和A6区域。第一内容图像信息可以在上述6个区域，按照第二页面布局信息进行展示。

根据本公开的实施例，根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面，包括：

根据目标显示区域的信息和第一内容图像的信息，对第一内容图像进行处理，得到第二内容图像；

根据第二内容图像和第二页面布局信息，生成目标页面。

根据本公开的实施例，根据目标显示区域的信息和第一内容图像的信息，对第一内容图像进行处理，得到第二内容图像，例如，可以是将第一内容图像的尺寸改变为与目标显示区域的尺寸对应的内容图像，使内容图像与目标显示区域相匹配，并将该内容图像作为第二内容图像。

根据本公开的实施例，根据第二内容图像和第二页面布局信息，生成目标页面，例如，将与目标展示区域的尺寸对应的第二内容图像，按照第二页面布局信息中的页面布局，生成目标页面，使该第二内容图像展示在目标页面的目标显示区域。

根据本公开的实施例，根据目标显示区域的信息和第一内容图像的信息，对第一内容图像进行处理，使第一内容图像与目标显示区域相匹配，得到与目标显示区域相匹配的第二内容图像，再根据按照第二页面布局信息的布局方式，对第二内容图像进行布局，根据布局后的第二内容图像，生成目标页面，由于将目标显示区域和内容图像相匹配，可以使内容图像展示在目标显示区域，增强了内容图像的适应性，再按照布局方式对内容图像进行布局，使生成的目标页面对内容图像进行展示，增强了目标页面布局的灵活性。

根据本公开的实施例，目标显示区域的信息表征目标显示区域的第一尺寸信息，第一内容图像的信息表征第一内容图像的第二尺寸信息，根据目标显示区域的信息和第一内容图像的信息，对第一内容图像进行处理，得到第二内容图像，包括：

根据第一尺寸信息和第二尺寸信息，得到图像压缩参数信息；

根据图像压缩参数信息，对第一内容图像进行处理，得到第二内容图像。

根据本公开的实施例，根据第一尺寸信息和第二尺寸信息，得到图像压缩参数信息，例如，可以使根据目标显示区域的第一尺寸信息，以及第一内容图像的第二尺寸信息，确定第一尺寸信息与第二尺寸之间的缩放倍数，基于该缩放倍数确定图像压缩参数，可以通过该图像压缩参数对第一内容图像进行尺寸压缩。

根据本公开的实施例，根据图像压缩参数信息，对第一内容图像进行处理，得到第二内容图像，例如，可以是根据图像压缩参数信息中第一尺寸信息与第二尺寸信息之间的缩放倍数，确定对第一内容图像的压缩程度，进而可以对第一内容图像进行压缩处理，得到第二内容图像。

根据本公开的实施例，根据第一尺寸信息和第二尺寸信息，得到图像压缩参数信息，再根据图像压缩参数信息，对第一内容图像进行处理，使内容图像的尺寸与显示区域相匹配，得到尺寸与显示区域相匹配的第二内容图像，提高了内容图像的适应性和灵活性。

根据本公开的实施例，根据第二内容图像和第二页面布局信息，生成目标页面，包括：

根据第二内容图像和第二页面布局信息，得到渲染策略；

按照渲染策略，对第二内容图像和第二页面布局信息进行渲染处理，得到目标页面。

根据本公开的实施例，根据第二内容图像和第二页面布局信息，得到渲染策略，例如，可以根据第二内容图像和第二页面的布局信息，确定第二内容图像的显示方式，以将该显示方式作为渲染策略对第二内容图像进行显示。

根据本公开的实施例，按照渲染策略，对第二内容图像和第二页面布局信息进行渲染处理，得到目标页面，例如，可以按照渲染策略，确定按照第二页面布局信息在目标页面上显示第二内容图像的显示方式，进而可以得到按照该显示方式显示第二内容图像的目标页面。

根据本公开的实施例，根据第二内容图像和第二页面布局信息，得到渲染策略，再按照渲染策略，对第二内容图像和第二页面布局信息进行渲染处理，得到目标页面，由于确定了渲染策略，确定了内容图像的显示方式，可以使在目标页面的内容图像按照布局方式和显示方式进行展示，增强了内容图像展示的灵活性。

图4示意性示出了根据本公开实施例的得到渲染策略方法的流程图。

如图4所示，该实施例的得到渲染策略方法包括操作S410～操作S440。

在操作S410，根据第二页面布局信息，生成目标矢量图像。

根据本公开的实施例，目标矢量图像可以是用于在目标页面上展示的矢量图像。

根据本公开的实施例，根据第二页面布局信息，生成目标矢量图像，例如，根据第二页面布局信息的布局方式，在目标页面的对应位置生成目标矢量图像。

在操作S420，根据目标矢量图像，从图层配置信息中查询得到与目标矢量图像对应的第一图层信息。

根据本公开的实施例，图层配置信息可以是用于确定图像在目标页面上层叠次序的配置信息。

根据本公开的实施例，与目标矢量图像对应的第一图层信息可以是，使目标矢量图像位于目标页面的上层的配置信息。

根据本公开的实施例，根据目标矢量图像，从图层配置信息中查询得到与目标矢量图像对应的第一图层信息，例如，可以根据目标矢量图像，从图层配置信息中查询得到，使目标矢量图像位于目标页面的上层的配置信息。

在操作S430，根据第二内容图像，从图层配置信息中查询得到与第二内容图像对应的第二图层信息。

根据本公开的实施例，与第二内容图像对应的第二图层信息可以是，使第二内容图像位于目标页面的下层的配置信息。

根据本公开的实施例，根据第二内容图像，从图层配置信息中查询得到与第二内容图像对应的第二图层信息，例如，可以根据第二内容图像，从图层配置信息中查询得到，使第二内容图像位于目标页面的下层的配置信息。

在操作S440，根据第一图层信息和第二图层信息，得到渲染策略。

根据本公开的实施例，根据第一图层信息和第二图层信息，得到渲染策略，例如，可以是根据第一图层信息和第二图层信息，确定目标矢量图像位于目标页面的的上层，以及确定第二内容图像位于目标页面的的下层。

根据本公开的实施例，根据第二页面布局信息，生成目标矢量图像，再根据目标矢量图像，从图层配置信息中查询得到与目标矢量图像对应的第一图层信息，确定矢量图像在目标页面的叠放次序，以及根据第二内容图像，从图层配置信息中查询得到与第二内容图像对应的第二图层信息，确定内容图像在目标页面的叠放次序，再根据第一图层信息和第二图层信息，按照叠放次序，得到渲染策略，由于使内容图像位于矢量图像下层，在目标页面上仅展示矢量图像，可以减少加载图像情况下的缓存，加快图像的加载速度。

根据本公开的实施例，上述页面生成方法还包括：

根据内容布局信息，生成页面内容的文本信息，页面内容的文本信息包括与M个展示区域对应的M个子内容的文本信息，其中，m为大于1且小于M的整数；

响应于针对目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，目标内容信息表征与第m个展示区域对应的第m个子内容的文本信息。

根据本公开的实施例，根据内容布局信息，生成页面内容的文本信息，例如，按照内容布局信息中的布局方式，对文本信息进行布局，以生成页面内容的文本信息。

根据本公开的实施例，响应于针对目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，例如，通过响应于对目标页面上展示区域的点击操作，可以在该展示区域展示对应的目标内容。

根据本公开的实施例，根据内容布局信息，生成页面内容的文本信息，使文本按照内容布局进行排布，再响应于针对目标页面上第m个展示区域的点击操作，通过可视化界面展示排布后的目标内容信息，增强了文本展示的灵活性。

图5示意性示出了根据本公开实施例的生成页面内容文本信息方法的流程图。

如图5所示，该实施例的生成页面内容文本信息方法包括操作S510～操作S530。

在操作S510，针对第m个展示区域，从内容布局信息中获取第m个子内容信息和第m个子内容中每一个字符在第m个展示区域的排布顺序信息；

在操作S520，按照排布顺序信息，将第m个子内容中每一个字符进行排序，得到第m个子内容的文本信息。

在操作S530，根据M个子内容的文本信息，生成页面内容文本信息。

根据本公开的实施例，例如，可以按照内容布局信息中的排布顺序，对子内容中的每一个字符进行排序，得到包含排序后字符的子内容，再按照该包含排序后字符的子内容，生成包含该子内容的页面内容文本信息。

根据本公开的实施例，通过从内容布局信息中获取子内容信息和子内容中每一个字符在展示区域的排布顺序信息，再按照排布顺序信息，将子内容中每一个字符进行排序，可以得到第m个子内容的文本信息，再根据m个子内容的文本信息，生成页面内容文本信息，由于对字内容中每一个字符进行排布，可以在目标页面上展示生成的文本信息，增强了文本信息展示的灵活性。

根据本公开的实施例，响应于针对目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，包括：

响应于针对目标页面上第m个展示区域的点击操作，获取目标展示区域的位置信息；

根据目标展示区域的位置信息，查询得到与目标展示区域对应的目标内容信息；

通过可视化界面展示目标内容信息。

根据本公开的实施例，例如，可以是响应于对在目标页面上展示区域的点击操作，再获取所点击的目标展示区域的位置信息，根据该位置信息确定与该位置信息对应的内容，再在可视化界面上该展示区域的位置展示该内容。

图6示意性示出了根据本公开实施例的展示目标内容信息的示意图。

如图6所示，响应于针对目标页面上A4区域的点击操作，可以获得A4区域的位置信息，再根据该位置信息查询到与该位置信息对应的目标内容信息，可以在A4区域展示目标内容信息。

根据本公开的实施例，通过响应于针对目标页面上第m个展示区域的点击操作，获取目标展示区域的位置信息，再根据目标展示区域的位置信息，查询得到与目标展示区域对应的目标内容信息，进而可以在可视化界面的展示区域对目标内容信息进行展示，由于在相应点击操作的情况下才对展示目标内容信息进行展示，以减少加载内容图像的缓存，提高了加载内容图像的速度，并增加了对目标内容信息展示的灵活性。

基于上述页面生成方法，本公开还提供了一种页面生成装置。以下将结合图7对该装置进行详细描述。

图7示意性示出了根据本公开实施例的页面生成装置的结构框图。

如图7所示，该实施例的页面生成装置700包括解析模块710、删除模块720、获取模块730和第一生成模块740。

解析模块710用于解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，目标页面包括M个展示区域，第一页面布局信息包括区域布局信息和内容布局信息，区域布局信息表征M个展示区域在目标页面上的布局信息；内容布局信息表征页面内容在M个展示区域内的布局信息，其中，M为大于1的整数。在一实施例中，解析模块710可以用于执行前文描述的操作S210，在此不再赘述。

删除模块720用于从第一页面布局信息中删除内容布局信息，得到第二页面布局信息。在一实施例中，删除模块720可以用于执行前文描述的操作S220，在此不再赘述。

获取模块730用于响应于针对目标页面的页面生成请求，获取目标显示区域的信息。在一实施例中，获取模块730可以用于执行前文描述的操作S230，在此不再赘述。

第一生成模块740用于根据目标显示区域的信息、第一内容图像的信息和第二页面布局信息，生成目标页面。在一实施例中，第一生成模块740可以用于执行前文描述的操作S240，在此不再赘述。

根据本公开的实施例，第一生成模块包括处理子模块和第一生成子模块。其中，处理子模块用于根据目标显示区域的信息和第一内容图像的信息，对第一内容图像进行处理，得到第二内容图像；第一生成子模块用于根据第二内容图像和第二页面布局信息，生成目标页面。

根据本公开的实施例，处理子模块包括第一获取单元和处理单元。其中，第一获取单元用于根据第一尺寸信息和第二尺寸信息，得到图像压缩参数信息；处理单元用于根据图像压缩参数信息，对第一内容图像进行处理，得到第二内容图像。

根据本公开的实施例，第一生成子模块包括第二获取单元和渲染单元。其中，第二获取单元用于根据第二内容图像和第二页面布局信息，得到渲染策略；渲染单元用于按照渲染策略，对第二内容图像和第二页面布局信息进行渲染处理，得到目标页面。

根据本公开的实施例，第二获取单元包括生成子单元、第一查询子单元、第二查询子单元和获取子单元。其中，生成子单元用于根据第二页面布局信息，生成目标矢量图像；第一查询子单元用于根据目标矢量图像，从图层配置信息中查询得到与目标矢量图像对应的第一图层信息；第二查询子单元用于根据第二内容图像，从图层配置信息中查询得到与第二内容图像对应的第二图层信息；获取子单元用于根据第一图层信息和第二图层信息，得到渲染策略。

根据本公开的实施例，上述页面生成装置还包括第二生成模块和展示模块。其中，第二生成模块用于根据内容布局信息，生成页面内容的文本信息，页面内容的文本信息包括与M个展示区域对应的M个子内容的文本信息，其中，m为大于1且小于M的整数；展示模块用于响应于针对目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，目标内容信息表征与第m个展示区域对应的第m个子内容的文本信息。

根据本公开的实施例，第二生成模块包括第一获取子模块、排序子模块和第二生成子模块。其中，第一获取子模块用于针对第m个展示区域，从内容布局信息中获取第m个子内容信息和第m个子内容中每一个字符在第m个展示区域的排布顺序信息；排序子模块用于按照排布顺序信息，将第m个子内容中每一个字符进行排序，得到第m个子内容的文本信息；第二生成子模块用于根据M个子内容的文本信息，生成页面内容文本信息。

根据本公开的实施例，展示模块包括第二获取子模块、查询子模块和展示子模块。其中，第二获取子模块用于响应于针对目标页面上第m个展示区域的点击操作，获取目标展示区域的位置信息；查询子模块用于根据目标展示区域的位置信息，查询得到与目标展示区域对应的目标内容信息；展示子模块用于通过可视化界面展示目标内容信息。

根据本公开的实施例，解析模块710、删除模块720、获取模块730和第一生成模块740中的任意多个模块可以合并在一个模块中实现，或者其中的任意一个模块可以被拆分成多个模块。或者，这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合，并在一个模块中实现。根据本公开的实施例，解析模块710、删除模块720、获取模块730和第一生成模块740中的至少一个可以至少被部分地实现为硬件电路，例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC)，或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现，或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者，解析模块710、删除模块720、获取模块730和第一生成模块740中的至少一个可以至少被部分地实现为计算机程序模块，当该计算机程序模块被运行时，可以执行相应的功能。

图8示意性示出了根据本公开实施例的适于实现页面生成方法的电子设备的方框图。

如图8所示，根据本公开实施例的电子设备800包括处理器801，其可以根据存储在只读存储器(ROM)802中的程序或者从存储部分808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。处理器801例如可以包括通用微处理器(例如CPU)、指令集处理器和/或相关芯片组和/或专用微处理器(例如，专用集成电路(ASIC))等等。处理器801还可以包括用于缓存用途的板载存储器。处理器801可以包括用于执行根据本公开实施例的方法流程的不同动作的单一处理单元或者是多个处理单元。

在RAM 803中，存储有电子设备800操作所需的各种程序和数据。处理器801、ROM802以及RAM 803通过总线804彼此相连。处理器801通过执行ROM 802和/或RAM 803中的程序来执行根据本公开实施例的方法流程的各种操作。需要注意，所述程序也可以存储在除ROM 802和RAM 803以外的一个或多个存储器中。处理器801也可以通过执行存储在所述一个或多个存储器中的程序来执行根据本公开实施例的方法流程的各种操作。

根据本公开的实施例，电子设备800还可以包括输入/输出(I/O)接口805，输入/输出(I/O)接口805也连接至总线804。电子设备800还可以包括连接至I/O接口805的以下部件中的一项或多项：包括键盘、鼠标等的输入部分806；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分807；包括硬盘等的存储部分808；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分809。通信部分809经由诸如因特网的网络执行通信处理。驱动器810也根据需要连接至I/O接口805。可拆卸介质811，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器810上，以便于从其上读出的计算机程序根据需要被安装入存储部分808。

本公开还提供了一种计算机可读存储介质，该计算机可读存储介质可以是上述实施例中描述的设备/装置/系统中所包含的；也可以是单独存在，而未装配入该设备/装置/系统中。上述计算机可读存储介质承载有一个或者多个程序，当上述一个或者多个程序被执行时，实现根据本公开实施例的方法。

根据本公开的实施例，计算机可读存储介质可以是非易失性的计算机可读存储介质，例如可以包括但不限于：便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。例如，根据本公开的实施例，计算机可读存储介质可以包括上文描述的ROM 802和/或RAM 803和/或ROM 802和RAM 803以外的一个或多个存储器。

本公开的实施例还包括一种计算机程序产品，其包括计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。当计算机程序产品在计算机系统中运行时，该程序代码用于使计算机系统实现本公开实施例所提供的物品推荐方法。

在该计算机程序被处理器801执行时执行本公开实施例的系统/装置中限定的上述功能。根据本公开的实施例，上文描述的系统、装置、模块、单元等可以通过计算机程序模块来实现。

在一种实施例中，该计算机程序可以依托于光存储器件、磁存储器件等有形存储介质。在另一种实施例中，该计算机程序也可以在网络介质上以信号的形式进行传输、分发，并通过通信部分809被下载和安装，和/或从可拆卸介质811被安装。该计算机程序包含的程序代码可以用任何适当的网络介质传输，包括但不限于：无线、有线等等，或者上述的任意合适的组合。

在这样的实施例中，该计算机程序可以通过通信部分809从网络上被下载和安装，和/或从可拆卸介质811被安装。在该计算机程序被处理器801执行时，执行本公开实施例的系统中限定的上述功能。根据本公开的实施例，上文描述的系统、设备、装置、模块、单元等可以通过计算机程序模块来实现。

根据本公开的实施例，可以以一种或多种程序设计语言的任意组合来编写用于执行本公开实施例提供的计算机程序的程序代码，具体地，可以利用高级过程和/或面向对象的编程语言、和/或汇编/机器语言来实施这些计算程序。程序设计语言包括但不限于诸如Java，C++，python，“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中，远程计算设备可以通过任意种类的网络，包括局域网(LAN)或广域网(WAN)，连接到用户计算设备，或者，可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

本领域技术人员可以理解，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合或/或结合，即使这样的组合或结合没有明确记载于本公开中。特别地，在不脱离本公开精神和教导的情况下，本公开的各个实施例和/或权利要求中记载的特征可以进行多种组合和/或结合。所有这些组合和/或结合均落入本公开的范围。

以上对本公开的实施例进行了描述。但是，这些实施例仅仅是为了说明的目的，而并非为了限制本公开的范围。尽管在以上分别描述了各实施例，但是这并不意味着各个实施例中的措施不能有利地结合使用。本公开的范围由所附权利要求及其等同物限定。不脱离本公开的范围，本领域技术人员可以做出多种替代和修改，这些替代和修改都应落在本公开的范围之内。

Claims (12)

1.一种页面生成方法，包括：

解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，所述目标页面包括M个展示区域，所述第一页面布局信息包括区域布局信息和内容布局信息，所述区域布局信息表征所述M个展示区域在所述目标页面上的布局信息；所述内容布局信息表征页面内容在所述M个展示区域内的布局信息，其中，M为大于1的整数；

从所述第一页面布局信息中删除所述内容布局信息，得到第二页面布局信息；

响应于针对目标页面的页面生成请求，获取目标显示区域的信息；

根据所述目标显示区域的信息、所述第一内容图像的信息和所述第二页面布局信息，生成目标页面。

2.根据权利要求1所述的方法，其中，所述根据所述目标显示区域的信息、所述第一内容图像的信息和所述第二页面布局信息，生成目标页面，包括：

根据所述目标显示区域的信息和所述第一内容图像的信息，对所述第一内容图像进行处理，得到第二内容图像；

根据所述第二内容图像和所述第二页面布局信息，生成所述目标页面。

3.根据权利要求2所述的方法，其中，所述目标显示区域的信息表征所述目标显示区域的第一尺寸信息，所述第一内容图像的信息表征第一内容图像的第二尺寸信息，所述根据所述目标显示区域的信息和所述第一内容图像的信息，对所述第一内容图像进行处理，得到第二内容图像，包括：

根据所述第一尺寸信息和所述第二尺寸信息，得到图像压缩参数信息；

根据所述图像压缩参数信息，对所述第一内容图像进行处理，得到所述第二内容图像。

4.根据权利要求2所述的方法，其中，所述根据所述第二内容图像和所述第二页面布局信息，生成所述目标页面，包括：

根据所述第二内容图像和所述第二页面布局信息，得到渲染策略；

按照所述渲染策略，对所述第二内容图像和所述第二页面布局信息进行渲染处理，得到所述目标页面。

5.根据权利要求4所述的方法，其中，根据所述第二内容图像和所述第二页面布局信息，得到渲染策略，包括：

根据所述第二页面布局信息，生成目标矢量图像；

根据所述目标矢量图像，从图层配置信息中查询得到与所述目标矢量图像对应的第一图层信息；

根据所述第二内容图像，从图层配置信息中查询得到与所述第二内容图像对应的第二图层信息；

根据所述第一图层信息和所述第二图层信息，得到所述渲染策略。

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

根据所述内容布局信息，生成页面内容的文本信息，所述页面内容的文本信息包括与M个展示区域对应的M个子内容的文本信息，其中，m为大于1且小于M的整数；

响应于针对所述目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，所述目标内容信息表征与所述第m个展示区域对应的第m个子内容的文本信息。

7.根据权利要求6所述的方法，其中，所述根据所述内容布局信息，生成页面内容的文本信息，包括：

针对第m个展示区域，从所述内容布局信息中获取第m个子内容信息和所述第m个子内容中每一个字符在所述第m个展示区域的排布顺序信息；

按照所述排布顺序信息，将所述第m个子内容中每一个字符进行排序，得到第m个子内容的文本信息；

根据M个子内容的文本信息，生成所述页面内容文本信息。

8.根据权利要求6所述的方法，其中，响应于针对所述目标页面上第m个展示区域的点击操作，通过可视化界面展示目标内容信息，包括：

响应于针对所述目标页面上第m个展示区域的点击操作，获取目标展示区域的位置信息；

根据所述目标展示区域的位置信息，查询得到与所述目标展示区域对应的目标内容信息；

通过可视化界面展示所述目标内容信息。

9.一种页面生成装置，包括：

解析模块，用于解析目标页面的页面设计文件，得到第一内容图像的信息和第一页面布局信息，其中，所述目标页面包括M个展示区域，所述第一页面布局信息包括区域布局信息和内容布局信息，所述区域布局信息表征所述M个展示区域在所述目标页面上的布局信息；所述内容布局信息表征页面内容在所述M个展示区域内的布局信息，其中，M为大于1的整数；

删除模块，用于从所述第一页面布局信息中删除所述内容布局信息，得到第二页面布局信息；

获取模块，用于响应于针对目标页面的页面生成请求，获取目标显示区域的信息；

第一生成模块，根据所述目标显示区域的信息、所述第一内容图像的信息和所述第二页面布局信息，生成目标页面。

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

一个或多个处理器；

存储装置，用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器执行根据权利要求1～8中任一项所述的方法。

11.一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器执行根据权利要求1～8中任一项所述的方法。

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

Images