CN113138760B - 一种页面生成方法、装置、电子设备和介质 - Google Patents

Abstract

本公开公开了一种页面生成方法、装置、电子设备和介质，涉及计算机技术领域，尤其涉及页面生成技术、云计算及云服务技术领域。具体实现方案为：从候选组件中选择目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的；对所述目标组件进行渲染，生成目标页面。本公开实现了减少页面生成所需工作量的效果，提高了页面生成的效率。

Description

一种页面生成方法、装置、电子设备和介质

技术领域

本公开涉及计算机技术领域，尤其涉及页面生成技术、云计算及云服务技术领域，特别涉及一种页面生成方法、装置、电子设备和介质。

背景技术

随着大数据时代的到来，各种商业行为都涉及海量的数据，而如何将海量数据向用户进行展示成为了一个亟需解决的问题。目前行业常用的方式是通过数据报表页面向用户提供数据查询及展示的功能。

目前数据报表页面的开发，需要后端和前端的开发人员进行大量的代码编写才能够实现。

发明内容

本公开提供了一种用于生成页面的方法、装置、电子设备和介质。

根据本公开的一方面，提供了一种页面生成方法，包括：

从候选组件中选择目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的；

对所述目标组件进行渲染，生成目标页面。

根据本公开的另一方面，提供了一种页面生成装置，包括：

目标组件选择模块，用于从候选组件中选择目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的；

目标页面生成模块，用于对所述目标组件进行渲染，生成目标页面。

根据本公开的另一方面，提供了一种电子设备，包括：

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行本公开中任一项所述的方法。

根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行本公开中任一项所述的方法。

根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序在被处理器执行时实现根据本公开中任一项所述的方法。

应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。

附图说明

附图用于更好地理解本方案，不构成对本公开的限定。其中：

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

图2A是根据本公开实施例公开的一种页面生成方法的流程图；

图2B是根据本公开实施例公开的一种属性信息配置界面的示意图；

图2C是根据本公开实施例公开的一种目标页面的示意图；

图3是根据本公开实施例公开的一种页面生成装置的结构示意图；

图4是用来实现本公开实施例公开的页面生成方法的电子设备的框图。

具体实施方式

以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

申请人在研发过程中发现，现有的数据报表页面开发过程中，需要后端开发人员以及前端开发人员，针对每个页面展示需求，逐个进行代码编写，任务量较大，导致数据报表页面的生成效率较低。

图1是根据本公开实施例公开的一种页面生成方法的流程图，本实施例可以适用于减少页面生成所需工作量的情况。本实施例方法可以由页面生成装置来执行，所述装置可采用软件和/或硬件实现，并可集成在任意的具有计算能力的电子设备上。

如图1所示，本实施例公开的页面生成方法可以包括：

S101、从候选组件中选择目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的。

其中，组件是用来构成页面的对象，不同组件封装有不同的方法供用户调用以实现对应的功能。不同类型的页面中具有不同类型的组件，以数据报表页面为例，数据报表页面通常具有三种功能：1)数据查询：为用户提供选择日期、时间单位和设备等筛选报表数据的能力。2)数据可视化：以图表的形式呈现用户数据，给客户更直观的数据体验。3)数据披露，以表格的形式详细的呈现用户数据，且支持辅助功能，例如过滤、排序、下载、分享和对比等。因此数据报表页面通常包含有数据筛选类组件、图表类组件、表格类组件和数据处理类组件。候选组件是根据配置的属性信息以及候选组件的代码模板预先生成的，候选组件的属性信息是对候选组件的展示内容以及操作行为的描述，例如表格类组件的表格名称为一种属性信息，又例如表格类组件支持的数据类型也为一种属性信息，又例如数据处理类组件的数据过滤功能支持的过滤操作符也为一种属性信息。

在一种实施方式中，后端开发人员向数据报表SDK(Software Development Kit，软件开发工具包)发送针对任一候选组件属性信息的配置请求，数据报表SDK相应的生成该候选组件对应的可视化属性信息配置界面，后端开发人员在属性信息配置界面中对该候选组件的属性信息进行配置，包括但不限于在可编辑窗口中编辑属性信息，例如，在可编辑窗口中输入表格类组件中任一列表格的标题；或者从展示的候选属性项中选择目标属性项以确定属性信息，例如选择是否对表格类组件中任一列表格数据进行展示。数据报表SDK根据后端开发人员对于该候选组件属性信息的配置操作，确定该候选组件的属性信息，且根据预先编写好的该候选组件对应的代码模板，将属性信息转化成代码段填充到代码模板中，以生成该候选组件。

