页面生成方法、装置、计算机设备及存储介质与流程

本申请涉及研发管理技术领域，尤其涉及一种页面生成方法、装置、计算机设备及计算机可读存储介质。

背景技术：

页面生成技术是一种通过拖拽的方式生成网页的方法，这种方法可以简化开发工作，提升开发效率。目前业内存在各种页面生成系统和工具，这种技术大多基于droptools（下拉工具）开发规范，可以实现页面元素的拖拽和生成网页代码。

但页面生成系统和目标应用系统由于是两个相互独立的系统，目标应用系统在访问或显示页面生成系统生成的页面时，该页面分别页面生成系统和目标应用系统中显示存在差异，显示的页面不一致。

技术实现要素：

本申请的主要目的在于提供一种页面生成方法、装置、计算机设备及计算机可读存储介质，旨在解决的目标应用系统在访问或显示页面生成系统生成的页面时，该页面分别页面生成系统和目标应用系统中显示存在差异，显示的页面不一致的技术问题。

第一方面，本申请提供一种页面生成方法，所述页面生成方法包括以下步骤：

获取页面生成系统中的组件；

基于预置组件管理库，确定所述组件的配置信息；

基于预置样式管理库，确定所述组件的样式表；

检测到目标应用系统运行时，根据所述配置信息和所述样式表，生成对应的页面。

第二方面，本申请还提供一种页面生成装置，所述页面生成装置包括：

获取模块，用于获取页面生成系统中的组件；

第一确定模块，用于基于预置组件管理库，确定所述组件的配置信息；

第二确定模块，用于基于预置样式管理库，确定所述组件的样式表；

生成模块，用于检测目标应用系统运行，根据所述配置信息和所述样式表，生成对应的页面。

第三方面，本申请还提供一种计算机设备，所述计算机设备包括处理器、存储器、以及存储在所述存储器上并可被所述处理器执行的计算机程序，其中所述计算机程序被所述处理器执行时，实现如前述的页面生成方法的步骤。

第四方面，本申请还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，其中所述计算机程序被处理器执行时，实现如前述的页面生成方法的步骤。

本申请提供一种页面生成方法、装置、计算机设备及计算机可读存储介质，通过获取页面生成系统中的组件；基于预置组件管理库，确定所述组件的配置信息；基于预置样式管理库，确定所述组件的样式表；检测到目标应用系统运行时，根据所述配置信息和所述样式表，生成对应的页面，实现了通过目标应用系统基于组件的组件管理和样式管理来进行生成页面，避免页面不一致的问题。

附图说明

为了更清楚地说明本申请实施例技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的一种页面生成方法的流程示意图；

图2为图1中的页面生成方法的子步骤流程示意图；

图3为图1中的页面生成方法的子步骤流程示意图；

图4为申请实施例提供的另一种页面生成方法的流程示意图；

图5为本申请实施例提供的一种页面生成装置的示意性框图；

图6为本申请一实施例涉及的计算机设备的结构示意框图。

本申请目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

附图中所示的流程图仅是示例说明，不是必须包括所有的内容和操作/步骤，也不是必须按所描述的顺序执行。例如，有的操作/步骤还可以分解、组合或部分合并，因此实际执行的顺序有可能根据实际情况改变。

本申请实施例提供一种页面生成方法、装置、计算机设备及计算机可读存储介质。其中，该页面生成方法可应用于终端设备中，该终端设备可以手机、平板电脑、笔记本电脑、台式电脑等电子设备。

下面结合附图，对本申请的一些实施方式作详细说明。在不冲突的情况下，下述的实施例及实施例中的特征可以相互组合。

请参照图1，图1为本申请的实施例提供的一种页面生成方法的流程示意图。

如图1所示，该页面生成方法包括步骤s101至步骤s104。

步骤s101、获取页面生成系统中的组件。

获取页面生成系统的存储路径，通过存储路径获取组件库中的组件，该组件为预先存储在组件库中，该组件包括:按钮、输入框、搜索框、密码框等。该获取的方式包括通过用户的操作指令，获取存储路径中的组件。例如，在接收到用户的点击操作指令，基于用户的点击操作指令访问存储路径的组件库，选择该组件库中的按钮、输入框等。

步骤s102、基于预置组件管理库，确定所述组件的配置信息。

