页面和页面配置文件生成方法、装置、终端设备及介质与流程

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

背景技术：

随着通信技术和终端设备的发展，各种终端设备例如手机和平板电脑等已经成为了人们工作和生活中不可或缺的一部分，而且随着终端设备的日益普及，针对终端设备开发的应用程序(application，app)技术也快速增长。

目前，由于用户持有的终端设备不同，例如操作系统不同，具体为安卓系统端和ios系统端，因此需要分别为不同操作系统的终端设备单独开发相应的客户端插件，才能使安装于不同操作系统的客户端显示相同的页面内容。

现有的针对客户端的操作系统类型分别进行独立开发的方式，使得每个页面的开发时间长、成本高且无法满足快速更新信息的需求。

技术实现要素：

本公开实施例提供一种页面和页面配置文件生成方法、装置、终端设备及介质，以实现不同操作系统的客户端针对相同的页面配置文件进行适配显示。

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

客户端获取服务器发送的页面配置文件；

所述客户端当确定满足与所述页面配置文件匹配的页面加载条件时，获取执行环境信息，所述执行环境信息包括操作系统信息和/或客户端版本信息；

所述客户端根据所述执行环境信息，调用解析插件对所述页面配置文件进行解析，得到解析数据，所述解析插件中包括与至少两种执行环境信息分别匹配的解析代码；

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

进一步的，所述客户端根据所述解析数据，生成与所述页面配置文件匹配的本机显示页面进行显示，包括：

所述客户端获取本机设备信息，其中，所述信息包括所述本机设备所处环境信息和/或本机设备的状态信息；

所述客户端根据所述本机设备信息调整预设的渲染参数，并根据调整后的渲染参数对所述解析数据进行渲染，得到与所述页面配置文件匹配的本机显示页面。

进一步的，本机设备的状态信息为倾斜角度信息，

所述客户端根据所述本机设备信息调整预设的渲染参数，包括：

所述客户端根据所述倾斜角度信息，以及预设的渲染参数与倾斜角度信息的对应关系，确定与所述倾斜角度信息匹配的目标渲染参数；

所述客户端将预设的渲染参数更新为所述目标渲染参数；

其中，所述渲染参数包括下述至少一项：组件显示区域的大小参数、位置参数、旋转参数和特效参数。

进一步的，在所述客户端根据所述执行环境信息，调用解析插件对所述页面配置文件进行解析，得到解析数据之前，还包括：

当确定满足解析插件获取条件时，所述客户端向所述服务器发送所述解析插件获取请求；

所述客户端接收到所述服务器发送的解析插件。

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

在检测到页面配置文件构建开始指令时，从所述页面配置文件构建开始指令中获取描述规则参数信息，其中，所述描述规则参数信息包括下述至少一项：文件语言信息、目标生成页面信息和客户端的执行环境信息；

根据所述描述规则参数信息，从预先构建的描述规则库中确定目标描述规则；

基于所述目标描述规则，生成页面配置文件；

其中，所述页面配置文件用于客户端接收并生成与所述页面配置文件匹配的本机显示页面。

进一步的，还包括：

当接收到客户端发送的解析插件更新请求时，向所述客户端发送与所述目标描述规则匹配的解析插件，其中，所述解析插件用于所述客户端接收并解析基于所述目标描述规则生成的页面配置文件。

进一步的，所述生成页面配置文件，包括：

基于所述目标描述规则，生成初始化的页面描述文件；

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

根据实时获取的所述页面配置指令，在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的页面组件；

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

将所述页面组件和所述属性信息作为组件信息；

基于所述组件信息和所述目标描述规则对应更新所述页面描述文件；

在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为页面配置文件并发布。

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

页面配置文件获取模块，用于获取服务器发送的页面配置文件；

执行环境信息获取模块，用于当确定满足与所述页面配置文件匹配的页面加载条件时，获取执行环境信息，所述执行环境信息包括操作系统信息和/或客户端版本信息；

页面配置文件解析模块，用于根据所述执行环境信息，调用解析插件对所述页面配置文件进行解析，得到解析数据，所述解析插件中包括与至少两种执行环境信息分别匹配的解析代码；

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

