CN115577689A - 一种表格组件的生成方法、装置、设备及介质 - Google Patents

Abstract

本发明公开了一种表格组件的生成方法、装置、设备及介质。表格组件的生成方法，包括：将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据；提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据；将待注入模板数据注入表格模板，得到初始表格组件；若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。本发明实施例的技术方案在便于数据维护的前提下，提高表格组件的开发效率。

Description

一种表格组件的生成方法、装置、设备及介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种表格组件的生成方法、装置、设备及介质。

背景技术

目前，多数的软件开发人员仍手工编写代码，这种传统软件开发方式通常效率较低而且周期较长，往往导致大型软件项目的延期、成本超出计划或者性能低于预期，甚至中途夭折，这些问题迫使软件工程人员不断探索高效的软件开发方式。自动代码生成技术应运而生，其通过读取工程设计中的各种文档、实体或模型，按照一定的领域规则，生成规范的计算机能理解的源代码。自动代码生成技术还在不断的发展中，尽管自动代码生成技术仍然存在着许多的不足，但在许多方面，自动代码生成技术对软件开发的完善具有重大的促进作用，并且提高了软件开发的效率。

在目前的前端开发工作中，尤其是开发中后台应用存在着大量的表格展示工作，但是传统表格组件编写工作中，需要开发者自己手动输入表格的展示方法、数据、表头，这部分的工作一般都是简单、重复且繁琐的。

市面上虽存在着一些类似的代码生成器，但常见的也只有生成请求接口文档的代码生成器，即生成客户端的请求服务端数据接口的代码程序，代码生成器无法有针对性的将请求接口生成符合规范组件的代码程序。

发明内容

本发明提供了一种表格组件的生成方法、装置、设备及介质，在便于数据维护的前提下，提高表格组件的开发效率。

根据本发明的一方面，提供了一种表格组件的生成方法，包括：

将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据；

提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据；

将待注入模板数据注入表格模板，得到初始表格组件；

若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。

根据本发明的另一方面，提供了一种表格组件的生成装置，包括：

待处理表格接口数据确定模块，用于将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据；

待注入模板数据确定模块，用于提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据；

初始表格组件获取模块，用于将待注入模板数据注入表格模板，得到初始表格组件；

目标表格组件生成模块，用于若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。

根据本发明的另一方面，提供了一种电子设备，所述电子设备包括：

至少一个处理器；以及

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

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行本发明任一实施例所述的表格组件的生成方法。

根据本发明的另一方面，提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现本发明任一实施例所述的表格组件的生成方法。

本发明实施例的技术方案，通过将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据，进而提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据，从而将待注入模板数据注入表格模板，得到初始表格组件，若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。在本方案中基于接口信息树，可以快速定位待处理表格接口数据，通过将待注入模板数据注入表格模板，可以自动生成表格接口的代码文件即初始表格组件，而根据表格接口注释数据对初始表格组件进行数据补充，可以使最终得到的目标表格组件便于调用，即开发人员可以基于表格接口注释数据快速了解目标表格组件的定义内容完成组件的准确调用与维护，解决了通过现有技术无法有针对性的将请求接口生成符合规范组件的代码程序的问题，在便于数据维护的前提下，提高表格组件的开发效率。

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

附图说明

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

图1为本发明实施例一提供的一种表格组件的生成方法的流程图；

图2为本发明实施例二提供的一种表格组件的生成方法的流程图；

图3是本发明实施例二提供的一种可视化接口定义文档的示意图；

图4是本发明实施例二提供的前端项目的展示效果示意图；

图5是本发明实施例二提供的另一种前端项目的展示效果示意图；

图6为本发明实施例三提供的一种表格组件的生成装置的结构示意图；

图7示出了可以用来实施本发明的实施例的电子设备的结构示意图。

具体实施方式

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

需要说明的是，本发明的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本发明的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

可以理解的是，本技术方案所涉及的数据(包括但不限于数据本身、数据的获取或使用)应当遵循相应法律法规及相关规定的要求。

实施例一