当获取到页面生成系统的公共链中组件库的组件时，通过预置组件管理获取该组件的配置信息。预置组件管理为组件开发者预先存储至页面生成系统中的。例如，组件开发者查询标准的开发规范，确定该组件的配置信息，将确定好的配置信息存储于页面生成系统存储路径的组件管理库中，其中组件管理库存储于页面生成系统的区块链的公共链中。在存储之前检测存储路径中是否存在组件管理库，若检测到该存储路径中没有组件管理库，则在该存储路径中建立一个组件管理库。其中，组件的配置信息存储配置信息包括组件的行为、数据属性等。

在一实施例中，获取所述组件的配置信息包括：获取所述页面生成系统的存储路径；基于所述存储路径，访问所述存储路径中的预置组件管理库；查询所述预置组件管理库，确定所述预置组件管理库中所述组件的行为配置信息、数据配置信息以及坐标配置信息。

示范例的，获取页面生成系统的存储路径，通过该存储路径访问该存储路径中的预置组件管理库。通过该组件查询预置组件管理库，获取该预置组件管理库中该组件的配置信息。例如，获取该组件的名称，通过该组件的名称查询预置组件管理库，获取该名称对应的组件在预置组件管理库中的配置信息。其中，配置信息包括行为配置信息、数据配置信息和坐标配置信息。例如，该组件的为名称为按钮1，查询预置管理库中该按钮1对应的行为配置信息是点击行为还是自动行为等，以及在生成页面中的坐标位置等。或者，当组件为日历组件名称或期限组件名称时，配置日期的显示信息以及当前日期等。

步骤s103、基于预置样式管理库，确定所述组件的样式表。

查询预置样式管理库，预置样式管理库为样式开发人员基于标准开发规范进行开发样式表，将开发好的样式表存储于预置样式管理库中，其中样式管理库存储于页面生成系统的区块链的公共链中。例如，通过该组件的属性或名称等信息确定对应的样式表。样式表包括色彩的属性、字体的格式、大小等、按钮的主次以及类型等。

在一实施例中，获取所述组件的样式表，包括：检测用户的操作指令；基于所述操作指令，确定预置样式管理库中所述操作指令对应的样式表。

示范例为，检测用户的操作指令，该检测为实时或定时检测。当检测到用户的操作指令。例如，检测到用户的点击指令等。通过确定用户操作指令对应的位置，确定预置样式管理库中该位置对应的样式表。或这，检测到用户搜索指令，确定与该搜索指令对应的样式表，将对应的样式表确定为该组件对应的样式表。样式管理库实现主题的约定，例如，按钮样背景式统一命名为：button-bg{background-color:gray;}。

步骤s104、检测到目标应用系统运行时，根据所述配置信息和所述样式表，生成对应的页面。

检测到目标应用系统运行时，基于该组件的配置信息和样式表，生成对应的页面。例如，获取该配置信息中该组件的坐标位置、行为信息等，以及该样式表中组件的格式信息以及颜色信息等。通过坐标位置、行为信息等对该组件进行配置，通过该格式信息以及颜色信息等对该组件进行渲染，生成对应的页面。

在一实施例中，具体地，参照图2，步骤s104包括：子步骤s1041至子步骤s1045。

子步骤s1041、通过所述目标应用系统加载所述行为配置信息、所述数据配置信息、所述坐标配置信息以及所述样式表；

在检测到目标应用程序运行时，通过该目标应用系统加载该组件的行为配置信息、数据配置信息、坐标配置信息以及样式表。例如，确定该组件的行为配置信息、数据配置信息、坐标配置信息以及样式表，获取该组件的行为配置信息、数据配置信息、坐标配置信息在预置组件管理库中的位置信息以及预置样式管理库中样式表的位置信息。在检测到目标应用系统运行时，该目标应用系统获取该组件的行为配置信息、数据配置信息、坐标配置信息在预置组件管理库中的位置信息以及预置样式管理库中样式表的位置信息。通过该组件的行为配置信息、数据配置信息、坐标配置信息在预置组件管理库中的位置信息以及预置样式管理库中样式表的位置信息，访问页面生成系统的存储路径，加载该存储路径的预置组件管理库中该组件的行为配置信息、数据配置信息、坐标配置信息，以及样式管理库中的样式表。

