CN118092914A - 页面生成方法、装置、设备、存储介质及低代码生成系统 - Google Patents

Abstract

本申请提供一种页面生成方法、装置、设备、存储介质及低代码生成系统，该方法包括：获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令；根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；根据所述页面设计指令，将所述目标组件组装成目标页面。本申请采用的低代码生成系统的组件库中不仅存储有低代码平台开发者提供的限定数量的原生组件，还存储有自低代码生成系统外部导入的模板页面转化成的导入组件，提供了更丰富的备选组件，使用户能够更加灵活的定制前端页面。

Description

页面生成方法、装置、设备、存储介质及低代码生成系统

技术领域

本申请涉及软件开发技术领域，尤其涉及一种页面生成方法、装置、设备、存储介质及低代码生成系统。

背景技术

随着软件技术的发展和信息化系统建设的深入，越来越多的企业寻求更高效的开发平台来实现应用类软件的开发，速度更快、成本更低的低代码平台得到广泛应用。低代码平台提供了可视化应用程序开发的方法，通过对组件库中的组件进行可视化的拖拽操作来创建页面和移动应用程序。

传统的低代码平台仅提供默认的组件，用户只能利用低代码平台开发者提供的限定数量的原生组件进行页面开发，导致借助低代码平台开发出的不同应用在页面上具有趋同性，难以满足用户对前端页面的定制化需求。

发明内容

有鉴于此，本申请实施例致力于提供了一种页面生成方法、装置、设备、存储介质及低代码生成系统，能够使用户能够更加灵活的定制应用程序的前端页面。

根据本申请实施例的第一方面，提供了一种页面生成方法，应用于低代码生成系统，包括：

获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；

根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；

根据所述页面设计指令，将所述目标组件组装成目标页面。

可选的，所述页面设计指令包括待生成的目标页面的页面结构信息；

所述根据所述页面设计指令，将所述目标组件组装成目标页面，包括：

按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装，生成目标页面。

可选的，所述方法还包括：

接收自所述低代码生成系统外部导入的模板页面；

将所述模板页面转化为适配于所述低代码生成系统的导入组件。

可选的，所述将所述模板页面转化为适配于所述低代码生成系统的导入组件，包括：

解析所述模板页面，并从解析的数据中提取所述模板页面的标签代码、样式代码以及逻辑代码；

根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，所述数据对象包括至少一个标签代码以及该标签代码对应的样式代码和逻辑代码，所述匹配规则表示将标签代码与样式代码、逻辑代码进行匹配的规则；

将所述数据对象转化为适配于所述低代码生成系统的导入组件。

可选的，根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，包括：

按照预设的数据对象生成算法对所述模板页面的标签代码、样式代码以及逻辑代码进行处理，得到所述模板页面对应的至少一个数据对象，其中，所述数据对象生成算法用于根据模板页面的结构关系以及预设的匹配规则，利用模板页面的标签代码、样式代码以及逻辑代码，生成模板页面对应的至少一个数据对象。

可选的，所述根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，包括：根据所述组件获取指令，确定所述组件获取指令对应的目标模板页面；从组件库中对应所述目标模板页面的组件集合中获取目标导入组件；对应所述目标模板页面的组件集合中存储有所述目标模板页面转化得到的导入组件；

和/或，

所述按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装之前，所述方法还包括：根据所述页面设计指令，对至少一个所述目标组件的配置参数进行调整，所述配置参数包括样式、尺寸、行为中的至少一项。

根据本申请实施例的第二方面，提供了一种页面生成装置，应用于低代码生成系统，包括：

第一单元，用于获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；

第二单元，用于根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；

第三单元，用于根据所述页面设计指令，将所述目标组件组装成目标页面。

根据本申请实施例的第三方面，提供了一种电子设备，包括存储器和处理器；

所述存储器与所述处理器连接，用于存储程序；

所述处理器用于通过运行所述存储器中的程序，实现如本申请实施例的第一方面中任意一项所述的页面生成方法。

根据本申请实施例的第四方面，提供了一种存储介质，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时，实现如本申请实施例的第一方面中任意一项所述的页面生成方法。

根据本申请实施例的第五方面，提供了一种低代码生成系统，包括：

服务器和客户端，其中，

所述服务器用于获取模板页面，将所述模板页面转化为适配于所述低代码生成系统的导入组件，将所述导入组件存储至组件库以及将所述导入组件发送至所述客户端进行展示；所述组件库中还存储有所述低代码生成系统的原生组件；

所述客户端用于获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；将所述用户操作指令发送至所述服务器，以使所述服务器根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，并根据所述页面设计指令，将所述目标组件组装成目标页面。