图1为本发明实施例一提供的一种表格组件的生成方法的流程图，本实施例可适用于基于表格接口数据自动生成表格组件的情况，该方法可以由表格组件的生成装置来执行，该表格组件的生成装置可以采用硬件和/或软件的形式实现，该表格组件的生成装置可配置于电子设备中。如图1所示，该方法包括：

S110、将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据。

其中，待处理接口文档可以是从任意接口平台获取的接口文档。待处理接口文档中包括表格类的接口文档。接口信息树可以是根据待处理接口文档生成的树结构。待处理表格接口数据可以是待处理接口文档中表格类的接口数据。

在本发明实施例中，可以从任意接口平台获取待处理接口文档，从而将待处理接口文档转换为树结构，得到接口信息树，进而遍历接口信息树，确定待处理接口文档中包括的待处理表格接口数据。

S120、提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据。

其中，表格请求接口关键数据可以是待处理表格接口数据中用于生成表格组件的数据。待注入模板数据可以是需要根据表格请求接口关键数据确定的需要注入至模板引擎的数据。

在本发明实施例中，可以根据生成表格组件所需的数据类型，对待处理表格接口数据进行解析，提取待处理表格接口数据中的表格请求接口关键数据，进而对表格请求接口关键数据进行数据处理，生成待注入模板数据。

S130、将待注入模板数据注入表格模板，得到初始表格组件。

其中，表格模板可以是模板引擎中预先存储的表格类型的模板。初始表格组件可以是将待注入模板数据注入表格模板后，根据数据注入后的表格模板生成的表格组件。

在本发明实施例中，可以将得到的待注入模板数据注入模板引擎的注入表格模板中，进而对完成数据注入的表格模板进行封装，得到初始表格组件。

S140、若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。

其中，表格接口注释数据可以是待处理表格接口数据中，对表格接口的注释数据。目标表格组件可以是基于表格接口注释数据对初始表格组件进行数据补充处理后，得到的表格组件。

在本发明实施例中，得到初始表格组件之后，可以判断待处理表格接口数据中是否存在表格接口注释数据，若待处理表格接口数据中存在表格接口注释数据，则基于表格接口注释数据对初始表格组件进行数据补充处理，也即根据表格接口注释数据对初始表格组件进行注释补充，得到目标表格组件。

本发明实施例的技术方案，通过将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据，进而提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据，从而将待注入模板数据注入表格模板，得到初始表格组件，若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。在本方案中基于接口信息树，可以快速定位待处理表格接口数据，通过将待注入模板数据注入表格模板，可以自动生成表格接口的代码文件即初始表格组件，而根据表格接口注释数据对初始表格组件进行数据补充，可以使最终得到的目标表格组件便于调用，即开发人员可以基于表格接口注释数据快速了解目标表格组件的定义内容完成组件的准确调用与维护，解决了通过现有技术无法有针对性的将请求接口生成符合规范组件的代码程序的问题，在便于数据维护的前提下，提高表格组件的开发效率。

实施例二

图2为本发明实施例二提供的一种表格组件的生成方法的流程图，本实施例以上述实施例为基础进行具体化，给出了将待处理接口文档转换成接口信息树的具体的可选的实施方式。将待处理接口文档转换成接口信息树的具体过程包括：将待处理接口文档进行解析序列化，得到接口文档解析序列化数据；将接口文档解析序列化数据进行存储，并获取swagger接口数据；对swagger接口数据进行反序列化处理以及循环引用字段处理，得到接口信息树。如图2所示，该方法包括：

S210、将待处理接口文档进行解析序列化，得到接口文档解析序列化数据。

其中，接口文档解析序列化数据可以是对待处理接口文档进行解析序列化处理之后得到的数据。

在本发明实施例中，可以将获取的待处理接口文档进行解析序列化处理，得到接口文档解析序列化数据。

S220、将接口文档解析序列化数据进行存储，并获取swagger接口数据。

其中，swagger接口数据可以是在swagger框架下的接口文档解析序列化数据。

在本发明实施例中，可以将接口文档解析序列化数据存储至本地***，完成数据的持久化存储，进而读取本地***存储的swagger框架下的接口文档解析序列化数据，即swagger接口数据。