子步骤s1042、基于所述行为配置信息对所述组件进行行为配置；

通过目标生成系统加载的该组件的行为配置信息，对该组件进行行为配置，例如，获取该组件当前的属性信息，基于该配置信息中的行为配置信息修改该组件的属性信息中的行为配置信息，从而使页面生成系统感知目标生成系统对该组件是如何进行行为配置。例如，该组件为按钮组件时，通过配置信息对该按钮进行点击配置或者主次配置。

子步骤s1043、基于所述数据配置信息对所述组件进行数据配置；

通过目标生成系统加载的该组件的数据配置信息，对该组件进行数据配置，从而使页面生成系统感知目标生成系统对该组件是如何进行数据配置。例如，该组件为日历组件或期限组件时，通过数据配置信息对该日历组件或期限组件进行日期配置。

子步骤s1044、基于所述坐标配置信息对所述组件进行坐标配置；

通过目标生成系统加载的该组件的坐标配置信息，对该组件进行位置坐标配置，从而使页面生成系统感知目标生成系统对该组件是如何进行坐标配置。例如，该组件为按钮、输入框、搜索框、密码框等组件时，通过坐标配置信息中按钮、输入框、搜索框、密码框等组件的坐标位置，对按钮、输入框、搜索框、密码框等组件在生成页面中的位置进行配置。

子步骤s1045、基于所述样式表对所述组件进行渲染配置，生成对应的页面。

通过目标生成系统加载的该组件的样式表，对该组件进行渲染配置，从而使页面生成系统感知目标生成系统对该组件是如何进行渲染配置的。样式表包括：字体的大小、格式、组件的颜色等。以样式表中的字体的大小、格式以及组件的颜色等对组件进行渲染。例如，获取当前组件中的字体大小、格式、颜色等，将当前组件中的字体大小、格式、颜色等与样式表中的字体的大小、格、颜色等进行比对，若不一致，则修改当前组件的字体的大小、格、颜色等，生成对应的页面。

在一实施例中，具体地，参照图3，步骤s104还包括：子步骤s104a至子步骤s104e。

子步骤s104a、通过目标应用系统下载所述行为配置信息、所述数据配置信息、所述坐标配置信息以及所述样式表；

在检测到目标应用程序运行时，通过该目标应用系统下载该组件的行为配置信息、数据配置信息、坐标配置信息以及样式表。例如，确定该组件的行为配置信息、数据配置信息、坐标配置信息以及样式表，获取该组件的行为配置信息、数据配置信息、坐标配置信息在预置组件管理库中的位置信息以及预置样式管理库中样式表的位置信息。在检测到目标应用系统运行时，该目标应用系统获取该组件的行为配置信息、数据配置信息、坐标配置信息在预置组件管理库中的位置信息以及预置样式管理库中样式表的位置信息。通过该组件的行为配置信息、数据配置信息、坐标配置信息在预置组件管理库中的位置信息以及预置样式管理库中样式表的位置信息，访问页面生成系统的存储路径，下载该存储路径的预置组件管理库中该组件的行为配置信息、数据配置信息、坐标配置信息，以及样式管理库中的样式表。

子步骤s104b、基于所述行为配置信息对所述组件进行行为配置；

通过目标生成系统下载的该组件的行为配置信息，对该组件进行行为配置，从而使页面生成系统感知目标生成系统对该组件是如何进行行为配置。例如，该组件为按钮组件时，通过配置信息对该按钮进行点击配置或者主次配置。

子步骤s104c、基于所述数据配置信息对所述组件进行数据配置；

通过目标生成系统下载的该组件的数据配置信息，对该组件进行数据配置，从而使页面生成系统感知目标生成系统对该组件是如何进行数据配置。例如，该组件为日历组件或期限组件时，通过数据配置信息对该日历组件或期限组件进行日期配置。

子步骤s104d、基于所述坐标配置信息对所述组件进行坐标配置；

通过目标生成系统下载的该组件的数据配置信息，对该组件进行数据配置，从而使页面生成系统感知目标生成系统对该组件是如何进行数据配置。例如，该组件为日历组件或期限组件时，通过数据配置信息对该日历组件或期限组件进行日期配置。

子步骤s104e、基于所述样式表对所述组件进行渲染配置，生成对应的页面。