本申请提出的页面生成方法，首先获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；然后根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；最后根据所述页面设计指令，将所述目标组件组装成目标页面。

本申请提出的页面生成方法，采用的低代码生成系统的组件库中不仅存储有低代码平台开发者提供的限定数量的原生组件，还存储有自低代码生成系统外部导入的模板页面转化成的导入组件，为用户页面开发提供了更丰富的备选组件，且用户能够根据页面定制化需求，自由导入已开发完成的模板页面，使得用户能够更加灵活的定制应用程序的前端页面。

附图说明

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

图1为本申请实施例提供的一种低代码生成系统的结构示意图。

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

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

图4为本申请实施例提供的将模板页面转化为适配于低代码生成系统的导入组件的处理流程示意图。

图5为本申请实施例提供的一种页面生成装置的结构示意图。

图6为本申请实施例提供的一种电子设备的结构示意图。

具体实施方式

本申请实施例技术方案适用于应用在各种利用低代码开发技术进行前端页面开发的场景中，由该场景中的低代码生成系统执行，具体可以由低代码生成系统的服务器执行。采用本申请实施例提供的技术方案，能够使用户能够更加灵活的定制应用程序的前端页面，满足用户对前端页面的定制化需求。

本申请实施例提供的技术方案可示例性地应用于处理器、电子设备、服务器(包括云服务器)等硬件设备，或包装成软件程序被运行，当硬件设备执行本申请实施例技术方案的处理过程，或上述软件程序被运行时，可以实现目标任务的自动拆分和自动调用任务所需的应用程序接口，完成目标任务的目的。本申请实施例只对本申请技术方案的具体处理过程进行示例性介绍，并不对本申请技术方案的具体实现形式进行限定，任意的可以执行本申请技术方案处理过程的技术实现形式，都可以被本申请实施例所采用。

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

在介绍本申请方案之前，首先对相关技术进行介绍：

随着软件技术的发展和信息化系统建设的深入，越来越多的企业寻求更高效的开发平台来实现应用类软件的开发，速度更快、成本更低的低代码开发平台得到广泛应用。低代码开发平台提供了可视化应用程序开发的方法，通过对组件库中的组件进行可视化的拖拽操作来创建页面和移动应用程序。

具体的，低代码开发平台提供了一系列预构建的组件，这些组件可以是用户界面组件(如按钮、表格、图表等)，也可以是业务逻辑组件(如数据处理、验证规则等)，还可以是集成组件(如连接到外部系统的API调用)。低代码开发平台还提供了一个可视化界面，让开发人员可以通过拖放和配置组件来创建应用程序。通过组件化开发，开发人员可以重复使用现有组件，提高开发效率，并且不需要从头开始编写所有的代码。

然而，传统的低代码平台仅提供默认的组件，用户只能利用低代码平台开发者提供的限定数量的原生组件进行页面开发，导致借助低代码平台开发出的不同应用在页面上具有趋同性，难以满足用户对前端页面的定制化需求。

有鉴于此，本申请实施例致力于提供了一种页面生成方法、装置、设备、存储介质及低代码生成系统，能够使用户能够更加灵活的定制应用程序的前端页面，在以下实施例中逐一进行详细说明。

示例性系统

为了便于理解，现对本申请实施例提供的一种低代码生成系统进行介绍。

图1为本申请实施例提供的一种低代码生成系统的结构示意图，如图1所示，本实施例提供的低代码生成系统包括：服务器110和客户端120。

其中，服务器110与客户端120通信连接，用户可以通过客户端120与服务器110进行交互。

服务器110可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群，还可以是提供云计算服务的云服务器或者是虚拟机，本申请对此不做限定。

客户端120可以是具有显示屏并且支持网页浏览的各种终端设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等，还可以是运行在终端设备上的应用程序，例如Web浏览器、桌面应用程序、移动应用程序等，本申请对此不做限定。

通信网络可以是任意形式的无线通信网络或有线通信网络，或其任意组合，本申请对此不做限定。

服务器110用于获取模板页面，将所述模板页面转化为适配于所述低代码生成系统的导入组件，将所述导入组件存储至组件库以及将所述导入组件发送至所述客户端进行展示；所述组件库中还存储有所述低代码生成系统的原生组件；

客户端120用于获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；将所述用户操作指令发送至所述服务器，以使所述服务器根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，并根据所述页面设计指令，将所述目标组件组装成目标页面。

示例性方法