S230、对swagger接口数据进行反序列化处理以及循环引用字段处理，得到接口信息树，并通过遍历接口信息树，确定待处理表格接口数据。

其中，循环引用字段处理用于对swagger接口数据进行反序列化处理后的数据中存在的循环引用字段进行处理，解决JSON(JavaScript Object Notation,JS对象简谱)中字段循环引用的问题。

在本发明实施例中，可以先对swagger接口数据进行反序列化处理，得到反序列化处理结果，进而判断反序列化处理结果中是否存在循环引用字段，若反序列化处理结果中存在循环引用字段，则对循环引用字段进行循环引用字段处理，得到接口信息树，进而遍历接口信息树，确定待处理接口文档中包括的待处理表格接口数据。

可选的，可以将适用于RESTful API(REST风格的应用程序接口)接口规范的平层的线性结构的接口信息转换为JSON树结构，即可以将RESTful API接口规范的平层的线性结构的循环引用字段处理结果转换为JSON树结构的接口信息树。

在本发明的一个可选实施例中，通过遍历接口信息树，确定待处理表格接口数据，可以包括：获取表格请求接口规范；通过遍历接口信息树，确定接口信息树中满足表格请求接口规范的待处理表格接口数据。

其中，表格请求接口规范可以是预先定义的，用于确定请求接口为表格请求接口的规范。表格请求接口规范可以包括接口方法为GET请求、至少两个页面设置参数、返回响应结果关联字段以及实体显示字段。页面设置参数可以用于设置页面显示格式。返回响应结果关联字段可以是与接口调用时返回的响应结果关联的字段。实体显示字段可以用于前端字段表头标题的展示。

在本发明实施例中，可以约定客户端与服务端之间的表格接口定义方法和特征，并将约定好的表格接口定义方法和特征，作为表格请求接口规范，进而按照表格请求接口规范遍历接口信息树，即按照表格请求接口规范约定的接口方法为GET请求、至少两个页面设置参数、返回响应结果关联字段以及实体显示字段遍历接口信息树，得到接口信息树中满足表格请求接口规范的待处理表格接口数据。

S240、提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据。

在本发明的一个可选实施例中，提取待处理表格接口数据中的表格请求接口关键数据，可以包括：根据待处理表格接口数据，提取当前表格接口的表格接口数据；根据当前表格接口的表格接口数据，确定当前表格接口的目标请求地址、目标请求参数以及目标标题字段；将当前表格接口中的目标请求地址、目标请求参数以及目标标题字段，作为当前表格接口的表格请求接口关键数据。

其中，当前表格接口可以是与待处理表格接口数据匹配的接口中的任意一个表格接口。目标请求地址可以是当前表格接口的请求数据的访问地址。目标请求参数可以是目标请求地址下存储的参数。目标标题字段可以是当前表格接口的实体显示字段。

在本发明实施例中，可以对待处理表格接口数据进行解析，确定当前表格接口的表格接口数据，进而从当前表格接口的表格接口数据中提取出当前表格接口的目标请求地址、目标请求参数以及目标标题字段，从而将当前表格接口中的目标请求地址、目标请求参数以及目标标题字段，作为当前表格接口的表格请求接口关键数据。

在本发明的一个可选实施例中，根据表格请求接口关键数据，确定待注入模板数据，可以包括：根据目标请求地址，生成当前表格接口的目标表格组件名称以及目标请求接口名称；根据当前表格接口的请求标签以及目标请求地址，生成当前表格接口的目标请求参数类型；根据目标标题字段，生成目标表格列；将目标表格组件名称、目标请求接口名称、目标请求参数类型以及目标表格列，作为与当前表格接口匹配的待注入模板数据。

其中，目标表格组件名称可以是根据当前表格接口的API地址确定的与当前表格接口对应组件的名称。目标请求接口名称可以是根据目标表格组件名称生成的当前表格接口的名称。目标请求参数类型可以是当前表格接口需要的目标请求参数的类型。目标表格列可以是与当前表格接口对应的表格列。