前端开发人员根据需要的目标组件的标识信息生成渲染指令，且将渲染指令发送给数据报表SDK，数据报表SDK解析得到所述标识信息后，将与所述标识信息匹配的候选组件作为目标组件，其中标识信息包括但不限于组件名称或组件代号等，例如前端人员将数据报表SDK可识别的渲染指令发送给数据报表SDK，例如“XX位置需要组件A”，数据报表SDK相应的将“组件A”作为目标组件。

前端开发人员还可以对数据报表SDK中的筛选类组件的属性信息进行配置。前端开发人员在筛选类组件属性信息配置界面上，对筛选类组件的筛选维度属性信息进行自定义配置，例如将筛选维度属性信息配置为“时间维度”、“日期维度”或“设备维度”等等，若筛选维度属性信息为“时间维度”，则筛选类组件支持按时间对数据进行筛选，若筛选维度属性信息为“日期维度”，则筛选类组件支持按日期对数据进行筛选，若筛选维度属性信息为“设备维度”，则筛选类组件支持按设备对数据进行筛选。

通过从候选组件中选择目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的，使得后端开发人员无需进行大量编码即可得到候选组件，且前端开发人员也无需进行大量编码即可得到待渲染的目标组件，实现了减少页面生成所需工作量的效果。

S102、对所述目标组件进行渲染，生成目标页面。

在一种实施方式中，当数据报表SDK开发完毕之后，数据报表SDK的开发者将数据报表SDK以NPM包的形式通过内容分发网络发送给目标客户，目标客户将数据报表SDK以JS继承的方式通过Ifram嵌入的形式接入到待生成页面中，在本实施例中待生成页面可选的为Web页面。数据报表SDK接入待生成页面后，根据前端开发人员发送的渲染指令从候选组件中选择目标组件，并将目标组件在待生成页面中进行渲染，从而生成目标页面。

可选的，数据报表SDK是基于react技术栈和webpack技术栈中的至少一种开发得到的。

可选的，数据报表SDK还包括如下至少一种功能模块：

1)请求模块，用于建立数据报表SDK与后端开发平台以及目标页面之间的数据通信，其中属性信息配置指令的通信基于第一类接口实现，而数据的通信基于第二类接口实现。例如用户在目标页面中实施了数据查询指令，则通过请求模块中的第二类接口，从后端开发平台的数据源中获取对应的数据，且在目标页面中进行渲染。又例如，通过请求模块中的第一类接口，获取后端开发平台发送的候选组件属性信息的配置指令，对候选组件进行更新。

2)通信模块，用于建立数据报表SDK包含的各功能模块之间的数据通信。

3)演示模块，包含数据报表SDK的使用说明文档和/或示例等，用于指引用户如何使用数据报表SDK。

4)日志模块，用于记录数据报表SDK中的日志信息，例如

5)性能监控模块，用于获取数据报表SDK的性能数据，例如处理每次请求所需的时间。

通过对目标组件进行渲染，生成目标页面，实现了快速生成目标页面的效果。

本公开通过从候选组件中选择目标组件，其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的，并对所述目标组件进行渲染，生成目标页面，使得后端开发人员无需进行大量编码即可得到候选组件，且前端开发人员也无需进行大量编码即可得到待渲染的目标组件，进而实现快速生成目标页面的效果，减少页面生成所需工作量，提高了页面生成的效率。

图2A是根据本公开实施例公开的一种页面生成方法的流程图，基于上述技术方案进一步优化与扩展，并可以与上述各个可选实施方式进行结合。

S201、根据对所述候选组件的属性配置操作，确定候选组件的属性信息。

在一种实施方式中，后端开发人员在数据报表SDK的后端开发平台上对数据报表SDK中候选组件的属性信息进行配置，数据报表SDK根据用户的配置操作，相应确定候选组件的属性信息。

可选的，S201至少包括如下A、B、C和D四种执行方式：

A、根据在表格属性编辑界面对所述候选组件的表格属性编辑操作，确定所述候选组件的表格属性信息；其中，所述表格属性信息包括表格名称、行列标题和行列标题释义中的至少一种。

