CN109388399A - 页面和通用页面配置文件生成方法、装置、设备及介质 - Google Patents

Abstract

本公开公开了一种页面和通用页面配置文件生成方法、装置、设备及介质。该页面生成方法包括：客户端获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；所述客户端对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；所述客户端根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。本公开实施例可以实现通过通用配置文件分别生成适配不同操作系统的客户端的本机显示页面，提高页面的开发效率。

Description

页面和通用页面配置文件生成方法、装置、设备及介质

技术领域

本公开实施例涉及计算机技术，尤其涉及一种页面和通用页面配置文件生成方法、装置、设备及介质。

背景技术

随着通信技术和终端设备设备的发展，各种终端设备例如安卓手机、苹果手机和电脑等已经成为了人们工作和中不可或缺的一部分，而且随着终端设备的日益普及，人们对信息的更新需求也越来越高。

目前，由于用户持有的电子设备不同，例如电脑或者手机，电脑一般采用Web端，而对于手机，不同用户持有的手机的操作系统不同，例如安卓系统端和IOS系统端。针对不同操作系统的用户端，若想显示同一个页面，需要分别为不同的用户端独立开发出匹配的页面。这种针对客户端的类型分别进行独立开发的方法，导致一个页面的开发时间长，成本高，无法满足快速更新信息的需求。

发明内容

本公开实施例提供一种页面和通用页面配置文件生成方法、装置、设备及介质，可以实现通过通用配置文件分别生成适配不同操作系统的客户端的本机显示页面，提高页面的开发效率。

第一方面，本公开实施例提供了一种页面生成方法，该方法包括：

客户端获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；

所述客户端对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；

所述客户端根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

进一步的，所述客户端对所述页面配置文件进行解析，生成解析数据，包括：

所述客户端采用与所述客户端的操作系统匹配的解析插件对所述通用页面配置文件进行解析，以生成所述解析数据；

在客户端获取通用页面配置文件之前，还包括：

所述客户端将操作系统信息发送至服务器，并接收所述服务器针对所述操作系统信息反馈的所述解析插件。

进一步的，所述客户端对所述页面配置文件进行解析，生成解析数据，包括：

所述客户端根据通用组件与本机组件之间的对应关系，在本机组件库中获取与所述通用页面配置文件中目标通用组件匹配的本地组件；

所述客户端获取所述通用页面配置文件中与目标通用组件对应的组件信息，作为与所述目标通用组件的匹配的本地组件的组件信息；

所述客户端根据与所述目标通用组件的匹配的本地组件，以及所述本地组件的组件信息，生成所述解析数据。

进一步的，所述客户端的操作系统包括：IOS操作系统，或者Android操作系统。

第二方面，本公开实施例还提供了一种通用页面配置文件的生成方法，该方法包括：

在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件；

通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件；

提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件；

在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；

其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

进一步的，所述提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，包括：

在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的通用组件；

根据所述页面配置指令编辑所述页面配置指令匹配的通用组件，并将编辑后的通用组件的属性信息作为所述通用组件的组件信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

进一步的，所述页面配置文件还用于Web端接收并生成与所述通用页面配置文件匹配的显示页面。

第三方面，本公开实施例还提供了一种页面生成装置，该装置包括：

通用页面配置文件获取模块，用于获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；

通用页面配置文件解析模块，用于对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；

本机显示页面生成模块，用于根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

进一步的，所述通用页面配置文件解析模块，包括：

解析插件应用模块，用于采用与所述客户端的操作系统匹配的解析插件对所述通用页面配置文件进行解析，以生成所述解析数据；

进一步的，还包括：

解析插件获取模块，用于将操作系统信息发送至服务器，并接收所述服务器针对所述操作系统信息反馈的所述解析插件。

进一步的，所述通用页面配置文件解析模块，还包括：