图2为本申请实施例提供的一种页面生成方法的流程图。本申请实施例提供的页面生成方法，示例性的应用于如图1所示的低代码生成系统，具体由服务器110执行。如图2所示，本实施例提供的页面生成方法包括步骤S201-S203：

S201、获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令；所述组件获取指令包括用于生成目标页面的组件信息。

用户操作指令可以理解为低代码生成系统与用户进行交互时，响应于用户的第一操作而获取的指令。第一操作为与页面生成相关的操作。用户操作指令可以使得服务器根据该指令生成用户需要的目标页面。

用户操作指令包括组件获取指令和页面设计指令，此外，用户操作指令还可以包括其他与页面生成相关的指令，本申请对此不做限定。

目标页面可以理解为用户需要的应用程序的前端页面。目标页面由一个或多个组件组成。组件是低代码生成系统的基本构建块，可以是用户界面组件、业务逻辑组件或集成组件等。

组件获取指令可以理解为响应于用户添加组件的操作而生成的指令，包括用户需要的用于生成目标页面的组件信息，能够指示服务器根据该组件信息从低代码生成系统的组件库中获取对应的组件。

组件信息可以理解为组件的相关信息，例如，用于对组件进行识别和定位的组件标识等。

页面设计指令可以理解为响应于指导目标页面外观和布局的操作指令，可以包括目标页面的页面结构信息、组件的配置参数信息、组件的交互行为信息等，用于定义目标页面的结构、样式、交互性行为等，可以指示服务器根据该页面设计指令对从组件库中获取的组件进行与页面设计相关的操作，进而生成目标页面。

可选的，用户使用低代码生成系统的客户端提供的操作界面(可视化拖放界面、图形用户界面、命令行界面等)与低代码生成系统进行交互，响应于用户的与页面生成相关的操作(例如添加组件、设置组件属性、调整组件样式、删除组件等)，客户端获取到用户操作指令，并将获取到的用户操作指令发送给服务器，服务器获取到用户操作指令。

S202、根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件。

组件库中存储有导入组件和所述低代码生成系统的原生组件。

其中，所述原生组件包括所述低代码生成系统内部提供的原有组件。

低代码生成系统内部提供的原有组件可以理解为低代码生成系统开发人员在进行系统开发时，自行创建并内置于低代码生成系统内部的原有组件，为低代码生成系统提供的固有组件，具有预定义的默认样式和外观，能够提供常见的基本功能和界面元素，满足用户的大多数常见需求。但是，受低代码生成系统的限制，低代码生成系统内部提供的原有组件的数量和样式相对固定，难以满足用户的一些个性化和定制化需求。

所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件。

所述模板页面可以理解为由开发人员或设计师在低代码生成系统外部创建的前端页面，这通常包括HTML、CSS、JavaScript等前端技术，以定义应用程序的用户界面元素、样式和行为。模板页面可以是完整的网站页面模板，也可以是特定页面的模板。

可选的，低代码生成系统设置有传输接口，低代码生成系统外部的模板页面预先通过该传输接口被导入低代码生成系统，低代码生成系统接收被导入的模板页面，将被导入的模板页面转化为适配于低代码生成系统的导入组件，并将导入组件存储至组件库，即在执行步骤S202之前，组件库中预先存储有导入组件。

可选的，组件库中存储有执行本次页面生成方法之前，自低代码生成系统外部导入至低代码生成系统的多个模板页面转化成的导入组件，在执行本次页面生成方法时，可以在组件库中选择组件库中已经存储的导入组件。

可选的，在执行页面生成方法时，还需要接收用户导入至低代码生成系统的模板页面，将接收的模板页面转化为适配于所述低代码生成系统的导入组件，并将导入组件存储至组件库中。

对于接收自所述低代码生成系统外部导入的模板页面，以及将所述模板页面转化为适配于所述低代码生成系统的导入组件的具体内容，将在后续内容进行详细说明，在此不做赘述。

所述目标组件可以理解为用于生成目标页面的组件。

所述目标组件包括原生组件和/或导入组件。

具体的，在获取到组件获取指令后，根据组件获取指令中包含的用于生成目标页面的组件信息，在组件库中进行查找，确定并获取组件获取指令对应的目标组件。

可选的，用于生成目标页面的组件信息包括目标组件标识。根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，包括：直接在组件库中查找目标组件标识，确定并获取目标组件标识对应的目标组件，即组件获取指令对应的目标组件。

可选的，用于生成目标页面的组件信息包括目标模板页面信息以及目标组件标识。根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，包括步骤A1-A2：

A1、根据所述组件获取指令，确定所述组件获取指令对应的目标模板页面。