在一种实施方式中，后端开发人员在后端开发平台中的表格属性编辑界面中，对表格类候选组件的表格属性信息进行配置。示例性的，在表格属性编辑界面的表格名称编辑窗口中输入表格名称，例如“账户报告”或“财务报告”等；在表格属性编辑界面的行列标题编辑窗口中输入表格类候选组件中各行和/或各列的标题，例如“日期”、“流量类型”、“账户”、“展现”、“点击”、“消费”、“点击率”、“平均点击价格”和“千次展现消费”等；在表格属性编辑界面的行列标题释义编辑窗口中，输入表格类候选组件中各行和/或各列的标题说明信息，例如对列标题“点击”的释义为“点击XX页面的点击量”。

可选的，表格属性信息还可以包括表头分组信息和默认显示信息等。

其中，后端开发人员在表格属性编辑界面的表头分组选择窗口中，勾选至少两个表格列作为同一组，或表勾选至少两个表格行作为同一组，且可以在组名编辑窗口中输入各分组的组名。

后端开发人员在表格属性编辑界面中，在任一表格行或表格列对应的默认显示信息选择窗口中进行勾选，以配置表格类候选组件是否默认显示该行或该列的表格数据。

通过根据在表格属性编辑界面对候选组件的表格属性编辑操作，确定候选组件的表格属性信息；其中，表格属性信息包括表格名称、行列标题和行列标题释义中的至少一种，满足了对于表格类候选组件的表格属性信息的配置，为后续生成表格类候选组件奠定了基础。

B、根据在数据类型选择界面对所述候选组件的候选数据类型的选择操作，从所述候选数据类型中确定所述候选组件的数据类型属性信息；其中，所述数据类型属性信息包括整数类型、长整数类型、双精度浮点类型、字符串类型、枚举类型和复合类型中的至少一种。

在一种实施方式中，后端开发人员在数据类型选择界面中，从数据报表SDK提供的候选数据类型中进行勾选，以确定表格类候选组件中表格数据的数据类型属性信息。

通过根据在数据类型选择界面对候选组件的候选数据类型的选择操作，从候选数据类型中确定候选组件的数据类型属性信息，满足了对于表格类候选组件中表格数据的数据类型属性信息的配置，为后续生成表格类候选组件奠定了基础。

C、根据在数据显示格式选择界面对所述候选组件的候选数据显示格式的选择操作，从所述候选数据显示格式中确定所述候选组件的数据显示格式属性信息；其中，所述数据显示格式属性信息包括小数显示格式和百分数显示格式中的至少一种。

在一种实施方式中，后端开发人员在数据显示格式选择界面中，从数据报表SDK提供的候选数据显示格式中进行勾选，以确定表格类候选组件中表格数据的数据显示格式属性信息。

可选的，若数据显示格式属性信息为小数显示格式，则后端开发人员还可以在小数位数编辑窗口中输入数字，以确定表格类候选组件中表格数据能够展示的小数位数。

通过根据在数据显示格式选择界面对候选组件的候选数据显示格式的选择操作，从候选数据显示格式中确定候选组件的数据显示格式属性信息，满足了对于表格类候选组件中表格数据的数据显示格式属性信息的配置，为后续生成表格类候选组件奠定了基础。

D、根据在过滤功能控制界面中对所述候选组件的数据过滤功能的控制操作，确定所述候选组件的数据过滤功能开闭状态；根据在过滤操作符选择界面对所述候选组件的候选过滤操作符的选择操作，从所述候选过滤操作符中确定所述候选组件关联的目标过滤操作符；根据在过滤条件编辑界面对所述候选组件的默认过滤条件的编辑操作，确定所述候选组件的默认过滤条件；根据所述数据过滤功能开闭状态、所述目标过滤操作符和所述默认过滤条件，确定所述候选组件的过滤功能属性信息。

在一种实施方式中，后端开发人员在过滤功能控制界面中，对数据处理类候选组件的数据过滤功能进行配置，控制开启数据处理类候选组件的数据过滤功能，或者，关闭数据处理类候选组件的数据过滤功能。

在一种实施方式中，后端开发人员在过滤操作符选择界面中，从数据报表SDK提供的候选过滤操作符中进行勾选，以确定数据处理类候选组件的数据过滤功能支持的过滤操作符。其中，候选过滤操作符包括但不限于Filter、Take、TakeLast、TakeUntil和Skip等。

在一种实施方式中，后端开发人员在过滤条件编辑界面中，对数据处理类候选组件的数据过滤功能默认的过滤条件进行自定义编辑。当后续用户进行数据过滤时，则依据该默认过滤条件对数据进行过滤。