本地组件获取模块，用于根据通用组件与本机组件之间的对应关系，在本机组件库中获取与所述通用页面配置文件中目标通用组件匹配的本地组件；

组件信息获取模块，用于获取所述通用页面配置文件中与目标通用组件对应的组件信息，作为与所述目标通用组件的匹配的本地组件的组件信息；

解析数据生成模块，用于根据与所述目标通用组件的匹配的本地组件，以及所述本地组件的组件信息，生成所述解析数据。

进一步的，所述客户端的操作系统包括：IOS操作系统，或者Android操作系统。

第四方面，本公开实施例还提供了一种通用页面配置文件的生成装置，该装置包括：

页面描述文件生成模块，用于在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件；

页面配置指令获取模块，用于通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件；

页面描述文件更新模块，用于提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件；

通用页面配置文件生成模块，用于在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

进一步的，所述页面描述文件更新模块，包括：

通用组件查找模块，用于在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的通用组件；

组件信息确定模块，用于根据所述页面配置指令编辑所述页面配置指令匹配的通用组件，并将编辑后的通用组件的属性信息作为所述通用组件的组件信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

进一步的，所述页面配置文件还用于Web端接收并生成与所述通用页面配置文件匹配的显示页面。

第五方面，本公开实施例还提供了一种终端设备，该终端设备包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的页面生成方法或通用页面配置文件的生成方法。

第六方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例所述的页面生成方法或通用页面配置文件的生成方法。

本公开实施例通过获取供不同客户端使用的通用页面配置文件，并进行解析，生成与客户端操作系统匹配的本机组件，并基于本机组件生成与通用页面配置文件的匹配的显示页面，解决了现有技术中为不同操作系统的客户端分别开发页面才能实现不同操作系统的客户端显示相同页面的问题，仅通过一个通用页面配置文件，实现每个客户端生成与该客户端匹配的本机显示页面，降低页面的开发成本，提高页面开发效率。

附图说明

图1是本公开实施例一提供的一种页面生成方法的流程图；

图2a是本公开实施例二提供的一种通用页面配置文件生成方法的流程图；

图2b是本公开实施例二提供的一种通用页面构建平台的人机交互界面的示意图；

图2c是本公开实施例二提供的另一种通用页面构建平台的人机交互界面的示意图；

图2d是本公开实施例二提供的另一种通用页面构建平台的人机交互界面的示意图；

图3是本公开实施例三提供的一种页面生成方法的流程图；

图4是本公开实施例四提供的一种页面生成装置的结构示意图；

图5是本公开实施例五提供的一种通用页面配置文件生成装置的结构示意图；

图6是本公开实施例六提供的一种终端设备的结构示意图。

具体实施方式

下面结合附图和实施例对本公开作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本公开，而非对本公开的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本公开相关的部分而非全部结构。

下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。

实施例一

图1为本公开实施例一提供的一种页面生成方法的流程图，本实施例可适用于本机显示页面生成的情况，该方法可以由页面生成装置来执行，该装置可以采用软件和/或硬件的方式实现，该装置可以配置于客户端中，例如典型的是移动终端的客户端等，且客户端的操作系统可以包括IOS操作系统，或者Android操作系统。如图1所示，该方法具体包括如下步骤：

S110，客户端获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息。

具体的，通用页面配置文件为可以适配多种不同类型的客户端的文件，且文件中记录有需要在客户端中进行显示的页面的描述数据。其中，不同类型的客户端可以是指具有不同操作系统的客户端，可选的，客户端的操作系统可以包括：IOS操作系统，或者Android操作系统。

目标通用组件为在开发页面组件的设备上开发的页面组件，同时与用于在各客户端生成本机显示页面的本机组件匹配。其中，页面组件可以包括显示文本的组件、显示图片的组件、播放视频的组件或播放音频的组件等基本组件，也可以是指由至少一个基本组件形成的复合组件。开发页面组件的设备可以是终端设备，也可以是服务器。