在本发明实施例中，可以将目标请求地址中的路径参数切分成多个路径分片，再把分片转换成大驼峰字符串并连接起来，得到目标表格组件名称，并在目标表格组件名称前加上get，得到目标请求接口名称。根据表格请求接口规范中的接口方法，从当前表格接口的表格接口数据中确定当前表格接口的请求标签，从而以大驼峰格式分别格式化当前表格接口的请求标签以及目标请求地址，并对格式化后的当前表格接口的请求标签以及目标请求地址进行拼接，得到当前表格接口的目标请求参数类型，还可以按照目标标题字段，生成目标表格列，目标表格列的每个表格列的目标标题字段与当前表格接口的对应实体显示字段相匹配，进而将目标表格组件名称、目标请求接口名称、目标请求参数类型以及目标表格列，作为与当前表格接口匹配的待注入模板数据。

S250、将待注入模板数据注入表格模板，得到初始表格组件。

S260、若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。

在本发明的一个可选实施例中，若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件，可以包括：若当前表格接口的表格接口文件中存在表格接口注释数据，则根据与当前表格接口匹配的表格接口注释数据以及与当前表格接口匹配的初始表格组件，生成当前表格接口的目标表格组件；在根据表格接口注释数据以及初始表格组件，生成目标表格组件之后，还可以包括：将当前表格接口的目标表格组件保存至当前目标文件；其中，当前目标文件的文件名称为目标表格组件名称；创建保存当前表格接口的目标表格组件类型的第一子文件，以及保存组件引用文件的第二子文件。

其中，当前目标文件可以是保存当前表格接口的目标表格组件的文件夹。目标表格组件类型可以用于表征目标表格组件的类型。第一子文件可以是存储与待处理表格接口数据匹配的表格组件的组件类型的文件夹。组件引用文件可以是存储表格组件的导出文件，用于对表格组件的引用。第二子文件可以是存储组件引用文件的文件夹。

在本发明实施例中，可以判断当前表格接口的表格接口文件中是否存在表格接口注释数据，进而根据与当前表格接口匹配的表格接口注释数据以及与当前表格接口匹配的初始表格组件，生成当前表格接口的目标表格组件，进而将当前表格接口的目标表格组件保存至文件名称为目标表格组件名称的当前目标文件。以此类推，与待处理表格接口数据对应的其他表格接口的表格组件可以分别存储至拥有相应表格组件名称的文件中，并将存储表格组件的文件夹保存在一个文件夹下。进一步，创建保存当前表格接口的目标表格组件类型的第一子文件，以及保存组件引用文件的第二子文件。

在本发明的一个可选实施例中，根据目标标题字段，生成目标表格列，可以包括：在目标标题字段的类型为间接显示字段类型，获取默认渲染函数；根据默认渲染函数，渲染目标表格列。

其中，间接显示字段类型为不能直接显示的字段类型。默认渲染函数可以是预先设置的表格渲染函数，用于对间接显示字段类型的目标标题字段的表格列进行渲染。

在本发明实施例中，可以判断目标标题字段的类型是直接显示字段类型还是间接显示字段类型，若目标标题字段的类型为间接显示字段类型，可以获取默认渲染函数，进而利用默认渲染函数，对与间接显示字段类型的目标标题字段匹配的目标表格列进行渲染。

在一个具体的例子中，目标表格组件的代码程序生成与应用的流程如下：

步骤1、约定客户端和服务端之间的表格接口定义方法和特征，方便判断请求接口是否为表格接口。

步骤2、将待处理接口文档从接口管理平台上下载下来后进行解析序列化存储到本地***做数据的持久化存储。

步骤3、通过读取本地文件的swagger接口数据再反序列化，并处理反序列化得到的数据中可能含有的循环引用字段，进而将RESTful API接口规范的平层的线性结构的循环引用字段处理结果转换为JSON树结构的接口信息树。

步骤4、遍历步骤3中接口信息树抓取所有的接口信息，将其中符合表格请求接口规范的待处理表格接口数据提取出来到待处理接口数组中存储。一个符合表格请求接口规范的请求接口满足以下的条件：