最终数据报表SDK将数据过滤功能开闭状态、目标过滤操作符和默认过滤条件共同作为数据处理类候选组件的过滤功能属性信息。

通过根据在过滤功能控制界面中对候选组件的数据过滤功能的控制操作，确定候选组件的数据过滤功能开闭状态；根据在过滤操作符选择界面对候选组件的候选过滤操作符的选择操作，从候选过滤操作符中确定候选组件关联的目标过滤操作符；根据在过滤条件编辑界面对候选组件的默认过滤条件的编辑操作，确定候选组件的默认过滤条件；根据数据过滤功能开闭状态、目标过滤操作符和默认过滤条件，确定候选组件的过滤功能属性信息，满足了对于数据处理类候选组件的过滤功能属性信息的配置，为后续生成数据处理类候选组件奠定了基础。

图2B是根据本公开实施例公开的一种属性信息配置界面的示意图，如图2B所示，后端开发人员在展示信息选择窗口20中进行勾选，若进行了勾选则使得表格类候选组件可以向用户展示对应列的表格数据；后端开发人员在必选信息选择窗口21中进行勾选，若进行了勾选则使得表格类候选组件中对应列为必选列；后端开发人员在默认显示信息选择窗口22中进行勾选，若进行了勾选则使得表格类候选组件默认向用户展示对应列的表格数据；后端开发人员在字面信息编辑窗口23中进行编辑，以确定表格类候选组件中各列标题的字面含义；后端开发人员在列名信息编辑窗口24中进行编辑，以确定表格类候选组件中各列的列标题。

S202、根据所述候选组件的属性信息以及所述候选组件的代码模板，得到候选组件的组件代码，并执行所述组件代码生成候选组件。

其中，候选组件的代码模板是在数据报表SDK开发过程中，预先编写完成的，不同类型的候选组件对应着不同的代码模板。

在一种实施方式中，数据报表SDK将确定的任一类型候选组件的属性信息，填充至该类型候选组件对应的代码模板中，得到该类型候选组件的组件代码，进而执行该组件代码从而生成该类型候选组件。

可选的，S202包括：

根据所述属性信息的属性信息类别，确定所述属性信息在所述代码模板中对应的填充位置；将所述属性信息填充到所述填充位置中，得到该候选组件的组件代码。

其中，代码模板中预先编写好的代码为通用性代码，而需要开发人员根据需求自定义的代码，是根据属性信息生成的。

在一种实施方式中，预先建立了属性信息类别和填充位置的对应关系，即在代码模板中任一属性信息类别的属性信息都对应有唯一的填充位置。数据报表SDK根据确定的任一属性信息的属性信息类别，以及属性信息类别和填充位置的对应关系，确定该属性信息在代码模板中对应的填充位置，进而根据预先设定的编程语言将该属性信息转化为数据报表SDK可识别的代码段，最终填充至填充位置中。

通过根据属性信息的属性信息类别，确定属性信息在代码模板中对应的填充位置，将属性信息填充到填充位置中，得到该候选组件的组件代码，实现了快速生成候选组件的组件代码的效果。

可选的，属性信息类别包括表格属性信息、数据类型属性信息、数据显示格式属性信息、过滤功能属性信息和排序功能属性信息中的至少一种。

其中，表格属性信息、数据类型属性信息和数据显示格式属性信息是针对表格类候选组件的属性信息类别；过滤功能属性信息和排序功能属性信息是针对数据处理类候选组件的属性信息类别。排序功能属性信息包括但不限于数据排序功能开闭状态和默认排序条件等。

可选的，属性信息类别还包括针对数据处理类候选组件的，下载功能属性信息、对比功能属性信息和分享功能属性信息等。

其中，下载功能属性信息包括数据下载功能开闭状态等，例如数据处理类候选组件是否支持数据下载；对比功能属性信息包括数据对比功能开闭状态等，例如数据处理类候选组件是否支持数据对比；分享功能属性信息包括数据分享功能开闭状态等，例如数据处理类候选组件是否支持通过包括发送邮箱等方式进行数据分享。

S203、从候选组件中选择目标组件。

S204、根据接收的渲染指令中包括的渲染位置信息，在待渲染页面中对所述目标组件进行渲染，生成目标页面。

