预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共14页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)国家知识产权局(12)发明专利申请(10)申请公布号CN115904374A(43)申请公布日2023.04.04(21)申请号202211459379.3G06F8/51(2018.01)(22)申请日2022.11.16G06F8/36(2018.01)(71)申请人平安银行股份有限公司地址518000广东省深圳市罗湖区深南东路5047号(72)发明人林佰祥(74)专利代理机构北京超凡宏宇专利代理事务所(特殊普通合伙)11463专利代理师王新哲(51)Int.Cl.G06F8/38(2018.01)G06V10/764(2022.01)G06F8/34(2018.01)G06F8/30(2018.01)G06F11/36(2006.01)权利要求书2页说明书8页附图3页(54)发明名称UI组件的代码生成方法、装置、电子设备及存储介质(57)摘要本申请实施例提供了一种UI组件的代码生成方法、装置、电子设备及存储介质,属于计算机技术领域。其中方法包括:采用前端智能图片识别工具对视觉稿进行识别,得到视觉稿的多个UI组件信息;按照JSON数据格式输出各UI组件信息的组件坐标及组件类型;从前端UI框架组件获取各组件类型对应的第一目标源码;根据各UI组件信息的组件坐标及组件类型对各第一目标源码进行标准化处理,得到各UI组件信息对应的第一标准源码。这样,对视觉稿自动识别UI组件信息,并自动后期UI组件信息对应的第一标准源码,可以有效降低重构工程师、前端工程师的开发成本,提高组件代码的标准化程度。CN115904374ACN115904374A权利要求书1/2页1.一种UI组件的代码生成方法,其特征在于,所述方法包括:采用前端智能图片识别工具对视觉稿进行识别,得到所述视觉稿的多个UI组件信息;按照JSON数据格式输出各所述UI组件信息的组件坐标及组件类型;从前端UI框架组件获取各所述组件类型对应的第一目标源码;根据各所述UI组件信息的组件坐标及组件类型对各所述第一目标源码进行标准化处理,得到各所述UI组件信息对应的第一标准源码。2.根据权利要求1所述的方法,其特征在于,还包括:根据前端UI框架格式将各所述UI组件信息的第一标准源码转换为各所述UI组件信息的第一HTML代码。3.根据权利要求1所述的方法,其特征在于,还包括:根据前端UI框架版本对各所述UI组件信息的第一HTML代码的版本进行调整。4.根据权利要求1所述的方法,其特征在于,所述根据各所述UI组件信息的组件坐标及组件类型对各所述第一目标源码进行标准化处理,包括:根据各所述UI组件信息的组件类型确定各所述UI组件信息的样式信息;将各所述UI组件信息的样式信息及组件坐标封装到对应的第一目标源码中。5.根据权利要求2所述的方法,其特征在于,还包括:根据各所述UI组件信息的第一HTML代码生成对应的待检UI组件;判断各所述待检UI组件是否与标准UI组件相匹配;将各所述待检UI组件中与所述标准UI组件匹配的待检UI组件确定为合格UI组件;将各所述待检UI组件中与所述标准UI组件不匹配的待检UI组件确定为不合格UI组件。6.根据权利要求5所述的方法,其特征在于,还包括:在各所述待检UI组件中存在所述不合格UI组件的情况下,获取所述视觉稿的多个UI组件标注信息;按照JSON数据格式输出各所述UI组件标注信息的组件标注坐标及组件标注类型;从所述前端UI框架组件获取各所述组件标注类型对应的第二目标源码;根据各所述UI组件标注信息的组件标注坐标及组件标注类型对各所述第二目标源码进行标准化处理,得到各所述UI组件标注信息对应的第二标准源码。7.根据权利要求6所述的方法,其特征在于,还包括:根据前端UI框架格式将各所述UI组件标注信息的第二标准源码转换为各所述UI组件标注信息的第二HTML代码。8.一种UI组件的代码生成装置,其特征在于,所述装置包括:识别模块,用于采用前端智能图片识别工具对视觉稿进行识别,得到所述视觉稿的多个UI组件信息;输出模块,用于按照JSON数据格式输出各所述UI组件信息的组件坐标及组件类型;获取模块,用于从前端UI框架组件获取各所述组件类型对应的第一目标源码;处理模块,用于根据各所述UI组件信息的组件坐标及组件类型对各所述第一目标源码进行标准化处理,得到各所述UI组件信息对应的第一标准源码。9.一种电子设备,其特征在于,包括存储器以及处理器,所述存储器存储有计算机程序,所述计算机程序在所述处理器运行时执行权利要求1至7中任一项所述的UI组件的代码2CN115904374A权利要求书2/2页生成方法。10.一种计算机可读存储介质,其特征在于,其存储有计算机程序,所述计算机程序在处理器上运行时执行权利要求1至7中任一项所述的UI组件的代码生成方法。3CN115904374