进一步的，所述本机显示页面生成模块，包括：

本机设备信息获取模块，用于获取本机设备信息，其中，所述信息包括所述本机设备所处环境信息和/或本机设备的状态信息；

渲染模块，用于根据所述本机设备信息调整预设的渲染参数，并根据调整后的渲染参数对所述解析数据进行渲染，得到与所述页面配置文件匹配的本机显示页面。

进一步的，本机设备的状态信息为倾斜角度信息。

进一步的，所述渲染模块，包括：

目标渲染参数确定模块，用于根据所述倾斜角度信息，以及预设的渲染参数与倾斜角度信息的对应关系，确定与所述倾斜角度信息匹配的目标渲染参数；

目标渲染参数更新模块，用于将预设的渲染参数更新为所述目标渲染参数；其中，所述渲染参数包括下述至少一项：组件显示区域的大小参数、位置参数、旋转参数和特效参数。

进一步的，所述页面生成装置还包括：

解析插件获取请求发送模块，用于当确定满足解析插件获取条件时，向所述服务器发送所述解析插件获取请求；

解析插件接收模块，用于接收到所述服务器发送的解析插件。

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

描述规则参数信息获取模块，用于在检测到页面配置文件构建开始指令时，从所述页面配置文件构建开始指令中获取描述规则参数信息，其中，所述描述规则参数信息包括下述至少一项：文件语言信息、目标生成页面信息和客户端的执行环境信息；

目标描述规则确定模块，用于根据所述描述规则参数信息，从预先构建的描述规则库中确定目标描述规则；

页面配置文件生成模块，用于基于所述目标描述规则，生成页面配置文件；其中，所述页面配置文件用于客户端接收并生成与所述页面配置文件匹配的本机显示页面。

进一步的，所述页面配置文件生成装置，还包括：

解析插件更新模块，用于当接收到客户端发送的解析插件更新请求时，向所述客户端发送与所述目标描述规则匹配的解析插件，其中，所述解析插件用于所述客户端接收并解析基于所述目标描述规则生成的页面配置文件。

进一步的，所述页面配置文件生成模块，包括：

页面描述文件初始化模块，用于基于所述目标描述规则，生成初始化的页面描述文件；

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

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

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

组件信息确定模块，用于将所述页面组件和所述属性信息作为组件信息；

页面描述文件更新模块，用于基于所述组件信息和所述目标描述规则对应更新所述页面描述文件；

页面配置文件生成模块，用于在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为页面配置文件并发布。

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

一个或多个处理器；

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

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

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

本公开实施例通过获取供不同操作系统类型的客户端使用的页面配置文件和执行环境信息，并调用解析插件，实现仅执行与执行环境信息匹配的解析代码，以对页面配置文件进行解析，从而生成本机显示页面，解决了现有技术中针对客户端的操作系统类型分别进行独立开发的方式，使得每个页面的开发效率低和成本高的问题，使不同操作系统类型的客户端通过一个页面配置文件以及一个包括适配不同操作系统类型的解析插件，实现生成匹配的本机显示页面，从而降低页面的开发成本，提高页面开发效率。

附图说明

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

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

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

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

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

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

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

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

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

具体实施方式

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

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

实施例一

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

s110，客户端获取服务器发送的页面配置文件。

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

s120，所述客户端当确定满足与所述页面配置文件匹配的页面加载条件时，获取执行环境信息，所述执行环境信息包括操作系统信息和/或客户端版本信息。

具体的，页面加载条件可以包括启动客户端，或者接收到用户输入的页面加载指令。客户端版本信息为客户端当前升级版本信息，示例性的，可以通过客户端的升级或者更新的时间戳信息表示。

s130，所述客户端根据所述执行环境信息，调用解析插件对所述页面配置文件进行解析，得到解析数据，所述解析插件中包括与至少两种执行环境信息分别匹配的解析代码。

具体的，解析插件中包括适配多个执行环境信息的客户端的解析代码，也就是说，在调用解析插件时，可以执行与执行环境信息匹配的解析代码，从而实现不同客户端根据同一个页面配置文件可以得到与执行环境信息匹配的解析数据，也即不同客户端根据同一个页面配置文件可以得到适配客户端的解析数据。