在一种实施方式中，数据报表SDK获取前端开发人员发送的渲染指令，且对渲染指令进行解析确定渲染位置信息，其中，渲染位置信息可以是目标组件在待渲染页面中的页面坐标。进而根据渲染位置信息在待渲染页面中对目标组件进行渲染，生成目标页面。

图2C是根据本公开实施例公开的一种目标页面的示意图，如图2C所示，其中，25为数据筛选类组件、26为图表类组件、27为表格类组件、28为数据处理类组件。

本公开通过根据对候选组件的属性配置操作，确定候选组件的属性信息，根据候选组件的属性信息以及候选组件的代码模板，得到候选组件的组件代码，并执行组件代码生成候选组件，使得后端开发人员仅需要对候选组件的属性信息进行配置就可以生成候选组件，无需编写大量代码，减少了后端开发人员的工作量；通过从候选组件中选择目标组件，最终根据接收的渲染指令中包括的渲染位置信息，在待渲染页面中对目标组件进行渲染，生成目标页面，满足了前端开发人员对于组件渲染位置的个性化需求，并且，前端开发人员仅需要通过数据报表SDK从候选组件选择目标组件进行渲染，无需编写大量编码，减少了前端开发人员的工作量。

图3是根据本公开实施例公开的一种页面生成装置的结构示意图，可以适用于减少页面生成所需工作量的情况。本实施例装置可采用软件和/或硬件实现，并可集成在任意的具有计算能力的电子设备上。

如图3所示，本实施例公开的页面生成装置30可以包括目标组件选择模块31和目标页面生成模块32，其中：

目标组件选择模块31，用于从候选组件中选择目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的；

目标页面生成模块32，用于对所述目标组件进行渲染，生成目标页面。

可选的，所述装置还包括属性信息确定模块，具体用于：

根据对所述候选组件的属性配置操作，确定候选组件的属性信息；

根据所述候选组件的属性信息以及所述候选组件的代码模板，得到候选组件的组件代码；

执行所述组件代码生成候选组件。

可选的，所述属性信息确定模块，具体还用于：

根据所述属性信息的属性信息类别，确定所述属性信息在所述代码模板中对应的填充位置；

将所述属性信息填充到所述填充位置中，得到该候选组件的组件代码。

可选的，所述属性信息类别包括表格属性信息、数据类型属性信息、数据显示格式属性信息、过滤功能属性信息和排序功能属性信息中的至少一种。

可选的，所述属性信息确定模块，具体还用于：

根据在表格属性编辑界面对所述候选组件的表格属性编辑操作，确定所述候选组件的表格属性信息；其中，所述表格属性信息包括表格名称、行列标题和行列标题释义中的至少一种。

可选的，所述属性信息确定模块，具体还用于：

根据在数据类型选择界面对所述候选组件的候选数据类型的选择操作，从所述候选数据类型中确定所述候选组件的数据类型属性信息；其中，所述数据类型属性信息包括整数类型、长整数类型、双精度浮点类型、字符串类型、枚举类型和复合类型中的至少一种。

可选的，所述属性信息确定模块，具体还用于：

根据在数据显示格式选择界面对所述候选组件的候选数据显示格式的选择操作，从所述候选数据显示格式中确定所述候选组件的数据显示格式属性信息；其中，所述数据显示格式属性信息包括小数显示格式和百分数显示格式中的至少一种。

可选的，所述属性信息确定模块，具体还用于：

根据在过滤功能控制界面中对所述候选组件的数据过滤功能的控制操作，确定所述候选组件的数据过滤功能开闭状态；

根据在过滤操作符选择界面对所述候选组件的候选过滤操作符的选择操作，从所述候选过滤操作符中确定所述候选组件关联的目标过滤操作符；

根据在过滤条件编辑界面对所述候选组件的默认过滤条件的编辑操作，确定所述候选组件的默认过滤条件；

根据所述数据过滤功能开闭状态、所述目标过滤操作符和所述默认过滤条件，确定所述候选组件的过滤功能属性信息。

可选的，所述目标页面生成模块32，具体用于：

根据接收的渲染指令中包括的渲染位置信息，在待渲染页面中对所述目标组件进行渲染，生成目标页面。

本公开实施例所公开的页面生成装置30可执行本公开实施例所公开的页面生成方法，具备执行方法相应的功能模块和有益效果。本实施例中未详尽描述的内容可以参考本公开任意方法实施例中的描述。

…

根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。

图4示出了可以用来实施本公开的实施例的示例电子设备400的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。