1)请求接口方法必须是GET请求。

2)请求接口至少需要有两个Query参数(页面设置参数)，一个设置分页大小，一个设置当前分页。

3)返回的响应结果字段中必须含有一个total字段且为一个非负整数，该字段代表这个请求能获取多少个数据结果，用于前端页面根据分页大小判断总分页数量。

4)返回的响应结果中必须有一个list或results字段，类型需是一个实体的数组，存储的实体用于列字段的展示。

5)实体中每一个字段都需要后端工程师在文档上标注好显示字段(实体显示字段)，用于前端的对应字段表头标题展示。

步骤5、从步骤4中的待处理接口数组中取出当前表格接口的表格接口数据，分析该表格接口数据的上下文信息。从中提取出当前表格接口的目标请求地址、目标请求参数、表格接口注释数据、目标标题字段等信息。

步骤6、处理5中提取出来的数据，处理流程如下：

1)根据当前表格接口的API地址生成目标表格组件名称：将目标请求地址中的路径参数切分成多个路径分片，再把分片转化成大驼峰字符串，并连接起来，得到目标表格组件名称(如目标请求地址为/abc/bcd，则得到的目标表格组件名称为AbcBcd)。

2)同1)中的方法，在目标表格组件名称前面再加上get，得到目标请求接口名称(如/abc/bcd得到的内容就是getAbcBcd)。

3)生成目标表格列，每一个表格列的标题对应实体显示字段，当目标标题字段的类型为不能直接显示的类型时候(如Object、Array等集合数据或数据集的时候)，通过提供一个统一默认渲染函数来定义表格列的渲染内容。

4)将请求携带的当前表格接口的请求标签和目标请求地址，以大驼峰格式分别格式化请求标签和目标请求地址后拼接起来，得到当前表格接口需要的目标请求参数类型。

步骤7、获取表格组件的表格模板，将从步骤6中得到的数据信息(待注入模板数据)注入到表格模板中，同时若当前表格接口在文档中编写了相应的文档注释(表格接口注释数据)，则需将文档注释加入到组件代码的前面，方便前端的开发人员进行理解表格功能信息，然后就可得到一个可用的表格组件代码。

步骤8、将步骤7中生成出来的多个表格代码结果保存到当前tables文件夹下，具体为：分别将每一个表格代码写入到一个用步骤5中表格组件名称命名的目标文件中，并在tables文件夹下创建一个index.ts(第二子文件)作为所有表格组件文件的所有导出，所有前端开发人员想要引用这些生成的表格组件都要通过引用这一个index.ts文件来实现，以及在tables文件夹下创建一个type.ts(第一子文件)存储所有表格组件内部定义的类型信息，这个是用于前端开发人员引用组件后提供代码类型检查和代码提示，提高前端的开发效率。

9、通过引入步骤8中生成的表格组件，使用表格组件的时候可选传入一些配置选项，使得对表格组件的展示和数据处理定制化修改，或选择不传入参数，将配置选项中的默认配置选项(默认配置项是指由待处理接口文档中已定义好的字段属性和字段标题之间的对应关系生成出来的配置)进行数据处理然后展示，表格组件将自动请求数据。

目标表格组件生成方法的数据流如下：首先获取一份编写完整的待处理接口文档，将待处理接口文档存储至本地，进而读取本地的接口文档，进一步判断本地是否存储有接口文档，若有，则解析接口文档将解析接口文档转换成JSON树，得到接口信息树，并判断接口信息树是否为正确的JSON树。若接口信息树是正确的JSON树，则遍历接口信息树，统计符合表格请求接口规范的表格接口请求，若表格接口请求大于0，则生成待注入模板数据，并将待注入模板数据注入到表格模板中，生成表格组件，并将表格组件写入本地从而输出写入信息。若存在以下任意一种情况：本地未存储有接口文档，接口信息树是错误的JSON树，表格接口请求小于0，则结束。