通过目标生成系统下载的该组件的样式表，对该组件进行渲染配置，从而使页面生成系统感知目标生成系统对该组件是如何进行渲染配置的。样式表包括：字体的大小、格式、组件的颜色等。以样式表中的字体的大小、格式以及组件的颜色等对组件进行渲染。例如，获取当前组件中的字体大小、格式、颜色等，将当前组件中的字体大小、格式、颜色等与样式表中的字体的大小、格、颜色等进行比对，若不一致，则修改当前组件的字体的大小、格、颜色等，生成对应的页面。

在本发明实施例中，确定页面生成系统中获取的组件在预置组件管理库中的配置信息以及该组件在预置样式管理库中的样式表，在检测到目标生成系统运行时，通过配置信息以及该样式表，生成对应的页面，实现了通过将页面生成系统和目标应用系统两个独立的系统在页面生成过程中分别与组件进行交互，避免生成的页面不一致，也提升了用户体验，用户在使用的时候更直观。

请参照图4，图4为本申请的实施例提供的另一种页面生成方法的流程示意图。

如图4所示，该页面生成方法包括步骤s201至步骤s207。

步骤s201、根据预置插件对待扩展组件进行扩展，生成对应的扩展组件。

当组件库中的组件不满足目标应用系统的需求时，根据预置插件对该组件库中的组件进行扩展，生成对应的扩展组件。例如，当前的组件库中已存储有组件，但该组件为既有组件，不能满足当前生成页面的需求，调用预置插件获取开发规范信息，通过获取到的组件开发规范信息对当前的组件进行扩展，生成对应的扩展组件以满足页面生成的需求。

在一实施例中，生成对应的扩展组件包括：确定所述组件中待扩展组件，并获取所述待扩展组件的属性信息；基于预置组件规范信息修改所述待扩展组件的属性信息，生成对应的扩展组件。

组件规范信息包括组件ui规范、页面ui规范以及视觉ui规范等。其中，组件ui规范包括头部组件、底部组件、选择办理情形等。页面ui规范包括页面自检页、事项详情页等。视觉ui规范包括色彩、字体等。在确定当前组件库中的组件不满足页面生成的需求时，确定组件库中的带扩展组件。例如，在获取到当前组件中的头部组件不是申办流程时，确定组件库中的头部组件不满足页面生成的需求，确定该头部组件为待扩展组件。获取组件ui规范中头部组件的规范信息，通过预置插件将头部组件的属性信息修改为组件ui规范中头部组件的规范信息，生成对应的扩展组件。

步骤s202、对所述扩展组件进行打包，生成对应的软件开发工具包；

获取生成的扩展组件，通过预置构建工具对生成的扩展组件将进行打包，其中，构建工具是一个把源代码生成可执行应用程序的过程自动化的程序（例如androidapp生成apk）。构建包括编译、连接跟把代码打包成可用的或可执行的形式。构建工具包括forjava-ant,maven,gradle、for、netframework-nantc#-msbuild等，从而生成对应的软件开发工具包。

步骤s203、将所述软件开发工具包存储至所述页面生成系统的存储路径中。

将生成的软件开发工具包存储到页面生成系统对应的存储路径中，例如，获取目标存储系统中组件库的存储路径，基于该存储路径，将软件开发工具包存储到组件库中。

步骤s204、获取页面生成系统中的组件；

获取页面生成系统的存储路径，通过存储路径获取组件库中的组件，该组件为预先存储在组件库中，该组件包括:按钮、输入框、搜索框、密码框等。该获取的方式包括通过用户的操作指令，获取存储路径中的组件。例如，在接收到用户的点击操作指令，基于用户的点击操作指令访问存储路径的组件库，选择该组件库中的按钮、输入框等。

步骤s205、基于预置组件管理库，确定所述组件的配置信息；

当获取到页面生成系统中组件库的组件时，通过预置组件管理获取该组件的配置信息。预置组件管理为组件开发者预先存储至页面生成系统中的。例如，组件开发者查询标准的开发规范，确定该组件的配置信息，将确定好的配置信息存储于页面生成系统存储路径的组件库管理库中。在存储之前检测存储路径中是否存在组件管理库，若检测到该存储路径中没有组件管理库，则在该存储路径中建立一个组件管理库。其中，组件的配置信息存储配置信息包括组件的行为、数据属性等。