组件信息为上述页面组件的属性信息，具体的，页面组件为显示文本的组件时，属性信息包括下述至少一项：文本的内容、字号、字体和文字显示效果等；页面组件为显示图片的组件时，属性信息包括下述至少一项：图片的内容、形状、大小和图像显示效果等；页面组件为播放视频的组件时，属性信息包括下述至少一项：视频的播放区域的大小、视频内容、视频的播放速度和视频的播放特效等；页面组件为播放音频的组件时，属性信息包括下述至少一项：音频的播放按钮的样式、音频内容、音频的播放速度和音频的介绍文本(如题目和歌词)等。其中，各项属性的内容可以用获取内容的链接地址表示。

需要说明的是，每个设备中用于显示页面的客户端的类型不同，甚至是设备不同(如电脑和手机)，为了使用户能够在多端观看到相同的页面显示效果，实际上，此时页面组件是不同的，例如，页面组件对应的代码不同，此时，需要针对同一个页面显示效果开发出适配不同端的页面组件。

可选的，开发页面组件的设备为服务器，通用页面配置文件为xml文件，可以直接用于Web端接收并生成与Web端匹配的显示页面。

S120，所述客户端对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配。

具体的，本机组件为适配该客户端的页面组件。其中，本机组件与客户端的操作系统匹配，此外，本机组件还可以是与客户端的版本信息匹配，或者与客户端所在的终端设备的型号信息匹配，对此，本公开实施例不作具体限制。

针对同一个通用页面配置文件，各客户端对应设置有与各客户端匹配的用于解析通用页面配置文件的模块。可选的，该模块可以是解析插件，所述客户端对所述通用页面配置文件进行解析可以包括：所述客户端采用与所述客户端的操作系统匹配的解析插件对所述通用页面配置文件进行解析，以生成所述解析数据。在客户端获取通用页面配置文件之前，还包括：所述客户端将操作系统信息发送至服务器，并接收所述服务器针对所述操作系统信息反馈的所述解析插件。

具体的，在客户端对通用页面配置文件进行解析之前，客户端需要预先获取用于解析通用页面配置文件的解析插件，同时，该解析插件是与客户端的操作系统匹配的，从而通过与客户端操作系统匹配的解析插件，可以实现准确生成与客户端的操作系统匹配的解析数据。

此外，服务器可以更新解析插件，向客户端发送解析插件更新消息，从而，客户端将操作系统信息发送至服务器，以获取与操作系统信息匹配的解析插件。或者客户端可以周期性向服务器发送操作系统信息，并附带时间戳信息，服务器可以根据时间戳信息确定是否向该客户端发送最新的且与操作系统信息匹配的解析插件。

需要说明的是，客户端对通用页面配置文件进行解析的过程实际是生成与客户端匹配的页面组件的过程。

其中，解析插件可以通过对通用页面配置文件进行解析，生成与客户端操作系统匹配的页面组件；还可以是根据查找到客户端中预存的组件库中与通用组件匹配的本机组件，并基于组件信息调整本机组件，生成最终用于生成本机显示页面的目标组件。

可选的，所述客户端对所述页面配置文件进行解析，生成解析数据，可以包括：所述客户端根据通用组件与本机组件之间的对应关系，在本机组件库中获取与所述通用页面配置文件中目标通用组件匹配的本地组件；所述客户端获取所述通用页面配置文件中与目标通用组件对应的组件信息，作为与所述目标通用组件的匹配的本地组件的组件信息；所述客户端根据与所述目标通用组件的匹配的本地组件，以及所述本地组件的组件信息，生成所述解析数据。

具体的，客户端预先获取本机组件库，同时，本机组件库中的组件均可以用于生成在客户端上显示的本机显示页面。从本机组件库中获取预先存储的且与通用页面配置文件匹配的本地组件，同时与该通用页面配置文件的组件信息共同生成解析数据，以实现客户端生成与通用页面配置文件匹配的本机显示页面。通过建立本机组件库，客户端可以从本机组件库中查找到与目标通用组件的匹配的本地组件，从而可以省略需要生成新的组件，降低页面生成的数据量，提高页面显示效率。