如图4所示，设备400包括计算单元401，其可以根据存储在只读存储器(ROM)402中的计算机程序或者从存储单元408加载到随机访问存储器(RAM)403中的计算机程序，来执行各种适当的动作和处理。在RAM 403中，还可存储设备400操作所需的各种程序和数据。计算单元401、ROM 402以及RAM 403通过总线404彼此相连。输入/输出(I/O)接口405也连接至总线404。

设备400中的多个部件连接至I/O接口405，包括：输入单元406，例如键盘、鼠标等；输出单元407，例如各种类型的显示器、扬声器等；存储单元408，例如磁盘、光盘等；以及通信单元409，例如网卡、调制解调器、无线通信收发机等。通信单元409允许设备400通过诸如因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。

计算单元401可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元401的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。计算单元401执行上文所描述的各个方法和处理，例如页面生成方法。例如，在一些实施例中，页面生成方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元408。在一些实施例中，计算机程序的部分或者全部可以经由ROM 402和/或通信单元409而被载入和/或安装到设备400上。当计算机程序加载到RAM 403并由计算单元401执行时，可以执行上文描述的页面生成方法的一个或多个步骤。备选地，在其他实施例中，计算单元401可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行页面生成方法。

本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、芯片上系统的系统(SOC)、负载可编程逻辑设备(CPLD)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。

用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。

在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。