步骤s206、基于预置样式管理库，确定所述组件的样式表；

查询预置样式管理库，预置样式管理库为样式开发人员基于标准开发规范进行开发样式表，将开发好的样式表存储与预置样式管理库中。例如，通过该组件的属性或名称等信息确定对应的样式表。样式表包括色彩的属性、字体的格式、大小等、按钮的主次以及类型等。

步骤s207、检测到目标应用系统运行时，根据所述配置信息和所述样式表，生成对应的页面。

检测到目标应用系统运行时，基于该组件的配置信息和样式表，生成对应的页面。例如，获取该配置信息中该组件的坐标位置、行为信息等，以及该样式表中组件的格式信息以及颜色信息等。通过坐标位置、行为信息等对该组件进行配置，通过该格式信息以及颜色信息等对该组件进行渲染，生成对应的页面。

在本发明实施例中，通过组件开发规范对页面生成系统中已存储的既有组件进行开发，生成对应的扩展组件，将该扩展组件进行打包，存储至页面生成系统的组件库中作为页面生成的组件，确定页面生成系统中获取的组件在预置组件管理库中的配置信息以及该组件在预置样式管理库中的样式表，在检测到目标生成系统运行时，通过配置信息以及该样式表，生成对应的页面，提高了开发效率，在组件方面提供了复用的能力，实现组件的多样化，也避免了生成页面不一致的问题。

请参照图5，图5为本申请实施例提供的一种页面生成装置的示意性框图。

如图5所示，该页面生成装置400，包括：获取模块401、第一确定模块402、第二确定模块403、生成模块404。

获取模块401，用于获取页面生成系统中的组件；

第一确定模块402，用于基于预置组件管理库，确定所述组件的配置信息；

第二确定模块403，用于基于预置样式管理库，确定所述组件的样式表；

生成模块404，用于检测目标应用系统运行，根据所述配置信息和所述样式表，生成对应的页面。

其中，页面生成装置具体还用于：

根据预置插件对待扩展组件进行扩展，生成对应的扩展组件；对所述扩展组件进行打包，生成对应的软件开发工具包；将所述软件开发工具包存储至所述页面生成系统的存储路径中。

其中，页面生成装置具体还用于：

确定所述组件中待扩展组件，并获取所述待扩展组件的属性信息；基于预置组件规范信息修改所述待扩展组件的属性信息，生成对应的扩展组件。

其中，第一确定模块402具体还用于：

获取所述页面生成系统的存储路径；基于所述存储路径，访问所述存储路径中的预置组件管理库；查询所述预置组件管理库，确定所述预置组件管理库中所述组件的行为配置信息、数据配置信息以及坐标配置信息。

其中，第二确定模块403具体还用于：

检测用户的操作指令；基于所述操作指令，确定预置样式管理库中所述操作指令对应的样式表。

其中，生成模块404具体还用于：

通过所述目标应用系统加载所述行为配置信息、所述数据配置信息、所述坐标配置信息以及所述样式表；基于所述行为配置信息对所述组件进行行为配置；基于所述数据配置信息对所述组件进行数据配置；基于所述坐标配置信息对所述组件进行坐标配置；基于所述样式表对所述组件进行渲染配置，生成对应的页面。

其中，生成模块404具体还用于：

通过目标应用系统下载所述行为配置信息、所述数据配置信息、所述坐标配置信息以及所述样式表；基于所述行为配置信息对所述组件进行行为配置；基于所述数据配置信息对所述组件进行数据配置；基于所述坐标配置信息对所述组件进行坐标配置；基于所述样式表对所述组件进行渲染配置，生成对应的页面。

需要说明的是，所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，上述描述的装置和各模块及单元的具体工作过程，可以参考前述页面生成方法实施例中的对应过程，在此不再赘述。

上述实施例提供的装置可以实现为一种计算机程序的形式，该计算机程序可以在如图6所示的计算机设备上运行。

请参阅图6，图6为本申请实施例提供的一种计算机设备的结构示意性框图。该计算机设备可以为终端。

如图6所示，该计算机设备包括通过系统总线连接的处理器、存储器和网络接口，其中，存储器可以包括非易失性存储介质和内存储器。

非易失性存储介质可存储操作系统和计算机程序。该计算机程序包括程序指令，该程序指令被执行时，可使得处理器执行任意一种页面生成方法。