S130，所述客户端根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

其中，生成本机显示页面的过程是对解析数据进行渲染，绘制成本机显示页面，并在客户端显示界面上显示的过程。

具体的，生成页面的具体过程可以是：根据解析数据，在空白页面上绘制各本机组件，并通过布局算法，例如flex算法，对各本机组件在页面上进行布局，当各本机组件绘制完成之后，可以对各本机组件进行属性设置，添加事件绑定等，当所有本机组件属性设置完成后，建立本机显示页面中各本机组件与访问路径的映射关系，从而完成页面生成操作。不同操作系统的客户端生成页面的具体过程是不同，例如，布局步骤和组件绘制步骤的顺序可以调整，具体根据需要进行设置。

在一个具体的例子中，针对Android操作系统，对解析数据中涉及的各本机组件进行绘制，并在所有本机组件绘制之后进行布局，需要从解析数据中获取各本机组件的在视图中的位置，具体是计算出layout值。分别计算完成之后对各本机组件的属性进行设置，最后建立本机组件与访问路径的映射关系，完成生产本机显示页面操作。

在另一个具体的例子中，针对IOS操作系统：基于解析数据，建立逻辑视图，并从逻辑视图的拓扑结构中确定根节点所代表的本机组件，从根节点开始遍历所有节点，将节点所代表的本机组件进行绘制、属性设置和事件绑定，最后建立本机组件与访问路径的映射关系，完成生产本机显示页面操作。其中，事件绑定可以是为本机组件设置行为，例如，根据本机组件的在视图中的位置设置本机组件的行为，该行为可以包括跳转、点按钮和弹出显示框等。

本公开实施例通过获取供不同客户端使用的通用页面配置文件，并进行解析，生成与客户端操作系统匹配的本机组件，并基于本机组件生成与通用页面配置文件的匹配的显示页面，解决了现有技术中为不同操作系统的客户端分别开发页面才能实现不同操作系统的客户端显示相同页面的问题，仅通过一个通用页面配置文件，实现每个客户端生成与该客户端匹配的本机显示页面，降低页面的开发成本，提高页面开发效率。

实施例二

图2a为本公开实施例二提供的一种通用页面配置文件生成方法的流程图，本实施例可适用于通用页面配置文件生成的情况，该方法可以由页面生成装置来执行，该装置可以采用软件和/或硬件的方式实现，该装置可以配置于终端设备例如客户端或服务器端中。如图2a所示，该方法具体包括如下步骤：

S210，在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件。

其中，页面配置文件构建开始指令为用户输入的用于启动构建页面配置文件的指令。页面描述文件用于记录用户构建的页面中各个通用组件以及组件的组件信息的描述数据。

S220，通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件。

其中，通用页面构建平台为可视化的页面构建平台，是由开发人员基于前端框架开发建立。页面配置指令为用户在构建页面时输入的操作指令。通用组件为通用页面构建平台上用于生成页面的页面组件。

开发人员基于前端框架为通用页面构建平台开发出至少一个通用组件，用户可以基于开发完成的通用组件，在通用页面构建平台的人机交互界面上输入页面配置指令，相应的，人机交互界面上显示基于页面配置指令生成的页面显示效果。可选的，前端框架为Vue前端框架，Vue前端框架可以提供基于代码编写页面组件的功能，也即提供开发组件的功能。