根据组件获取指令中的目标模板页面信息，确定组件获取指令对应的目标模板页面。

A2、从组件库中对应所述目标模板页面的组件集合中获取目标导入组件；对应所述目标模板页面的组件集合中存储有所述目标模板页面转化得到的导入组件。

组件库中包括对应至少一个模板页面的组件集合，每一个对应模板页面的组件集合中均存储有该模板页面转化得到的导入组件。

在确定组件获取指令对应的目标模板页面后，即可确定对应目标模板页面的组件集合，然后根据组件获取指令中的目标组件标识，在对应目标模板页面的组件集合中确定并获取目标组件标识对应的目标导入组件。

可选的，用于生成目标页面的组件信息包括目标模板页面信息。根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，包括：根据组件获取指令中的目标模板页面信息，确定组件获取指令对应的目标模板页面，将组件库中对应目标模板页面的组件集合中的所有导入组件确定为目标导入组件，获取目标导入组件。

可选的，根据组件获取指令中的目标模板页面信息，确定组件获取指令对应多个目标模板页面，那么，需要从组件库中各个目标模板页面各自对应的组件集合中分别获取导入组件。

S203、根据所述页面设计指令，将所述目标组件组装成目标页面。

具体的，在获取到目标组件后，根据页面设计指令对目标组件进行组装，即可生成目标页面。

作为一种可选的实现方式，所述页面设计指令包括待生成的目标页面的页面结构信息。在该实现方式中，根据所述页面设计指令，将所述目标组件组装成目标页面，包括：按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装，生成目标页面。

其中，目标页面的页面结构信息可以理解为目标页面的组件结构和布局信息，描述了组成目标页面的各个目标组件的层次结构、相互关系以及布局信息，例如各个目标组件之间的嵌套关系、父子组件关系，例如目标组件在目标页面中的位置。

具体的，在获取到目标组件后，根据页面设计指令中的目标页面的页面结构信息，对各个目标组件进行组装，生成符合该页面结构信息的目标页面。

作为一种可选的实现方式，按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装之前，本申请实施例提供的页面生成方法还包括：

根据所述页面设计指令，对至少一个所述目标组件的配置参数进行调整，所述配置参数包括样式、尺寸、行为中的至少一项。

在该实现方式中，所述页面设计指令还包括目标组件的至少一个配置参数信息，用于指示服务器根据该配置参数信息对目标组件的至少一个配置参数进行调整，以使得目标组件的配置参数满足页面设计指令的要求。

所述样式可以理解为目标组件的外观和风格，例如背景颜色、字体样式、边框样式等。所述尺寸可以理解为目标组件的宽度、高度以及其他相关尺寸参数。所述行为可以理解为目标组件的交互行为，例如点击触发的操作、显示和隐藏的条件等。

需要说明的是，所述配置参数还可以包括除样式、尺寸、行为外的其他配置参数，例如权限和访问控制参数、数据绑定参数等，本申请对此不做限定。

本申请提出的页面生成方法，首先获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；然后根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；最后根据所述页面设计指令，将所述目标组件组装成目标页面。

本申请提出的页面生成方法，采用的低代码生成系统的组件库中不仅存储有低代码平台开发者提供的限定数量的原生组件，还存储有自低代码生成系统外部导入的模板页面转化成的导入组件，为用户页面开发提供了更丰富的备选组件，且用户能够根据页面定制化需求，自由导入已开发完成的模板页面，使得用户能够更加灵活的定制应用程序的前端页面。

图3为本申请实施例提供的另一种页面生成方法的流程示意图，如图3所示，所述方法还包括步骤S301-S302：

S301、接收自所述低代码生成系统外部导入的模板页面。

低代码生成系统具有接收自低代码生成系统外部导入的模板页面的功能，用户可以通过该功能将低代码生成系统外部的模板页面导入低代码生成系统。

可选的，低代码生成系统设置有传输接口，低代码生成系统外部的模板页面通过该传输接口被导入低代码生成系统，低代码生成系统接收被导入的模板页面。

S302、将所述模板页面转化为适配于所述低代码生成系统的导入组件。

将所述模板页面转化为适配于所述低代码生成系统的导入组件可以理解为按照低代码生成系统的规范和标准，对模板页面进行转化，将模板页面转化为符合低代码生成系统要求的导入组件，生成的导入组件可以在低代码生成系统中进行可视化编辑和配置，符合低代码生成系统的规范和标准，具有可重用性和扩展能力，能够创建个性化、定制化的应用程序。

如图4所示，作为一种可选的实现方式，步骤S302包括步骤S401-S403：