其中，解析数据可以是指适配客户端的组件，可选的，客户端通过reactnative框架显示页面，其中，reactnative框架是一个javascript框架，可以执行js代码呈现给本地应用程序也即客户端，实现用户通过客户端浏览页面。也就是说，客户端可以接收服务器端发送的js代码，并通过reactnative框架执行js代码，也即调用解析插件，对页面配置文件进行解析，将页面配置文件中的信息转换为与客户端适配的本机组件(native组件)，后续通过对本机组件进行渲染，生成页面呈现给用户。其中，为了适配js代码，页面配置文件为json格式文件。

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

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

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

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

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

示例性的，客户端生成的页面为沉浸式页面，其中，沉浸式是指给用户提供完全沉浸的体验，使用户有一种置身于虚拟世界之中的感觉。具体的，沉浸式页面可以通过获取用户所在的环境数据，自动调整页面呈现的效果，具体可以调整页面展示的背景色、调整页面展示的播放的音频和使展示的区域动态变化等中的至少一项。此外，除了用户所在的环境数据，沉浸式页面还可以通过获取其他与外界沟通交互的数据，例如，客户端所在终端设备距离地面的高度等。

可选的，所述客户端根据所述解析数据，生成与所述页面配置文件匹配的本机显示页面进行显示，可以包括：所述客户端获取本机设备信息，其中，所述信息包括所述本机设备所处环境信息和/或本机设备的状态信息；所述客户端根据所述本机设备信息调整预设的渲染参数，并根据调整后的渲染参数对所述解析数据进行渲染，得到与所述页面配置文件匹配的本机显示页面。

其中，本机设备所处环境信息可以包括本机设备所处环境的温度、湿度和亮度等环境信息中的至少一项。本机设备的状态信息可以包括本机设备与最近平面的距离、本机设备的倾斜角度、本机设备的运动方向和运动速度等信息中的至少一项。渲染是指将请求到的内容进行展现的过程，渲染参数可以是指渲染对象的属性参数，具体包括下述至少一项：渲染对象的布局位置、渲染对象的绘制样式、渲染对象的绘制尺寸、渲染对象的绘制形状等。

根据调整后的渲染参数渲染解析数据，可以使本机显示页面的显示内容相应作出调整，示例性的，当客户端所在的终端设备向左移动时，本机显示页面的显示重心向左偏移，提高左半边区域的所有像素的亮度，并将第右半边区域的所有像素的亮度。通过本机设备信息对渲染参数进行调整，从而得到调整后的本机显示页面，可以使本机显示页面显示的内容参照外界交互数据进行调整，例如，颜色调整、显示区域的位置调整、显示区域的大小调整和特效调整等中的至少一项，从而实现生成沉浸式页面，实现本机显示页面与外界交互沟通的功能。

实际上，本机设备信息可以实时改变，此时，渲染参数也随之实时调整，由此使本机显示页面所显示的内容随着外界环境改变，从而使用户获取身临其境的体验，实现提高用户体验。

可选的，本机设备的状态信息为倾斜角度信息，所述客户端根据所述本机设备信息调整预设的渲染参数，可以包括：所述客户端根据所述倾斜角度信息，以及预设的渲染参数与倾斜角度信息的对应关系，确定与所述倾斜角度信息匹配的目标渲染参数；所述客户端将预设的渲染参数更新为所述目标渲染参数；其中，所述渲染参数包括下述至少一项：组件显示区域的大小参数、位置参数、旋转参数和特效参数。

其中，预设渲染参数可以是指预设的渲染参数，预设的渲染参数以及本机设备信息与预设渲染参数的对应关系可以预先从服务器端获取。目标渲染参数可以是指与本机设备信息适配的渲染参数。具体的，倾斜角度信息可以通过陀螺仪获取。

在一个具体的例子中，通过终端设备上设置的陀螺仪，获取终端设备的倾斜角度，选择页面中的区域作为组件显示区域，例如图片的展示区域，根据倾斜角度对应改变该图片的渲染参数，例如改变该图片的旋转参数或改变该图片的位置参数(如只显示左半边区域)等。若以终端设备的重心为中心，使终端设备左右旋转，从而可以实现该图片的左右滑动操作。