具体的，通用页面构建平台可以包括页面框架视图、添加页面组件按钮和页面组件编辑按钮(如内容编辑、颜色编辑和样式编辑等)等。用户可以通过鼠标在页面框架视图中添加、删除或修改页面组件，通过鼠标的点击、滑动或拖动等操作实现对页面组件的编辑。示例性的，图2b为本公开实施例提供了一种通用页面构建平台的人机交互界面的示意图，而图2c-图2d为本公开实施例提供了另一种通用页面构建平台的人机交互界面的示意图，如图2b-图2d所示，用户可以通过人机交互界面在页面中添加文本和上传图片，同时，用户可以通过预览图或者效果展示，观看最终生成的页面效果。

S230，提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件。

通用页面构建平台存有大量预先开发的通用组件，可以根据页面配置指令确定用户需要编辑的通用组件，例如，若页面配置指令为点击选择指令，可以根据用户输入的通用组件的点击选择指令，确定通用组件选择指令选择的通用组件；若页面配置指令为检索指令，可以根据用户输入的组件参数，从通用组件库中选择与组件参数匹配的通用组件，在根据用户输入的点击选择指令确定。

通用组件的组件信息是用户输入的对通用组件的编辑信息，可以包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

根据获取的页面配置指令，确定获取的页面配置指令编辑的通用组件，以及对应的组件信息，根据通用组件，在页面描述文件中将该通用组件的标识信息记录在页面描述文件中，并对应记录该通用组件的组件信息。根据后续获取的页面配置指令对页面描述文件中记录的描述数据不断更新(如添加、删除或修改)。示例性的，当用户输入的页面配置指令是从页面视图框架中移除一个通用组件，在页面描述文件中对应移除该通用组件的标识信息以及对应的组件信息。

可选的，所述提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，包括：在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的通用组件；根据所述页面配置指令编辑所述页面配置指令匹配的通用组件，并将编辑后的通用组件的属性信息作为所述通用组件的组件信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

具体的，页面主体架构为预设属性的空白页面，预设属性可以是指预设页面大小和/或预设页面形状，用户可以在页面主体架构对应的页面视图框架上配置(添加、删除或修改)通用组件。

其中，位置编辑信息为通用组件在页面主体架构中的位置信息，例如可以以通用组件关键点(如矩形的左顶点或圆形的圆心)与页面主体架构左边界的距离，以及通用组件关键点与页面主体架构上边界的距离来表示该位置信息。

内容编辑信息为通用组件的内容(如文本、图片、视频或音频)的获取链接地址，一般通用组件的内容是由用户自己提供的，可以上传，或者直接提供获取地址。

颜色编辑信息包括下述至少一项的通用组件的颜色、对比度和饱和度的信息。

样式编辑信息包括下述至少一项的通用组件的大小和形状，若通用组件的内容为文本，样式编辑信息可以包括文本的字体信息。

S240，在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

具体的，当页面配置完成时，页面描述文件不再更新，可以作为通用页面配置文件下发到各客户端，以使各客户端生成与通用页面配置文件匹配的本机显示页面，从而使持有各客户端的不同用户观看到相同的页面效果。

此外，在接收到客户端发送的通用页面配置文件获取请求时，服务器通过预加载接口向客户端发送通用页面配置文件。

在上述实施例的基础上，服务器需要向各客户端下发针对通用页面配置文件的与客户端操作系统匹配的解析插件，具体是，在接收客户端发送的操作系统信息时，向客户端反馈与操作系统信息匹配的解析插件。

可选的，所述页面配置文件还用于Web端接收并生成与所述通用页面配置文件匹配的显示页面。

具体的，在页面配置文件生成之后，服务器可以发布页面配置文件，从而各Web端可以直接获取页面配置文件，通过WebView组件对页面配置文件进行渲染，显示给用户。通过设置页面配置文件为Web端直接渲染和显示的文件，Web端、Android系统端和IOS系统端三端仅通过接收一个页面配置文件即可实现生成具有相同页面效果的显示页面，可以避免分别针对三端开发匹配页面的情况，减少页面开发的工作量，从而降低页面显示的成本，提高页面显示的效率。