S401、解析所述模板页面，并从解析的数据中提取所述模板页面的标签代码、样式代码以及逻辑代码。

可选的，模板页面以数据流的方式被导入低代码生成系统，解析模板页面可以理解为低代码生成系统接收到模板页面的数据流后，对模板页面的数据流进行解析，将其渲染成HTML文本格式，得到解析后的数据。

解析后的数据包括模板页面的标签代码、样式代码以及逻辑代码，此时，模板页面的标签代码、样式代码以及逻辑代码混合存在，需要从解析的数据中提取模板页面的标签代码、样式代码以及逻辑代码，以分离模板页面的标签代码、样式代码以及逻辑代码，使其各自独立存在。

可选的，利用适当的解析器或者相关的开发工具解析模板页面。

可选的，编写适当的正则表达式，从解析的数据中提取模板页面的标签代码、样式代码以及逻辑代码。

可选的，利用HTML解析器，例如BeautifulSoup或DOM解析器，从解析的数据中提取模板页面的标签代码、样式代码以及逻辑代码。

解析模板页面，以及从解析的数据中提取所述模板页面的标签代码、样式代码、逻辑代码的具体实现方式根据实际情况确定，本申请对此不做限定。

S402、根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，所述数据对象包括至少一个标签代码以及该标签代码对应的样式代码和逻辑代码。

所述匹配规则表示将标签代码与样式代码、逻辑代码进行匹配的规则，用于为每一个标签代码匹配样式代码和逻辑代码。例如，匹配规则为根据标签代码的关键词或属性为标签代码匹配对应的样式代码，根据标签代码的属性或事件名为标签代码匹配对应的逻辑代码。所述匹配规则可以是任意能够实现将标签代码与样式代码和逻辑代码进行匹配的规则，本申请对匹配规则的具体内容不做限定。

具体的，预先设置并存储有匹配规则，在提取模板页面的标签代码、样式代码以及逻辑代码后，根据预设的匹配规则，为每一个标签代码匹配对应的样式代码和逻辑代码，即为每一个标签匹配样式和交互事件。

模板页面的结构关系可以理解为模板页面各个标签之间的嵌套关系，例如，一个<div>标签可能包含多个<span>标签，形成一个嵌套的结构。根据模板页面的结构关系，可以确定模板页面中元素的关系和布局。

所述数据对象可以理解为包含标签代码以及标签代码对应的样式代码和逻辑代码的数据结构，表示模板页面的一个或多个标签及其相关的样式和逻辑属性，用于定义和描述模板页面上元素的布局、属性和关系，使得系统能够根据数据对象生成相应的组件。

可选的，数据对象可以是一个键值对的集合，其中键是标签代码，值是该标签代码对应的样式代码和逻辑代码。例如，包含<div>标签的数据对象可能是{'div':['div的样式','div的逻辑']}。

可选的，数据对象以JSON、XML或其他易于解析的格式存储。

每个数据对象通常代表模板页面的一个组件，包含该组件对应的标签代码、样式代码和逻辑代码，因此一个数据对象包括至少一个标签代码，以及各个标签代码各自对应的样式代码和逻辑代码。

具体的，在为每一个标签代码匹配对应的样式代码和逻辑代码后，根据标签代码、标签代码对应的样式代码和逻辑代码，以及模板页面的结构关系，可以确定模板页面中元素的关系和布局，进而确定每一个数据对象应包括的标签代码，生成模板页面对应的至少一个数据对象。

作为一种可选的实现方式，根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，包括：

按照预设的数据对象生成算法对所述模板页面的标签代码、样式代码以及逻辑代码进行处理，得到所述模板页面对应的至少一个数据对象。

其中，所述数据对象生成算法预先设置并存储在服务器中，用于根据模板页面的结构关系以及预设的匹配规则，利用模板页面的标签代码、样式代码以及逻辑代码，生成模板页面对应的至少一个数据对象。

具体的，在提取模板页面的标签代码、样式代码以及逻辑代码后，服务器调用预设的数据对象生成算法，将模板页面的标签代码、样式代码以及逻辑代码输入数据对象生成算法中，运行数据对象生成算法，得到模板页面对应的至少一个数据对象。

S403、将所述数据对象转化为适配于所述低代码生成系统的导入组件。

生成模板页面对应的数据对象后，将各个数据对象各自转化为适配于低代码生成系统的可用于可视化操作的导入组件。

该可选实现方式中，通过系统转义，模板页面应用的不同技术栈都转化成原生JavaScript、CSS、HTML的实现方式，统一了技术栈，解决了样式和语法的不统一导致的兼容问题。

示例性装置

