前端组件生成方法、装置、存储介质及电子设备制造方法及图纸

本申请实施例公开了前端组件生成方法、装置、存储介质及电子设备，该方法可以通过开发基础组件，并在开发出的基础组件的基础之上，形成用于生成前端组件的相关模板，该模板包括接口代码模板和组件代码模板，通过获取用户希望生成的组件的相关信息，即接口文档，自动解析接口文档，基于解析结果结合接口代码模板和组件代码模板，自动为用户生成充分满足设计规范要求的接口代码和组件代码，从而最终生成满足用户要求的前端组件。这一前端组件生成方法可以实现基于接口代码模板和组件代码模板的模板自动拼装，该自动拼装可以基于对用户提供的接口文档进行解析所得到的解析结果实施，从而使得自动拼装得到的前端组件充分满足用户需求。需求。需求。

【技术实现步骤摘要】
前端组件生成方法、装置、存储介质及电子设备


[0001]本申请实施例涉及计算机
，尤其涉及前端组件生成方法、装置、存储介质及电子设备。

技术介绍

[0002]相关技术中，云环境下，如果用户希望能够实现组件的生成，需要依靠大量的手动开发，编译操作，才能实现组件的堆砌，开发和编译的过程缺少规范化约束，导致最终生成的组件规范化程度低，维护困难，难以跟已有的业务充分对接，并且将组件添加到云环境的过程复杂，从而使得组件从生成到应用的整体过程低效且繁琐，出现故障的概率也较高。

技术实现思路

