UI组件代码生成、CRUD页面生成方法、装置和设备制造方法及图纸

技术编号:30826216 阅读:25 留言:0更新日期:2021-11-18 12:24
本发明专利技术实施例公开了一种UI组件代码生成、CRUD页面生成方法、装置和设备。该方法包括:获取与UI组件对应的API的接口信息,并根据接口信息发起本地接口请求,获取与本地接口请求对应的响应数据;根据接口信息和响应数据生成API接口分析数据,并根据API接口分析数据在预先设置的UI模型集合中,确定与API接口匹配的目标UI模型;根据API接口分析数据以及与目标UI模型对应的原始配置信息,生成UI配置树;根据UI配置树对应的界面代码模板、逻辑代码模板以及API接口分析数据,生成UI组件代码。本发明专利技术实施例的技术方案可以生成包含逻辑关系的动态代码,从而降低前端开发的门槛,提升研发效率。率。率。

【技术实现步骤摘要】
UI组件代码生成、CRUD页面生成方法、装置和设备


[0001]本专利技术实施例涉及计算机
,尤其涉及一种UI组件代码生成、CRUD页面生成方法、装置和设备。

技术介绍

[0002]在项目开发中,前端系统通常需要与后端服务进行通信。例如,前端系统可以通过应用程序接口(Application Programming Interface,API)获取用户填写的数据,并通过API接口提交数据至后端服务。因此,在项目开发中,需要前端开发人员编写大量的代码实现与后端服务的通信。
[0003]现有技术中,通常通过人为编写方式生成代码,或者通过配置数据或者视觉稿数据生成代码。但是,人为编写方式生成代码需要消耗大量的人力,需要开发人员具有较高的技术水平。而通过配置数据或者视觉稿数据生成代码的方式,仅能生成静态页面的代码,在与后端服务进行通信时还需要通过人为方式补充其动态代码才能使用,十分不便,造成研发效率低下。

技术实现思路

[0004]本专利技术实施例提供了一种UI组件代码生成、CRUD页面生成方法、装置和设备,可以根据对API本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种UI组件代码生成方法,其特征在于,包括:获取与用户界面UI组件对应的应用程序接口API的接口信息,并根据所述接口信息发起本地接口请求,获取与所述本地接口请求对应的响应数据;根据所述接口信息和所述响应数据生成API接口分析数据,并根据所述API接口分析数据在预先设置的UI模型集合中,确定与API接口匹配的目标UI模型;根据所述API接口分析数据以及与所述目标UI模型对应的原始配置信息,生成UI配置树;根据所述UI配置树对应的界面代码模板、逻辑代码模板以及所述API接口分析数据,生成所述UI组件代码。2.根据权利要求1所述的方法,其特征在于,所述UI模型集合为表格模型、表单模型、弹窗模型以及菜单模型中的一项或者多项构成的集合;根据所述API接口分析数据在预先设置的UI模型集合中,确定与API接口匹配的目标UI模型,包括:当确定所述API接口分析数据为请求类型数据,且所述API接口分析数据包含分页信息时,在预先设置的UI模型集合中,将表格模型确定为与API接口匹配的目标UI模型;当确定所述API接口分析数据为请求类型数据,且所述API接口分析数据不包含分页信息时,在预先设置的UI模型集合中,将表格模型与菜单模型确定为与API接口匹配的目标UI模型;当确定所述API接口分析数据为提交类型数据,且所述API接口分析数据为单个标识类型数据时,在预先设置的UI模型集合中,将弹窗模型确定为与API接口匹配的目标UI模型;当确定所述API接口分析数据为提交类型数据,且所述API接口分析数据为多个提交数据时,在预先设置的UI模型集合中,将表单模型确定为与API接口匹配的目标UI模型;当确定所述API接口分析数据为提交类型数据,且所述API接口分析数据为单个非标识类型数据时,在预先设置的UI模型集合中,将表单模型与弹窗模型确定为与API接口匹配的目标UI模型。3.根据权利要求2所述的方法,其特征在于,在根据所述API接口分析数据在预先设置的UI模型集合中,确定与API接口匹配的目标UI模型之后,还包括:当确定的所述目标UI模型中模型数量大于1时,根据所述目标UI模型生成UI模型确认列表;响应于用户对所述UI模型确认列表中单个模型的确认操作,对所述目标UI模型进行更新。4.根据权利要求1所述的方法,其特征在于,根据所述API接口分析数据以及与所述目标UI模型对应的原始配置信息,生成UI配置树,包括:根据所述API接口分析数据以及所述目标UI模型对应的原始配置信息,生成信息项列表;响应于用户对所述信息项列表的选取操作,确定与所述UI配置树对应的配置信息;根据所述配置信息,生成所述UI配置树。5.根据权利要求1所述的方法,其特征在于,在根据所述UI配置树对应的界面代码模板、逻辑代码模板以及所述API接口分析数据,生成所述UI组件代码之前,还包括:
根据所述UI配置树生成UI界面的预览效果图,其中,所述预览效果图为可编辑效果图;获取针对所述预览效果图的编辑信息,并根据所述编辑信息更新所述UI配置树。6.根据权利要求1所述的方法,其特征在于,根据所述UI配置树对应的界面代码模板、逻辑代码模板以及所述API接口分析数据,生成所述UI组件...

【专利技术属性】
技术研发人员:陈少毅郑启光
申请(专利权)人:广州虎牙科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1