本公开实施例通过通用页面构建平台的人机交互界面获取用户输入的页面配置指令，提供用户配置页面的功能，可以提高页面配置的灵活性和页面的多样性；根据页面配置指令，确定需要向所有客户端展示的页面，并对应生成通用页面配置文件，以使客户端根据相同的通用页面配置文件分别生成与客户端操作系统匹配的解析数据，并进一步生成本机显示页面，可以仅通过通用页面配置文件，实现每个客户端生成与该客户端匹配的本机显示页面，降低页面的开发成本，提高页面开发效率。

实施例三

图3为本公开实施例三提供的一种页面生成方法的流程图。本实施例以上述实施例中各个可选方案为基础，实施例的方案可以是适用于在页面生成过程中服务器与客户端进行交互的情况，如图3所示，本实施例的方法具体包括：

S310，客户端向服务器发送解析插件获取请求，其中，所述解析插件获取请求包括所述客户端的操作系统信息。

需要说明的是，本实施例中的解析插件、操作系统、通用页面构建平台、页面配置指令、通用页面配置文件和本机显示页面等均可以参考上述实施例的描述。

S320，所述服务器基于接收到所述客户端发送的操作系统信息，向所述客户端反馈与所述操作系统信息匹配的解析插件。

S330，所述客户端接收所述解析插件。

需要说明的是，客户端可以随时接收解析插件，例如客户端可以在服务器发送页面配置文件之后，请求获取解析插件，从而S310-S330与S340-S350的顺序可以调整。

S340，所述服务器通过通用页面构建平台的人机交互界面，获取页面配置指令，并对应生成通用页面配置文件。

S350，所述客户端向所述服务器发送页面请求，其中，所述页面请求用于请求获取与通用页面配置文件匹配的本机显示页面。

具体的，客户端可以调用服务器上的预加载接口获取通用页面配置文件。

S360，所述服务器基于所述页面请求向所述客户端发送所述通用页面配置文件。

S370，所述客户端接收所述通用页面配置文件，采用所述解析插件解析所述通用页面配置文件，并生成与所述通用页面配置文件匹配的本机显示页面。

实施例四

图4为本公开实施例提供的一种页面生成装置的结构示意图，本实施例可适用于本机显示页面生成的情况。该装置可以采用软件和/或硬件的方式实现，该装置可以配置于终端设备中。如图4所示，该装置可以包括：通用页面配置文件获取模块410、通用页面配置文件解析模块420和本机显示页面生成模块430。

通用页面配置文件获取模块410，用于获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；

通用页面配置文件解析模块420，用于对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；

本机显示页面生成模块430，用于根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

本公开实施例通过获取供不同客户端使用的通用页面配置文件，并进行解析，生成与客户端操作系统匹配的本机组件，并基于本机组件生成与通用页面配置文件的匹配的显示页面，解决了现有技术中为不同操作系统的客户端分别开发页面才能实现不同操作系统的客户端显示相同页面的问题，仅通过一个通用页面配置文件，实现每个客户端生成与该客户端匹配的本机显示页面，降低页面的开发成本，提高页面开发效率。

进一步的，所述通用页面配置文件解析模块420，包括：解析插件应用模块，用于采用与所述客户端的操作系统匹配的解析插件对所述通用页面配置文件进行解析，以生成所述解析数据。

进一步的，所述页面生成装置，还包括：解析插件获取模块，用于将操作系统信息发送至服务器，并接收所述服务器针对所述操作系统信息反馈的所述解析插件。

进一步的，所述通用页面配置文件解析模块420，还包括：本地组件获取模块，用于根据通用组件与本机组件之间的对应关系，在本机组件库中获取与所述通用页面配置文件中目标通用组件匹配的本地组件；组件信息获取模块，用于获取所述通用页面配置文件中与目标通用组件对应的组件信息，作为与所述目标通用组件匹配的本地组件的组件信息；解析数据生成模块，用于根据与所述目标通用组件匹配的本地组件，以及所述本地组件的组件信息，生成所述解析数据。