[0003]为了提升云环境下前端组件的生成效率和生成质量，降低前端组件对于人工的依赖，提升前端组件规范化程度，简化前端组件的生成流程，降低前端组件生成成本，本申请实施例提供前端组件生成方法、装置、存储介质及电子设备。
[0004]一方面，本申请实施例提供了一种前端组件生成方法，所述方法包括：
[0005]获取接口文档和组件需求信息，所述接口文档用于描述前端组件对应的接口信息，所述接口信息符合预设规范，所述组件需求信息包括组件类型信息；
[0006]根据所述接口文档确定对应的目标接口代码模板，根据所述目标接口代码模板生成所述前端组件对应的接口请求代码；
[0007]根据所述组件需求信息确定对应的目标组件代码模板，根据所述目标组件代码模板生成所述前端组件对应的组件代码；
[0008]根据所述组件代码和所述接口请求代码，生成所述前端组件。
[0009]另一方面，本申请实施例提供一种前端组件生成装置，所述装置包括：
[0010]需求数据获取模块，用于获取接口文档和组件需求信息，所述接口文档用于描述前端组件对应的接口信息，所述接口信息符合预设规范，所述组件需求信息包括组件类型信息；
[0011]接口代码生成模块，用于根据所述接口文档确定对应的目标接口代码模板，根据所述目标接口代码模板生成所述前端组件对应的接口请求代码；
[0012]组件代码生成模块，用于根据所述组件需求信息确定对应的目标组件代码模板，根据所述目标组件代码模板生成所述前端组件对应的组件代码；
[0013]组件生成模块，用于根据所述组件代码和所述接口请求代码，生成所述前端组件。
[0014]另一方面，本申请实施例提供一种前端组件生成系统，所述系统包括数据层、数据分析层、组件层、接口层、组件代码模板层和接口代码模板层，
[0015]所述数据层，用于获取接口文档和组件需求信息，并将所述接口文档和所述组件需求信息传输至所述数据分析层；
[0016]所述数据分析层，用于根据基于预设规范对所述接口文档进行解析，得到接口属
性信息，根据所述接口属性信息生成目标接口数据，将所述目标接口数据传输至所述接口层；
[0017]所述接口层，用于基于所述目标接口数据触发所述接口代码模板层执行映射操作，得到所述目标接口代码模板，所述接口层用于根据所述目标接口数据和所述目标接口代码模板，生成所述接口请求代码，将所述接口请求代码反馈至所述数据层；
[0018]所述数据分析层，还用于根据所述组件类型信息在所述接口文档中确定相关组件字段分别对应的组件字段信息，根据各所述组件字段信息生成目标组件数据，将所述目标组件数据传输至所述组件层；
[0019]所述组件层，用于基于所述目标组件数据触发所述组件代码模板执行映射操作，得到所述目标组件代码模板，所述组件层用于根据所述目标组件数据和所述目标组件代码模板，生成所述前端组件对应的组件代码，并将所述组件代码反馈至所述数据层；
[0020]所述数据层，还用于根据所述组件代码和所述接口请求代码，完成所述前端代码的生成操作。
[0021]另一方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质中存储有至少一条指令或至少一段程序，所述至少一条指令或至少一段程序由处理器加载并执行以实现上述的一种前端组件生成方法。
[0022]另一方面，本申请实施例提供了一种电子设备，包括至少一个处理器，以及与所述至少一个处理器通信连接的存储器；其中，所述存储器存储有可被所述至少一个处理器执行的指令，所述至少一个处理器通过执行所述存储器存储的指令实现上述的一种前端组件生成方法。
[0023]另一方面，本申请实施例提供了一种计算机程序产品，包括计算机程序或指令，该计算机程序或指令被处理器执行时实现上述的一种前端组件生成方法。
[0024]本申请提供的前端组件生成方法、装置、存储介质及电子设备，可以通过开发基础组件，并在开发出的基础组件的基础之上，形成用于生成前端组件的相关模板，该模板包括接口代码模板和组件代码模板，通过获取用户希望生成的组件的相关信息，即接口文档，自动解析接口文档，基于解析结果结合接口代码模板和组件代码模板，自动为用户生成充分满足设计规范要求的接口代码和组件代码，从而最终生成满足用户要求的前端组件。这一前端组件生成方法可以实现基于接口代码模板和组件代码模板的模板自动拼装，该自动拼装可以基于对用户提供的接口文档进行解析所得到的解析结果实施，从而使得自动拼装得到的前端组件充分满足用户需求，理论上自动拼装的专利技术构思可以适配目前云环境下所有前端组件覆盖的各预设类型，避免重复开发组件，并且使得拼接得到的前端组件自动匹配标准设计规范。
附图说明
[0025]为了更清楚地说明本申请实施例或相关技术中的技术方案和优点，下面将对实施例或相关技术描述中所需要使用的附图作简单的介绍，显而易见地，下面描述中的附图仅仅是本申请实施例的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它附图。
[0026]图1是本说明书实施例提供的云服务框架示意图；
[0027]图2是本说明书实施例提供的一种前端组件生成方法的流程示意图；
[0028]图3是本申请实施例提供的接口文档的内容示意图；
[0029]图4是本申请实施例提供的代码生成方法流程示意图；
[0030]图5是本申请实施例提供的前端组件生成系统的逻辑结构图；
[0031]图6是本申请实施例提供的前端组件生成系统的执行时序图；
[0032]图7是本申请实施例提供的前端组件生成装置的框图；
[0033]图8是本申请实施例提供的前端组件生成系统的框图；
[0034]图9是本申请实施例提供的一种用于实现本申请实施例所提供的方法的设备的硬件结构示意图。
具体实施方式
[0035]下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请实施例一部分实施例，而不是全部的实施例。基于本申请实施例中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都属于本申请实施例保护的范围。
[0036]需要说明的是，本申请实施例的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端组件生成方法，其特征在于，所述方法包括：获取接口文档和组件需求信息，所述接口文档用于描述前端组件对应的接口信息，所述接口信息符合预设规范，所述组件需求信息包括组件类型信息；根据所述接口文档确定对应的目标接口代码模板，根据所述目标接口代码模板生成所述前端组件对应的接口请求代码；根据所述组件需求信息确定对应的目标组件代码模板，根据所述目标组件代码模板生成所述前端组件对应的组件代码；根据所述组件代码和所述接口请求代码，生成所述前端组件。2.根据权利要求1所述的方法，其特征在于，所述根据所述接口文档确定对应的目标接口代码模板，根据所述目标接口代码模板生成所述前端组件对应的接口请求代码，包括：基于所述预设规范对所述接口文档进行解析，得到接口属性信息，所述接口属性信息包括下述至少之一：接口入参、接口出参、接口请求方式、接口地址；基于所述接口属性信息执行映射操作，得到所述目标接口代码模板；根据所述接口属性信息生成目标接口数据，所述目标接口数据具有与所述目标接口代码模板适配的数据格式；根据所述目标接口数据和所述目标接口代码模板，生成所述接口请求代码。3.根据权利要求1或2所述的方法，其特征在于，所述根据所述目标组件代码模板生成所述前端组件对应的组件代码，包括：根据所述组件类型信息在所述接口文档中确定相关组件字段分别对应的组件字段信息，所述组件字段信息为所述组件类型信息指示的前端组件所展示的、所述接口文档中的字段对应的信息，每一所述组件字段对应的组件字段信息包括下述之一：字段标识、字段描述、字段必要性标识、字段数据类型；在所述相关组件字段分别对应的组件字段信息符合所述组件类型信息所对应的适配性要求的情况下，根据各所述组件字段信息生成目标组件数据，所述目标组件数据具有与所述目标组件代码模板适配的数据格式；根据所述目标组件数据和所述目标组件代码模板，生成所述前端组件对应的组件代码。4.根据权利要求3所述的方法，其特征在于，所述根据所述目标组件数据和所述目标组件代码模板，生成所述前端组件对应的组件代码，包括：调用所述目标组件代码模板的组件生成方法，所述组件生成方法用于基于所述目标组件数据，生成所述组件类型信息所对应的组件中的各个元素分别对应的具体代码；根据所述组件生成方法的代码生成结果，得到所述组件代码。5.根据权利要求4所述的方法，其特征在于，所述组件类型信息指示表格组件，所述组件生成方法包括：调用列模板对应的列生成方法，所述列生成方法用于基于所述目标组件数据生成表格组件中的每一列对应的代码，所述列模板属于所述目标组件代码模板；所述根据所述组件生成方法的代码生成结果，得到所述组件代码，包括：将生成的所有列的代码插入所述表格组件对应的框架代码，得到所述组件代码。6.根据权利要求3所述的方法，其特征在于，所述方法应用于前端组件生成系统，所述
系统包括数据层、数据分析层、组件层、接口层、组件代码模板层和接口代码模板层，所述方法包括：所述数据层获取接口文档和组件需求信息，并将所述接口文档和所述组件需求信息传输至所述数据分析层；所述数据分析层根据基于所述预设规范对所述接口文档进行解析，得到接口属性信息，根据所述接口属性信息生成目标接口数据，将所述目标接口数据传输至所述接口层；所述接口层基于所述目标接口数据触发所述接口代码模板层执行映射操作，得到所述目标接口...

【专利技术属性】
技术研发人员：冯超，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：