将文档解析之后提取出文档中描述到的所有接口通过如下接口处理流程：获取表格接口数据，并依次判断表格接口的接口方法是否为GET请求，是否有分页和分页大小两个页面设置参数，是否有请求页面和页面大小参数，是否返回的响应结果中有total和(results或list)字段，若接口方法为GET请求，有分页和分页大小两个页面设置参数，请求页面和页面大小参数，返回的响应结果中有total和(results或list)字段，则确定接口信息树中存在满足表格请求接口规范的待处理表格接口数据。若上述任一条件不满足时，则确定接口信息树中不存在满足表格请求接口规范的待处理表格接口数据，在接口处理流程结束之后，得到一系列表格接口，将这些表格接口转为表格组件代码写入文件，前端开发者可以在其他代码文件引入。本方案中表格模板的内容可以根据不同项目的前端架构进行修改，因此通过生成出来的表格组件可以用于多种不同的项目场景，同时因为使用的是表格模板填充的方法，开发人员可以通过修改模板内容达到提高表格组件灵活性的目的。通过内置用于React框架的前端项目的表格模板，生成出来的代码可用在React项目中。由生成器生成出来的所有表格代码文件里面都包含定义了一个函数式组件，在函数式组件内部定义了表格的数据请求方法、显示方法和渲染方法，以及表格标题和接口数据的对应方式，使得前端表格接口请求数据能够根据相应的目标标题字段渲染到前端表格上。

以“某用户请求接口模块”为例，可视化接口定义文档定义如图3所示，通过此方法生成出来的表格组件用在React前端项目的展示效果如图4所示，图5展示了另一种前端项目的展示效果，具体添加了表格组件默认列内容。

本发明实施例的技术方案，通过将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据，进而提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据，从而将待注入模板数据注入表格模板，得到初始表格组件，若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。在本方案中基于接口信息树，可以快速定位待处理表格接口数据，通过将待注入模板数据注入表格模板，可以自动生成表格接口的代码文件即初始表格组件，而根据表格接口注释数据对初始表格组件进行数据补充，可以使最终得到的目标表格组件便于调用，即开发人员可以基于表格接口注释数据快速了解目标表格组件的定义内容完成组件的准确调用与维护，解决了通过现有技术无法有针对性的将请求接口生成符合规范组件的代码程序的问题，在便于数据维护的前提下，提高表格组件的开发效率。

实施例三

图6为本发明实施例三提供的一种表格组件的生成装置的结构示意图。如图6所示，该装置包括：待处理表格接口数据确定模块310、待注入模板数据确定模块320、初始表格组件获取模块330以及目标表格组件生成模块340，其中，

待处理表格接口数据确定模块310，用于将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据；

待注入模板数据确定模块320，用于提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据；

初始表格组件获取模块330，用于将待注入模板数据注入表格模板，得到初始表格组件；

目标表格组件生成模块340，用于若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。

本发明实施例的技术方案，通过将待处理接口文档转换成接口信息树，并通过遍历接口信息树，确定待处理表格接口数据，进而提取待处理表格接口数据中的表格请求接口关键数据，并根据表格请求接口关键数据，确定待注入模板数据，从而将待注入模板数据注入表格模板，得到初始表格组件，若待处理表格接口数据中存在表格接口注释数据，则根据表格接口注释数据以及初始表格组件，生成目标表格组件。在本方案中基于接口信息树，可以快速定位待处理表格接口数据，通过将待注入模板数据注入表格模板，可以自动生成表格接口的代码文件即初始表格组件，而根据表格接口注释数据对初始表格组件进行数据补充，可以使最终得到的目标表格组件便于调用，即开发人员可以基于表格接口注释数据快速了解目标表格组件的定义内容完成组件的准确调用与维护，解决了通过现有技术无法有针对性的将请求接口生成符合规范组件的代码程序的问题，在便于数据维护的前提下，提高表格组件的开发效率。

可选的，待处理表格接口数据确定模块310包括接口信息树转换单元，用于将所述待处理接口文档进行解析序列化，得到接口文档解析序列化数据；将所述接口文档解析序列化数据进行存储，并获取swagger接口数据；对所述swagger接口数据进行反序列化处理以及循环引用字段处理，得到所述接口信息树。