为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，CRT(阴极射线管)或者LCD(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。

可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(LAN)、广域网(WAN)、区块链网络和互联网。

计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端-服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与VPS服务中，存在的管理难度大，业务扩展性弱的缺陷。

应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。

上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。

Claims (20)

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

从候选组件中选择目标组件，包括：数据报表SDK对接收到的渲染指令进行解析得到标识信息，将与所述标识信息匹配的候选组件作为所述目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的；所述候选组件的属性信息是数据报表SDK根据对所述候选组件属性信息的配置操作确定的；

对所述目标组件在待生成页面进行渲染，生成目标页面；

其中，所述数据报表SDK以JS继承的方式通过Ifram嵌入的形式接入到所述待生成页面中；所述待生成页面为Web页面。

2.根据权利要求1所述的方法，其中，所述从候选组件中选择目标组件之前，还包括：

根据对所述候选组件的属性配置操作，确定候选组件的属性信息；

根据所述候选组件的属性信息以及所述候选组件的代码模板，得到候选组件的组件代码；

执行所述组件代码生成候选组件。

3.根据权利要求2所述的方法，其中，所述根据所述候选组件的属性信息以及候选组件的代码模板，得到候选组件的组件代码，包括：

根据所述属性信息的属性信息类别，确定所述属性信息在所述代码模板中对应的填充位置；

将所述属性信息填充到所述填充位置中，得到该候选组件的组件代码。

4.根据权利要求3所述的方法，其中，所述属性信息类别包括表格属性信息、数据类型属性信息、数据显示格式属性信息、过滤功能属性信息和排序功能属性信息中的至少一种。

5.根据权利要求4所述的方法，其中，所述根据对所述候选组件的属性配置操作，确定候选组件的属性信息，包括：

根据在表格属性编辑界面对所述候选组件的表格属性编辑操作，确定所述候选组件的表格属性信息；其中，所述表格属性信息包括表格名称、行列标题和行列标题释义中的至少一种。

6.根据权利要求4所述的方法，其中，所述根据对所述候选组件的属性配置操作，确定候选组件的属性信息，包括：

根据在数据类型选择界面对所述候选组件的候选数据类型的选择操作，从所述候选数据类型中确定所述候选组件的数据类型属性信息；其中，所述数据类型属性信息包括整数类型、长整数类型、双精度浮点类型、字符串类型、枚举类型和复合类型中的至少一种。

7.根据权利要求4所述的方法，其中，所述根据对所述候选组件的属性配置操作，确定候选组件的属性信息，包括：

根据在数据显示格式选择界面对所述候选组件的候选数据显示格式的选择操作，从所述候选数据显示格式中确定所述候选组件的数据显示格式属性信息；其中，所述数据显示格式属性信息包括小数显示格式和百分数显示格式中的至少一种。

8.根据权利要求4所述的方法，其中，所述根据对所述候选组件的属性配置操作，确定候选组件的属性信息，包括：

根据在过滤功能控制界面中对所述候选组件的数据过滤功能的控制操作，确定所述候选组件的数据过滤功能开闭状态；

根据在过滤操作符选择界面对所述候选组件的候选过滤操作符的选择操作，从所述候选过滤操作符中确定所述候选组件关联的目标过滤操作符；

根据在过滤条件编辑界面对所述候选组件的默认过滤条件的编辑操作，确定所述候选组件的默认过滤条件；

根据所述数据过滤功能开闭状态、所述目标过滤操作符和所述默认过滤条件，确定所述候选组件的过滤功能属性信息。

9.根据权利要求1所述的方法，其中，所述对所述目标组件进行渲染，生成目标页面，包括：

根据接收的渲染指令中包括的渲染位置信息，在待生成页面中对所述目标组件进行渲染，生成目标页面。

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

目标组件选择模块，用于从候选组件中选择目标组件；

所述目标组件选择模块，具体用于数据报表SDK对接收到的渲染指令进行解析得到标识信息，将与所述标识信息匹配的候选组件作为所述目标组件；其中，所述候选组件是根据候选组件的代码模板和候选组件的属性信息生成的；所述候选组件的属性信息是数据报表SDK根据对所述候选组件属性信息的配置操作确定的；

目标页面生成模块，用于对所述目标组件在待生成页面进行渲染，生成目标页面；

其中，所述数据报表SDK以JS继承的方式通过Ifram嵌入的形式接入到所述待生成页面中；所述待生成页面为Web页面。

11.根据权利要求10所述的装置，其中，所述装置还包括属性信息确定模块，具体用于：

根据对所述候选组件的属性配置操作，确定候选组件的属性信息；

根据所述候选组件的属性信息以及所述候选组件的代码模板，得到候选组件的组件代码；

执行所述组件代码生成候选组件。

12.根据权利要求11所述的装置，其中，所述属性信息确定模块，具体还用于：

根据所述属性信息的属性信息类别，确定所述属性信息在所述代码模板中对应的填充位置；

将所述属性信息填充到所述填充位置中，得到该候选组件的组件代码。

13.根据权利要求12所述的装置，其中，所述属性信息类别包括表格属性信息、数据类型属性信息、数据显示格式属性信息、过滤功能属性信息和排序功能属性信息中的至少一种。

14.根据权利要求13所述的装置，其中，所述属性信息确定模块，具体还用于：

根据在表格属性编辑界面对所述候选组件的表格属性编辑操作，确定所述候选组件的表格属性信息；其中，所述表格属性信息包括表格名称、行列标题和行列标题释义中的至少一种。

15.根据权利要求13所述的装置，其中，所述属性信息确定模块，具体还用于：

根据在数据类型选择界面对所述候选组件的候选数据类型的选择操作，从所述候选数据类型中确定所述候选组件的数据类型属性信息；其中，所述数据类型属性信息包括整数类型、长整数类型、双精度浮点类型、字符串类型、枚举类型和复合类型中的至少一种。

16.根据权利要求13所述的装置，其中，所述属性信息确定模块，具体还用于：

根据在数据显示格式选择界面对所述候选组件的候选数据显示格式的选择操作，从所述候选数据显示格式中确定所述候选组件的数据显示格式属性信息；其中，所述数据显示格式属性信息包括小数显示格式和百分数显示格式中的至少一种。

17.根据权利要求13所述的装置，其中，所述属性信息确定模块，具体还用于：

根据在过滤功能控制界面中对所述候选组件的数据过滤功能的控制操作，确定所述候选组件的数据过滤功能开闭状态；

根据在过滤操作符选择界面对所述候选组件的候选过滤操作符的选择操作，从所述候选过滤操作符中确定所述候选组件关联的目标过滤操作符；

根据在过滤条件编辑界面对所述候选组件的默认过滤条件的编辑操作，确定所述候选组件的默认过滤条件；

根据所述数据过滤功能开闭状态、所述目标过滤操作符和所述默认过滤条件，确定所述候选组件的过滤功能属性信息。

18.根据权利要求10所述的装置，其中，所述目标页面生成模块，具体用于：

根据接收的渲染指令中包括的渲染位置信息，在待生成页面中对所述目标组件进行渲染，生成目标页面。

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

至少一个处理器；以及

与所述至少一个处理器通信连接的存储器；其中，

所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-9中任一项所述的方法。

20.一种存储有计算机指令的非瞬时计算机可读存储介质，其中，所述计算机指令用于使所述计算机执行根据权利要求1-9中任一项所述的方法。