可选的，在所述客户端根据所述执行环境信息，调用解析插件对所述页面配置文件进行解析，得到解析数据之前，还可以包括：当确定满足解析插件获取条件时，所述客户端向所述服务器发送所述解析插件获取请求；所述客户端接收到所述服务器发送的解析插件。

其中，所述解析插件获取条件可以包括接收到所述服务器发送的所述解析插件的更新消息或者未检测到与目标页面配置文件匹配的解析插件。解析插件获取条件还可以是其他条件，本实施例不作具体限制。

本公开实施例通过获取供不同操作系统类型的客户端使用的页面配置文件和执行环境信息，并调用解析插件，实现仅执行与执行环境信息匹配的解析代码，以对页面配置文件进行解析，从而生成本机显示页面，解决了现有技术中针对客户端的操作系统类型分别进行独立开发的方式，使得每个页面的开发效率低和成本高的问题，使不同操作系统类型的客户端通过一个页面配置文件以及一个包括适配不同操作系统类型的解析插件，实现生成匹配的本机显示页面，从而降低页面的开发成本，提高页面开发效率。

实施例二

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

s210，在检测到页面配置文件构建开始指令时，从所述页面配置文件构建开始指令中获取描述规则参数信息，其中，所述描述规则参数信息包括下述至少一项文件语言信息、目标生成页面信息和客户端的执行环境信息。

其中，页面配置文件构建开始指令可以是指用户输入的用于启动构建页面配置文件的指令。描述规则可以是指页面与页面描述数据的对应关系，用于将页面用数据结构描述出来。文件语言信息可以是指用于记录页面描述数据的文件的语言，也可以用文件的格式表示，例如json格式。目标生成页面信息可以是指适配客户端的页面显示模块的数据结构和/或编写语言等，例如页面显示模块为reactnative框架。客户端的执行环境信息可以是指客户端的操作系统信息和/或客户端版本信息。

示例性的，文件语言信息为json格式，执行环境为ios操作系统，可以根据从描述规则库中查找到用于生成json格式且适配ios操作系统的页面配置文件的描述规则。

s220，根据所述描述规则参数信息，从预先构建的描述规则库中确定目标描述规则。

具体的，预先构建的描述规则库中存有描述规则参数信息与描述规则的对应关系，从而可以从描述规则库查找到与描述规则参数信息匹配的描述规则。其中，可以查找到多个描述规则，可以从中随机选择一个描述规则作为目标描述规则，或者通过人机交互界面显示给用户，根据用户的输入的选择指令确定目标描述规则，对此，本实施例不做具体限制。

s230，基于所述目标描述规则，生成页面配置文件；其中，所述页面配置文件用于客户端接收并生成与所述页面配置文件匹配的本机显示页面。

具体的，生成页面配置文件的方式可以是根据用户输入的符合目标描述规则的代码，存入文件中，形成页面配置文件；或者可以是通过人机交互界面，根据用户输入的页面配置指令，转换为符合目标描述规则的代码，从而存入文件中，形成页面配置文件。此外，生成页面配置文件的方式还可以是其他方式，对此，本实施例不做具体限制。

可选的，所述生成页面配置文件，可以包括：基于所述目标描述规则，生成初始化的页面描述文件；通过页面构建平台的人机交互界面，实时获取与页面组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的页面组件；根据实时获取的所述页面配置指令，在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的页面组件；根据所述页面配置指令编辑所述页面配置指令匹配的页面组件，并获取编辑后的页面组件的属性信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息；将所述页面组件和所述属性信息作为组件信息；基于所述组件信息和所述目标描述规则对应更新所述页面描述文件；在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为页面配置文件并发布。

其中，页面描述文件用于记录用户构建的页面中各个页面组件以及组件的属性信息的描述数据。页面构建平台为可视化的页面构建平台，是由开发人员基于前端框架开发建立。页面配置指令为用户在构建页面时输入的操作指令。页面组件为页面构建平台上用于生成页面的页面组件。

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

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

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