可选的，待处理表格接口数据确定模块310包括待处理表格接口数据确定单元，用于获取表格请求接口规范；通过遍历所述接口信息树，确定所述接口信息树中满足表格请求接口规范的待处理表格接口数据；其中，所述表格请求接口规范包括接口方法为GET请求、至少两个页面设置参数、返回响应结果关联字段以及实体显示字段。

可选的，待注入模板数据确定模块320包括表格请求接口关键数据确定单元，用于根据所述待处理表格接口数据，提取当前表格接口的表格接口数据；根据所述当前表格接口的表格接口数据，确定所述当前表格接口的目标请求地址、目标请求参数以及目标标题字段；将所述当前表格接口中的目标请求地址、目标请求参数以及目标标题字段，作为当前表格接口的表格请求接口关键数据。

可选的，待注入模板数据确定模块320，用于根据所述目标请求地址，生成当前表格接口的目标表格组件名称以及目标请求接口名称；根据所述当前表格接口的请求标签以及所述目标请求地址，生成所述当前表格接口的目标请求参数类型；根据所述目标标题字段，生成目标表格列；将所述目标表格组件名称、所述目标请求接口名称、所述目标请求参数类型以及所述目标表格列，作为与当前表格接口匹配的待注入模板数据。

可选的，初始表格组件获取模块330，用于若所述当前表格接口的表格接口文件中存在表格接口注释数据，则根据与当前表格接口匹配的表格接口注释数据以及与当前表格接口匹配的初始表格组件，生成当前表格接口的目标表格组件。表格组件的生成装置还包括数据存储模块，用于在根据所述表格接口注释数据以及所述初始表格组件，生成目标表格组件之后，将所述当前表格接口的目标表格组件保存至当前目标文件；其中，当前目标文件的文件名称为所述目标表格组件名称；创建保存当前表格接口的目标表格组件类型的第一子文件，以及保存组件引用文件的第二子文件。

可选的，待注入模板数据确定模块320，用于在所述目标标题字段的类型为间接显示字段类型，获取默认渲染函数；根据所述默认渲染函数，渲染所述目标表格列。

本发明实施例所提供的表格组件的生成装置可执行本发明任意实施例所提供的表格组件的生成方法，具备执行方法相应的功能模块和有益效果。

实施例四

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

如图7所示，电子设备10包括至少一个处理器11，以及与至少一个处理器11通信连接的存储器，如只读存储器(ROM)12、随机访问存储器(RAM)13等，其中，存储器存储有可被至少一个处理器执行的计算机程序，处理器11可以根据存储在只读存储器(ROM)12中的计算机程序或者从存储单元18加载到随机访问存储器(RAM)13中的计算机程序，来执行各种适当的动作和处理。在RAM 13中，还可存储电子设备10操作所需的各种程序和数据。处理器11、ROM 12以及RAM 13通过总线14彼此相连。输入/输出(I/O)接口15也连接至总线14。

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

处理器11可以是各种具有处理和计算能力的通用和/或专用处理组件。处理器11的一些示例包括但不限于中央处理单元(CPU)、图形处理单元(GPU)、各种专用的人工智能(AI)计算芯片、各种运行机器学习模型算法的处理器、数字信号处理器(DSP)、以及任何适当的处理器、控制器、微控制器等。处理器11执行上文所描述的各个方法和处理，例如表格组件的生成方法。

在一些实施例中，表格组件的生成方法可被实现为计算机程序，其被有形地包含于计算机可读存储介质，例如存储单元18。在一些实施例中，计算机程序的部分或者全部可以经由ROM 12和/或通信单元19而被载入和/或安装到电子设备10上。当计算机程序加载到RAM 13并由处理器11执行时，可以执行上文描述的表格组件的生成方法的一个或多个步骤。备选地，在其他实施例中，处理器11可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行表格组件的生成方法。

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

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

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

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

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

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

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

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

Claims (10)

1.一种表格组件的生成方法，其特征在于，包括：

将待处理接口文档转换成接口信息树，并通过遍历所述接口信息树，确定待处理表格接口数据；