处理器用于提供计算和控制能力，支撑整个计算机设备的运行。

内存储器为非易失性存储介质中的计算机程序的运行提供环境，该计算机程序被处理器执行时，可使得处理器执行任意一种页面生成方法。

该网络接口用于进行网络通信，如发送分配的任务等。本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

应当理解的是，处理器可以是中央处理单元(centralprocessingunit，cpu)，该处理器还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现场可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。其中，通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

其中，在一个实施例中，所述处理器用于运行存储在存储器中的计算机程序，以实现如下步骤：

获取页面生成系统中的组件；基于预置组件管理库，确定所述组件的配置信息；基于预置样式管理库，确定所述组件的样式表；检测到目标应用系统运行时，根据所述配置信息和所述样式表，生成对应的页面。

在一个实施例中，所述处理器在所述组件包括扩展组件；所述获取页面生成系统中的组件之前实现时，用于实现：

根据预置插件对待扩展组件进行扩展，生成对应的扩展组件；对所述扩展组件进行打包，生成对应的软件开发工具包；将所述软件开发工具包存储至所述页面生成系统的存储路径中。

在一个实施例中，所述处理器在所述生成对应的软件开发工具包实现时，用于实现：

确定所述组件中待扩展组件，并获取所述待扩展组件的属性信息；基于预置组件规范信息修改所述待扩展组件的属性信息，生成对应的扩展组件。

在一个实施例中，所述处理器在其中，所述配置信息包括行为配置信息、数据配置信息以及坐标配置信息；所述基于预置组件管理库，获取所述组件的配置信息实现时，用于实现：

获取所述页面生成系统的存储路径；基于所述存储路径，访问所述存储路径中的预置组件管理库；查询所述预置组件管理库，确定所述预置组件管理库中所述组件的行为配置信息、数据配置信息以及坐标配置信息。

在一个实施例中，所述处理器在所述基于预置样式管理库，获取所述组件的样式表时，用于实现：

检测用户的操作指令；基于所述操作指令，确定预置样式管理库中所述操作指令对应的样式表。

在一个实施例中，所述处理器在根据所述配置信息和所述样式表，生成对应的页面实现时，用于实现：

通过所述目标应用系统加载所述行为配置信息、所述数据配置信息、所述坐标配置信息以及所述样式表；基于所述行为配置信息对所述组件进行行为配置；基于所述数据配置信息对所述组件进行数据配置；基于所述坐标配置信息对所述组件进行坐标配置；基于所述样式表对所述组件进行渲染配置，生成对应的页面。

在一个实施例中，所述处理器在根据所述配置信息和所述样式表，生成对应的页面实现时，还用于实现：

通过目标应用系统下载所述行为配置信息、所述数据配置信息、所述坐标配置信息以及所述样式表；基于所述行为配置信息对所述组件进行行为配置；基于所述数据配置信息对所述组件进行数据配置；基于所述坐标配置信息对所述组件进行坐标配置；基于所述样式表对所述组件进行渲染配置，生成对应的页面。

本申请实施例还提供一种计算机可读存储介质，所述计算机可读存储介质上存储有计算机程序，所述计算机程序中包括程序指令，所述程序指令被执行时所实现的方法可参照本申请页面生成方法的各个实施例。

其中，所述计算机可读存储介质可以是前述实施例所述的计算机设备的内部存储单元，例如所述计算机设备的硬盘或内存。所述计算机可读存储介质也可以是所述计算机设备的外部存储设备，例如所述计算机设备上配备的插接式硬盘，智能存储卡(smartmediacard，smc)，安全数字(securedigital，sd)卡，闪存卡(flashcard)等。

进一步地，所述计算机可读存储介质可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序等；存储数据区可存储根据区块链节点的使用所创建的数据等。

本发明所指区块链是预置组件管理库和预置样式管理库的存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。区块链(blockchain)，本质上是一个去中心化的数据库，是一串使用密码学方法相关联产生的数据块，每一个数据块中包含了一批次网络交易的信息，用于验证其信息的有效性(防伪)和生成下一个区块。区块链可以包括区块链底层平台、平台产品服务层以及应用服务层等。

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

上述本申请实施例序号仅仅为了描述，不代表实施例的优劣。以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。