进一步的，所述客户端的操作系统包括：IOS操作系统，或者Android操作系统。

本公开实施例提供的页面生成装置，与实施例一提供的页面生成方法属于同一发明构思，未在本公开实施例中详尽描述的技术细节可参见实施例一，并且本公开实施例与实施例一具有相同的有益效果。

实施例五

图5为本公开实施例提供的一种通用页面配置文件生成装置的结构示意图，本实施例可适用于通用页面配置文件生成的情况。该装置可以采用软件和/或硬件的方式实现，该装置可以配置于终端设备中。如图5所示，该装置可以包括：页面描述文件生成模块510、页面配置指令获取模块520、页面描述文件更新模块530和通用页面配置文件生成模块540。

页面描述文件生成模块510，用于在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件；

页面配置指令获取模块520，用于通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件；

页面描述文件更新模块530，用于提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件；

通用页面配置文件生成模块540，用于在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

本公开实施例通过通用页面构建平台的人机交互界面获取用户输入的页面配置指令，提供用户配置页面的功能，可以提高页面配置的灵活性和页面的多样性；根据页面配置指令，确定需要向所有客户端展示的页面，并对应生成通用页面配置文件，以使客户端根据相同的通用页面配置文件分别生成与客户端操作系统匹配的解析数据，并进一步生成本机显示页面，可以仅通过通用页面配置文件，实现每个客户端生成与该客户端匹配的本机显示页面，降低页面的开发成本，提高页面开发效率。

进一步的，所述页面描述文件更新模块530，包括：通用组件查找模块，用于在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的通用组件；组件信息确定模块，用于根据所述页面配置指令编辑所述页面配置指令匹配的通用组件，并将编辑后的通用组件的属性信息作为所述通用组件的组件信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

进一步的，所述页面配置文件还用于Web端接收并生成与所述通用页面配置文件匹配的显示页面。

本公开实施例提供的通用页面配置文件生成装置，与实施例二提供的通用页面配置文件生成方法属于同一发明构思，未在本公开实施例中详尽描述的技术细节可参见实施例二，并且本公开实施例与实施例二具有相同的有益效果。

实施例六