与上述的页面生成方法对应的，本申请实施例还提供了一种页面生成装置。图5是本申请实施例提供的一种页面生成装置的结构示意图，如图5所示，本申请实施例提供的页面生成装置包括：

第一单元501，用于获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；

第二单元502，用于根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；

第三单元503，用于根据所述页面设计指令，将所述目标组件组装成目标页面。

本申请提出的页面生成装置，所应用的低代码生成系统的组件库中不仅存储有低代码平台开发者提供的限定数量的原生组件，还存储有自低代码生成系统外部导入的模板页面转化成的导入组件，为用户页面开发提供了更丰富的备选组件，且用户能够根据页面定制化需求，自由导入已开发完成的模板页面，使得用户能够更加灵活的定制应用程序的前端页面。

可选的，所述页面设计指令包括待生成的目标页面的页面结构信息；

第三单元503具体可以用于：

按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装，生成目标页面。

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

第四单元，用于接收自所述低代码生成系统外部导入的模板页面；

第五单元，用于将所述模板页面转化为适配于所述低代码生成系统的导入组件。

可选的，第五单元具体可以用于：

解析所述模板页面，并从解析的数据中提取所述模板页面的标签代码、样式代码以及逻辑代码；

根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，所述数据对象包括至少一个标签代码以及该标签代码对应的样式代码和逻辑代码，所述匹配规则表示将标签代码与样式代码、逻辑代码进行匹配的规则；

将所述数据对象转化为适配于所述低代码生成系统的导入组件。

可选的，第五单元具体可以用于：

按照预设的数据对象生成算法对所述模板页面的标签代码、样式代码以及逻辑代码进行处理，得到所述模板页面对应的至少一个数据对象，其中，所述数据对象生成算法用于根据模板页面的结构关系以及预设的匹配规则，利用模板页面的标签代码、样式代码以及逻辑代码，生成模板页面对应的至少一个数据对象。

可选的，第二单元502具体可以用于：

根据所述组件获取指令，确定所述组件获取指令对应的目标模板页面；从组件库中对应所述目标模板页面的组件集合中获取目标导入组件；对应所述目标模板页面的组件集合中存储有所述目标模板页面转化得到的导入组件；

和/或，

在按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装之前，第三单元503具体还可以用于：

根据所述页面设计指令，对至少一个所述目标组件的配置参数进行调整，所述配置参数包括样式、尺寸、行为中的至少一项。

本实施例提供的页面生成装置，与本申请上述实施例所提供的页面生成方法属于同一申请构思，可执行本申请上述任意实施例所提供的页面生成方法，具备执行页面生成方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本申请上述实施例提供的页面生成方法的具体处理内容，此处不再加以赘述。

以上的第一单元501、第二单元502和第三单元503所实现的功能可以分别由相同或不同的处理器实现，本申请实施例不作限定。

应理解以上装置中的单元可以以处理器调用软件的形式实现。例如该装置包括处理器，处理器与存储器连接，存储器中存储有指令，处理器调用存储器中存储的指令，以实现以上任一种方法或实现该装置各单元的功能，其中处理器可以为通用处理器，例如CPU或微处理器等，存储器可以为装置内的存储器或装置外的存储器。或者，装置中的单元可以以硬件电路的形式实现，可以通过对硬件电路的设计，实现部分或全部单元的功能，该硬件电路可以理解为一个或多个处理器；例如，在一种实现中，该硬件电路为ASIC，通过对电路内元件逻辑关系的设计，实现以上部分或全部单元的功能；再如，在另一种实现中，该硬件电路可以通过PLD实现，以FPGA为例，其可以包括大量逻辑门电路，通过配置文件来配置逻辑门电路之间的连接关系，从而实现以上部分或全部单元的功能。以上装置的所有单元可以全部通过处理器调用软件的形式实现，或全部通过硬件电路的形式实现，或部分通过处理器调用软件的形式实现，剩余部分通过硬件电路的形式实现。

在本申请实施例中，处理器是一种具有信号的处理能力的电路，在一种实现中，处理器可以是具有指令读取与运行能力的电路，例如CPU、微处理器、GPU或DSP等；在另一种实现中，处理器可以通过硬件电路的逻辑关系实现一定功能，该硬件电路的逻辑关系是固定的或可以重构的，例如处理器为ASIC或PLD实现的硬件电路，例如FPGA等。在可重构的硬件电路中，处理器加载配置文档，实现硬件电路配置的过程，可以理解为处理器加载指令，以实现以上部分或全部单元的功能的过程。此外，还可以是针对人工智能设计的硬件电路，其可以理解为一种ASIC，例如NPU、TPU、DPU等。

