[发明专利]UI组件代码生成、CRUD页面生成方法、装置和设备

说明书

本发明实施例公开了一种UI组件代码生成、CRUD页面生成方法、装置和设备。该方法包括：获取与UI组件对应的API的接口信息，并根据接口信息发起本地接口请求，获取与本地接口请求对应的响应数据；根据接口信息和响应数据生成API接口分析数据，并根据API接口分析数据在预先设置的UI模型集合中，确定与API接口匹配的目标UI模型；根据API接口分析数据以及与目标UI模型对应的原始配置信息，生成UI配置树；根据UI配置树对应的界面代码模板、逻辑代码模板以及API接口分析数据，生成UI组件代码。本发明实施例的技术方案可以生成包含逻辑关系的动态代码，从而降低前端开发的门槛，提升研发效率。

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种UI组件代码生成、CRUD页面生成方法、装置和设备。

背景技术

在项目开发中，前端系统通常需要与后端服务进行通信。例如，前端系统可以通过应用程序接口(Application Programming Interface，API)获取用户填写的数据，并通过API接口提交数据至后端服务。因此，在项目开发中，需要前端开发人员编写大量的代码实现与后端服务的通信。

现有技术中，通常通过人为编写方式生成代码，或者通过配置数据或者视觉稿数据生成代码。但是，人为编写方式生成代码需要消耗大量的人力，需要开发人员具有较高的技术水平。而通过配置数据或者视觉稿数据生成代码的方式，仅能生成静态页面的代码，在与后端服务进行通信时还需要通过人为方式补充其动态代码才能使用，十分不便，造成研发效率低下。

发明内容

本发明实施例提供了一种UI组件代码生成、CRUD页面生成方法、装置和设备，可以根据对API接口的分析，生成包含逻辑关系的动态代码，从而降低前端开发的门槛，提升研发效率。

第一方面，本发明实施例提供了一种UI组件代码生成方法，包括：

获取与UI组件对应的API的接口信息，并根据所述接口信息发起本地接口请求，获取与所述本地接口请求对应的响应数据；

根据所述接口信息和所述响应数据生成API接口分析数据，并根据所述API接口分析数据在预先设置的UI模型集合中，确定与API接口匹配的目标UI模型；

根据所述API接口分析数据以及与所述目标UI模型对应的原始配置信息，生成UI配置树；

根据所述UI配置树对应的界面代码模板、逻辑代码模板以及所述API接口分析数据，生成所述UI组件代码。

第二方面，本发明实施例还提供了一种CRUD页面的生成方法，包括：

采用如本发明任意实施例所提供的UI组件代码生成方法，生成CRUD页面所涉及的目标应用程序接口API对应的用户界面UI组件代码；

确定各目标API接口之间的参数对应关系，并根据所述参数对应关系构建各目标API接口对应的UI组件代码之间的关联关系，生成CRUD页面代码；

根据所述CRUD页面代码，生成所述CRUD页面。

第三方面，本发明实施例还提供了一种UI组件代码生成装置，包括：

响应数据获取模块，用于获取与UI组件对应的API的接口信息，并根据所述接口信息发起本地接口请求，获取与所述本地接口请求对应的响应数据；

目标UI模型确定模块，用于根据所述接口信息和所述响应数据生成API接口分析数据，并根据所述API接口分析数据在预先设置的UI模型集合中，确定与API接口匹配的目标UI模型；

UI配置树生成模块，用于根据所述API接口分析数据以及与所述目标UI模型对应的原始配置信息，生成UI配置树；