提取所述待处理表格接口数据中的表格请求接口关键数据，并根据所述表格请求接口关键数据，确定待注入模板数据；

将所述待注入模板数据注入表格模板，得到初始表格组件；

若所述待处理表格接口数据中存在表格接口注释数据，则根据所述表格接口注释数据以及所述初始表格组件，生成目标表格组件。

2.根据权利要求1所述的方法，其特征在于，将待处理接口文档转换成接口信息树，包括：

将所述待处理接口文档进行解析序列化，得到接口文档解析序列化数据；

将所述接口文档解析序列化数据进行存储，并获取swagger接口数据；

对所述swagger接口数据进行反序列化处理以及循环引用字段处理，得到所述接口信息树。

3.根据权利要求2所述的方法，其特征在于，通过遍历所述接口信息树，确定待处理表格接口数据，包括：

获取表格请求接口规范；

通过遍历所述接口信息树，确定所述接口信息树中满足表格请求接口规范的待处理表格接口数据；

其中，所述表格请求接口规范包括接口方法为GET请求、至少两个页面设置参数、返回响应结果关联字段以及实体显示字段。

4.根据权利要求1所述的方法，其特征在于，提取所述待处理表格接口数据中的表格请求接口关键数据，包括：

根据所述待处理表格接口数据，提取当前表格接口的表格接口数据；

根据所述当前表格接口的表格接口数据，确定所述当前表格接口的目标请求地址、目标请求参数以及目标标题字段；

将所述当前表格接口中的目标请求地址、目标请求参数以及目标标题字段，作为当前表格接口的表格请求接口关键数据。

5.根据权利要求4所述的方法，其特征在于，根据所述表格请求接口关键数据，确定待注入模板数据，包括：

根据所述目标请求地址，生成当前表格接口的目标表格组件名称以及目标请求接口名称；

根据所述当前表格接口的请求标签以及所述目标请求地址，生成所述当前表格接口的目标请求参数类型；

根据所述目标标题字段，生成目标表格列；

将所述目标表格组件名称、所述目标请求接口名称、所述目标请求参数类型以及所述目标表格列，作为与当前表格接口匹配的待注入模板数据。

6.根据权利要求5所述的方法，其特征在于，若所述待处理表格接口数据中存在表格接口注释数据，则根据所述表格接口注释数据以及所述初始表格组件，生成目标表格组件，包括：

若所述当前表格接口的表格接口文件中存在表格接口注释数据，则根据与当前表格接口匹配的表格接口注释数据以及与当前表格接口匹配的初始表格组件，生成当前表格接口的目标表格组件；

在根据所述表格接口注释数据以及所述初始表格组件，生成目标表格组件之后，还包括：

将所述当前表格接口的目标表格组件保存至当前目标文件；其中，当前目标文件的文件名称为所述目标表格组件名称；

创建保存当前表格接口的目标表格组件类型的第一子文件，以及保存组件引用文件的第二子文件。

7.根据权利要求5所述的方法，其特征在于，根据所述目标标题字段，生成目标表格列，包括：

在所述目标标题字段的类型为间接显示字段类型，获取默认渲染函数；

根据所述默认渲染函数，渲染所述目标表格列。

8.一种表格组件的生成装置，其特征在于，包括：

待处理表格接口数据确定模块，用于将待处理接口文档转换成接口信息树，并通过遍历所述接口信息树，确定待处理表格接口数据；

待注入模板数据确定模块，用于提取所述待处理表格接口数据中的表格请求接口关键数据，并根据所述表格请求接口关键数据，确定待注入模板数据；

初始表格组件获取模块，用于将所述待注入模板数据注入表格模板，得到初始表格组件；

目标表格组件生成模块，用于若所述待处理表格接口数据中存在表格接口注释数据，则根据所述表格接口注释数据以及所述初始表格组件，生成目标表格组件。

9.一种电子设备，其特征在于，所述电子设备包括：

至少一个处理器；以及

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

所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-7中任一项所述的表格组件的生成方法。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-7中任一项所述的表格组件的生成方法。

Images