可见，以上装置中的各单元可以是被配置成实施以上方法的一个或多个处理器(或处理电路)，例如：CPU、GPU、NPU、TPU、DPU、微处理器、DSP、ASIC、FPGA，或这些处理器形式中至少两种的组合。

此外，以上装置中的各单元可以全部或部分可以集成在一起，或者可以独立实现。在一种实现中，这些单元集成在一起，以SOC的形式实现。该SOC中可以包括至少一个处理器，用于实现以上任一种方法或实现该装置各单元的功能，该至少一个处理器的种类可以不同，例如包括CPU和FPGA，CPU和人工智能处理器，CPU和GPU等。

示例性电子设备

本申请另一实施例还提出一种电子设备，参见图6所示，该设备包括：

存储器200和处理器210；

其中，所述存储器200与所述处理器210连接，用于存储程序；

所述处理器210，用于通过运行所述存储器200中存储的程序，实现上述任一实施例公开的页面生成方法。

具体的，上述电子设备还可以包括：总线、通信接口220、输入设备230和输出设备240。

处理器210、存储器200、通信接口220、输入设备230和输出设备240通过总线相互连接。其中：

总线可包括一通路，在计算机系统各个部件之间传送信息。

处理器210可以是通用处理器，例如通用中央处理器(CPU)、微处理器等，也可以是特定应用集成电路(application-specific integrated circuit，ASIC)，或一个或多个用于控制本发明方案程序执行的集成电路。还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。

处理器210可包括主处理器，还可包括基带芯片、调制解调器等。

存储器200中保存有执行本发明技术方案的程序，还可以保存有操作系统和其他关键业务。具体地，程序可以包括程序代码，程序代码包括计算机操作指令。更具体的，存储器200可以包括只读存储器(read-only memory，ROM)、可存储静态信息和指令的其他类型的静态存储设备、随机存取存储器(random access memory，RAM)、可存储信息和指令的其他类型的动态存储设备、磁盘存储器、flash等等。

输入设备230可包括接收用户输入的数据和信息的装置，例如键盘、鼠标、摄像头、扫描仪、光笔、语音输入装置、触摸屏、计步器或重力感应器等。

输出设备240可包括允许输出信息给用户的装置，例如显示屏、打印机、扬声器等。

通信接口220可包括使用任何收发器一类的装置，以便与其他设备或通信网络通信，如以太网，无线接入网(RAN)，无线局域网(WLAN)等。

处理器210执行存储器200中所存放的程序，以及调用其他设备，可用于实现本申请上述实施例所提供的任意一种页面生成方法的各个步骤。

本申请实施例还提出一种芯片，该芯片包括处理器和数据接口，所述处理器通过所述数据接口读取并运行存储器上存储的程序，以执行上述任意实施例所介绍的页面生成方法，具体处理过程及其有益效果可参见上述的页面生成方法的实施例介绍。

示例性计算机程序产品和存储介质

除了上述方法和设备以外，本申请的实施例还可以是计算机程序产品，其包括计算机程序指令，所述计算机程序指令在被处理器运行时使得所述处理器执行本说明书上述任意实施例中描述的根据本申请各种实施例的页面生成方法中的步骤。

所述计算机程序产品可以以一种或多种程序设计语言的任意组合来编写用于执行本申请实施例操作的程序代码，所述程序设计语言包括面向对象的程序设计语言，诸如Java、C++等，还包括常规的过程式程序设计语言，诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行，或者完全在远程计算设备或服务器上执行。

此外，本申请的实施例还可以是存储介质，其上存储有计算机程序，计算机程序被处理器执行本说明书上述任意实施例中描述的根据本申请各种实施例的页面生成方法中的步骤，具体可以实现以下步骤：

S201、获取用户操作指令，所述用户操作指令包括组件获取指令；所述组件获取指令包括用于生成目标页面的组件信息。

S202、根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有原生组件和导入组件，所述原生组件包括所述低代码生成系统内部提供的原有组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件。

S203、基于所述目标组件生成目标页面。

对于前述的各方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定是本申请所必须的。

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

本申请各实施例方法中的步骤可以根据实际需要进行顺序调整、合并和删减，各实施例中记载的技术特征可以进行替换或者组合。

本申请各实施例种装置及终端中的模块和子模块可以根据实际需要进行合并、划分和删减。