页面组件的属性信息可以用于表征页面组件的性质以及，页面组件与页面的关系，例如可以包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息。位置编辑信息为页面组件在页面主体架构中的位置信息，例如可以以页面组件关键点(如矩形的左顶点或圆形的圆心)与页面主体架构左边界的距离，以及页面组件关键点与页面主体架构上边界的距离来表示该位置信息；内容编辑信息为页面组件的内容(如文本、图片、视频或音频)的获取链接地址，一般页面组件的内容是由用户自己提供的，可以上传，或者直接提供获取地址；颜色编辑信息包括下述至少一项的页面组件的颜色、对比度和饱和度的信息。

其中，当页面配置完成时，页面描述文件不再更新，可以作为页面配置文件下发到各客户端，以使各客户端生成与页面配置文件匹配的本机显示页面，从而使持有各客户端的不同用户观看到相同的页面效果。其中，下发具体可以是服务器通过在接收到客户端发送的页面配置文件获取请求时，通过预加载接口向客户端发送页面配置文件。

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

由此，通过通用页面构建平台的人机交互界面获取用户输入的页面配置指令，提供用户配置页面的功能，可以提高页面配置的灵活性和页面的多样性。

在上述实施例的基础上，可选的，所述页面配置文件生成方法还可以包括：当接收到客户端发送的解析插件获取请求时，向所述客户端发送与所述目标描述规则匹配的解析插件，其中，所述解析插件用于所述客户端接收并解析基于所述目标描述规则生成的页面配置文件。

其中，解析插件更新请求中包括描述规则参数信息，从而，基于秒速规则参数信息，服务器可以从描述规则库中查找到与描述规则参数信息匹配的目标描述规则，从而可以进一步确定与目标描述规则对应的解析插件。服务器在接收到解析插件更新请求之后，可以随时向各客户端下发更新的解析插件。此外，解析插件更新请求还可以包括时间戳信息，服务器可以根据时间戳信息确定该客户端的解析插件是否为最新版解析插件，若否，向该客户端发送最新的且与解析插件更新请求匹配的解析插件。

本公开实施例通过从页面配置文件构建开始指令中获取描述规则参数信息，并基于描述规则参数信息确定目标描述规则，其中，描述规则参数信息适配客户端，从而基于目标描述规则生成的页面配置文件实现与客户端适配，从而针对不同类型的客户端可以实现仅通过开发一个页面配置文件即可进行适配显示，从而降低页面的开发成本，提高页面开发效率。

实施例三

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

s310，客户端向服务器发送解析插件获取请求，其中，所述解析插件获取请求包括描述规则参数信息。

需要说明的是，本实施例中的解析插件、描述规则参数信息、页面构建平台、页面配置指令、页面配置文件和本机显示页面等均可以参考上述实施例的描述。

s320，所述服务器基于接收到所述客户端发送的解析插件获取请求，确定与解析插件获取请求中第一描述规则参数信息匹配的目标描述规则。

s330，向所述客户端反馈与所述目标描述规则匹配的解析插件。

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

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

s350，所述服务器通过页面构建平台的人机交互界面，获取第二描述规则参数信息和页面配置指令，并对应生成页面配置文件。

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

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

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

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

实施例四

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

页面配置文件获取模块410，用于获取服务器发送的页面配置文件；

执行环境信息获取模块420，用于当确定满足与所述页面配置文件匹配的页面加载条件时，获取执行环境信息，所述执行环境信息包括操作系统信息和/或客户端版本信息；

页面配置文件解析模块430，用于根据所述执行环境信息，调用解析插件对所述页面配置文件进行解析，得到解析数据，所述解析插件中包括与至少两种执行环境信息分别匹配的解析代码；

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

本公开实施例通过获取供不同操作系统类型的客户端使用的页面配置文件和执行环境信息，并调用解析插件，实现仅执行与执行环境信息匹配的解析代码，以对页面配置文件进行解析，从而生成本机显示页面，解决了现有技术中针对客户端的操作系统类型分别进行独立开发的方式，使得每个页面的开发效率低和成本高的问题，使不同操作系统类型的客户端通过一个页面配置文件以及一个包括适配不同操作系统类型的解析插件，实现生成匹配的本机显示页面，从而降低页面的开发成本，提高页面开发效率。