本公开实施例提供了一种终端设备，下面参考图6，其示出了适于用来实现本公开实施例的电子设备(例如上述实施例所述的客户端或服务器端)600的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(PDA)、平板电脑(PAD)、便携式多媒体播放器(PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图6所示，电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。

通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开实施例的方法中限定的上述功能。

实施例七

本公开实施例还提供了一种计算机可读存储介质，计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、射频(RF)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：客户端获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；所述客户端对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；所述客户端根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件；通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件；提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件；在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

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

描述于本公开实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，通用页面配置文件获取模块还可以被描述为“获取通用页面配置文件的模块”。

以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (18)

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

客户端获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；

所述客户端对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；

所述客户端根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

2.根据权利要求1所述的方法，其特征在于，所述客户端对所述页面配置文件进行解析，生成解析数据，包括：

所述客户端采用与所述客户端的操作系统匹配的解析插件对所述通用页面配置文件进行解析，以生成所述解析数据；

在客户端获取通用页面配置文件之前，还包括：

所述客户端将操作系统信息发送至服务器，并接收所述服务器针对所述操作系统信息反馈的所述解析插件。

3.根据权利要求1所述的方法，其特征在于，所述客户端对所述页面配置文件进行解析，生成解析数据，包括：

所述客户端根据通用组件与本机组件之间的对应关系，在本机组件库中获取与所述通用页面配置文件中目标通用组件匹配的本地组件；

所述客户端获取所述通用页面配置文件中与目标通用组件对应的组件信息，作为与所述目标通用组件匹配的本地组件的组件信息；

所述客户端根据与所述目标通用组件匹配的本地组件，以及所述本地组件的组件信息，生成所述解析数据。

4.根据权利要求1-3任一项所述的方法，其特征在于，所述客户端的操作系统包括：IOS操作系统，或者Android操作系统。

5.一种通用页面配置文件的生成方法，其特征在于，包括：

在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件；

通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件；

提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件；

在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；

其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

6.根据权利要求5所述的方法，其特征在于，所述提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，包括：

在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的通用组件；

根据所述页面配置指令编辑所述页面配置指令匹配的通用组件，并将编辑后的通用组件的属性信息作为所述通用组件的组件信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

7.根据权利要求5或6所述的方法，其特征在于，所述页面配置文件还用于Web端接收并生成与所述通用页面配置文件匹配的显示页面。

8.一种页面生成装置，其特征在于，设置于客户端，包括：

通用页面配置文件获取模块，用于获取通用页面配置文件，其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息；

通用页面配置文件解析模块，用于对所述通用页面配置文件进行解析，生成解析数据，其中，所述解析数据中包括与目标通用组件匹配的本机组件的组件信息，所述本机组件与所述客户端的操作系统相匹配；

本机显示页面生成模块，用于根据所述解析数据，生成与所述通用页面配置文件匹配的本机显示页面。

9.根据权利要求8所述的装置，其特征在于，所述通用页面配置文件解析模块，包括：

解析插件应用模块，用于采用与所述客户端的操作系统匹配的解析插件对所述通用页面配置文件进行解析，以生成所述解析数据；

相应的，所述页面生成装置，还包括：

解析插件获取模块，用于将操作系统信息发送至服务器，并接收所述服务器针对所述操作系统信息反馈的所述解析插件。

10.根据权利要求8所述的装置，其特征在于，所述通用页面配置文件解析模块，还包括：

本地组件获取模块，用于根据通用组件与本机组件之间的对应关系，在本机组件库中获取与所述通用页面配置文件中目标通用组件匹配的本地组件；

组件信息获取模块，用于获取所述通用页面配置文件中与目标通用组件对应的组件信息，作为与所述目标通用组件匹配的本地组件的组件信息；

解析数据生成模块，用于根据与所述目标通用组件匹配的本地组件，以及所述本地组件的组件信息，生成所述解析数据。

11.根据权利要求8-10任一项所述的装置，其特征在于，所述客户端的操作系统包括：IOS操作系统，或者Android操作系统。

12.一种通用页面配置文件的生成装置，其特征在于，包括：

页面描述文件生成模块，用于在检测到页面配置文件构建开始指令时，生成初始化的页面描述文件；

页面配置指令获取模块，用于通过通用页面构建平台的人机交互界面，实时获取与通用组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的通用组件；

页面描述文件更新模块，用于提取与实时获取的所述页面配置指令匹配的通用组件，以及所述匹配的通用组件的组件信息，并根据提取结果对应更新所述页面描述文件；

通用页面配置文件生成模块，用于在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为通用页面配置文件；其中，所述通用页面配置文件中包括至少一个目标通用组件的组件信息，且所述通用页面配置文件用于客户端接收并生成与所述客户端的操作系统匹配的解析数据。

13.根据权利要求12所述的装置，其特征在于，所述页面描述文件更新模块，包括：

通用组件查找模块，用于在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的通用组件；

组件信息确定模块，用于根据所述页面配置指令编辑所述页面配置指令匹配的通用组件，并将编辑后的通用组件的属性信息作为所述通用组件的组件信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。

14.根据权利要求12或13所述的装置，其特征在于，所述页面配置文件还用于Web端接收并生成与所述通用页面配置文件匹配的显示页面。

15.一种设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-4任一所述的页面生成方法。

16.一种设备，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求5-7任一所述的通用页面配置文件生成方法。

17.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-4任一所述的页面生成方法。

18.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求5-7任一所述的通用页面配置文件生成方法。