本申请所提供的几个实施例中，应该理解到，所揭露的终端，装置和方法，可以通过其它的方式实现。例如，以上所描述的终端实施例仅仅是示意性的，例如，模块或子模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个子模块或模块可以结合或者可以集成到另一个模块，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的模块或子模块可以是或者也可以不是物理上分开的，作为模块或子模块的部件可以是或者也可以不是物理模块或子模块，即可以位于一个地方，或者也可以分布到多个网络模块或子模块上。可以根据实际的需要选择其中的部分或者全部模块或子模块来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能模块或子模块可以集成在一个处理模块中，也可以是各个模块或子模块单独物理存在，也可以两个或两个以上模块或子模块集成在一个模块中。上述集成的模块或子模块既可以采用硬件的形式实现，也可以采用软件功能模块或子模块的形式实现。

专业人员还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件单元，或者二者的结合来实施。软件单元可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM或技术领域内所公知的任意其它形式的存储介质中。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

对所公开的实施例的上述说明，使本领域技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的，本文中所定义的一般原理可以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。

Claims (10)

1.一种页面生成方法，应用于低代码生成系统，其特征在于，包括：

获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；

根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；

根据所述页面设计指令，将所述目标组件组装成目标页面。

2.根据权利要求1所述的方法，其特征在于，所述页面设计指令包括待生成的目标页面的页面结构信息；

所述根据所述页面设计指令，将所述目标组件组装成目标页面，包括：

按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装，生成目标页面。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

接收自所述低代码生成系统外部导入的模板页面；

将所述模板页面转化为适配于所述低代码生成系统的导入组件。

4.根据权利要求3所述的方法，其特征在于，所述将所述模板页面转化为适配于所述低代码生成系统的导入组件，包括：

解析所述模板页面，并从解析的数据中提取所述模板页面的标签代码、样式代码以及逻辑代码；

根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，所述数据对象包括至少一个标签代码以及该标签代码对应的样式代码和逻辑代码，所述匹配规则表示将标签代码与样式代码、逻辑代码进行匹配的规则；

将所述数据对象转化为适配于所述低代码生成系统的导入组件。

5.根据权利要求4所述的方法，其特征在于，根据所述模板页面的结构关系以及预设的匹配规则，生成所述模板页面对应的至少一个数据对象，包括：

按照预设的数据对象生成算法对所述模板页面的标签代码、样式代码以及逻辑代码进行处理，得到所述模板页面对应的至少一个数据对象，其中，所述数据对象生成算法用于根据所述模板页面的结构关系以及预设的匹配规则，利用所述模板页面的标签代码、样式代码以及逻辑代码，生成所述模板页面对应的至少一个数据对象。

6.根据权利要求2所述的方法，其特征在于，

所述根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，包括：根据所述组件获取指令，确定所述组件获取指令对应的目标模板页面；从组件库中对应所述目标模板页面的组件集合中获取目标导入组件，其中，对应所述目标模板页面的组件集合中存储有所述目标模板页面转化得到的导入组件；

和/或，

所述按照所述待生成的目标页面的页面结构信息，对所述目标组件进行组装之前，所述方法还包括：根据所述页面设计指令，对至少一个所述目标组件的配置参数进行调整，所述配置参数包括样式、尺寸、行为中的至少一项。

7.一种页面生成装置，应用于低代码生成系统，其特征在于，包括：

第一单元，用于获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；

第二单元，用于根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，所述组件库中存储有导入组件和所述低代码生成系统的原生组件，所述导入组件包括自所述低代码生成系统外部导入的模板页面转化成的组件；

第三单元，用于根据所述页面设计指令，将所述目标组件组装成目标页面。

8.一种电子设备，其特征在于，包括存储器和处理器；

所述存储器与所述处理器连接，用于存储程序；

所述处理器用于通过运行所述存储器中的程序，实现如权利要求1至6中任意一项所述的页面生成方法。

9.一种存储介质，其特征在于，所述存储介质上存储有计算机程序，所述计算机程序被处理器运行时，实现如权利要求1至6中任意一项所述的页面生成方法。

10.一种低代码生成系统，其特征在于，包括：

服务器和客户端，其中，

所述服务器用于获取模板页面，将所述模板页面转化为适配于所述低代码生成系统的导入组件，将所述导入组件存储至组件库以及将所述导入组件发送至所述客户端进行展示；所述组件库中还存储有所述低代码生成系统的原生组件；

所述客户端用于获取用户操作指令，所述用户操作指令包括组件获取指令和页面设计指令，所述组件获取指令包括用于生成目标页面的组件信息；将所述用户操作指令发送至所述服务器，以使所述服务器根据所述组件获取指令，从组件库中获取所述组件获取指令对应的目标组件，并根据所述页面设计指令，将所述目标组件组装成目标页面。