进一步的，所述本机显示页面生成模块440，包括：本机设备信息获取模块，用于获取本机设备信息，其中，所述信息包括所述本机设备所处环境信息和/或本机设备的状态信息；渲染模块，用于根据所述本机设备信息调整预设的渲染参数，并根据调整后的渲染参数对所述解析数据进行渲染，得到与所述页面配置文件匹配的本机显示页面。

进一步的，本机设备的状态信息为倾斜角度信息。

进一步的，所述渲染模块，包括：目标渲染参数确定模块，用于根据所述倾斜角度信息，以及预设的渲染参数与倾斜角度信息的对应关系，确定与所述倾斜角度信息匹配的目标渲染参数；目标渲染参数更新模块，用于将预设的渲染参数更新为所述目标渲染参数；其中，所述渲染参数包括下述至少一项：组件显示区域的大小参数、位置参数、旋转参数和特效参数。

进一步的，所述页面生成装置还包括：解析插件获取请求发送模块，用于当确定满足解析插件获取条件时，向所述服务器发送所述解析插件获取请求；解析插件接收模块，用于接收到所述服务器发送的解析插件。

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

实施例五

图5为本公开实施例提供的一种页面配置文件生成装置的结构示意图，本实施例可适用于页面配置文件生成的情况。该装置可以采用软件和/或硬件的方式实现，该装置可以配置于客户端或服务器端中。如图5所示，该装置可以包括：描述规则参数信息获取模块510、目标描述规则确定模块520和页面配置文件生成模块530。

描述规则参数信息获取模块510，用于在检测到页面配置文件构建开始指令时，从所述页面配置文件构建开始指令中获取描述规则参数信息，其中，所述描述规则参数信息包括下述至少一项：文件语言信息、目标生成页面信息和客户端的执行环境信息；

目标描述规则确定模块520，用于根据所述描述规则参数信息，从预先构建的描述规则库中确定目标描述规则；

页面配置文件生成模块530，用于基于所述目标描述规则，生成页面配置文件；其中，所述页面配置文件用于客户端接收并生成与所述页面配置文件匹配的本机显示页面。

本公开实施例通过从页面配置文件构建开始指令中获取描述规则参数信息，并基于描述规则参数信息确定目标描述规则，其中，描述规则参数信息适配客户端，从而基于目标描述规则生成的页面配置文件实现与客户端适配，从而针对不同类型的客户端可以实现仅通过开发一个页面配置文件即可进行适配显示，从而降低页面的开发成本，提高页面开发效率。

进一步的，所述页面配置文件生成装置，还包括：解析插件更新模块，用于当接收到客户端发送的解析插件更新请求时，向所述客户端发送与所述目标描述规则匹配的解析插件，其中，所述解析插件用于所述客户端接收并解析基于所述目标描述规则生成的页面配置文件。

进一步的，所述页面配置文件生成模块530，包括：页面描述文件初始化模块，用于基于所述目标描述规则，生成初始化的页面描述文件；页面配置指令获取模块，用于通过页面构建平台的人机交互界面，实时获取与页面组件匹配的页面配置指令，其中，所述页面构建平台预先采用前端框架生成构建页面的页面组件；页面组件查找模块，用于根据实时获取的所述页面配置指令，在基于所述前端框架生成的页面主体架构中配置从组件库中查找到与所述页面配置指令匹配的页面组件；组件信息获取模块，用于根据所述页面配置指令编辑所述页面配置指令匹配的页面组件，并获取编辑后的页面组件的属性信息，其中，所述组件信息包括位置编辑信息、内容编辑信息、颜色编辑信息和样式编辑信息；组件信息确定模块，用于将所述页面组件和所述属性信息作为组件信息；页面描述文件更新模块，用于基于所述组件信息和所述目标描述规则对应更新所述页面描述文件；页面配置文件生成模块，用于在检测到页面配置文件构建完成指令时，将当前的所述页面描述文件作为页面配置文件并发布。

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

实施例六

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

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

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

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

实施例七

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

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

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

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

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

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

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

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