界面代码的生成方法、装置、设备及存储介质制造方法及图纸

本申请实施例提供一种界面代码的生成方法、装置、设备及存储介质，其中该方法通过显示编辑界面，获取用户基于该编辑界面得到的UI界面，基于该UI界面中各UI组件之间的位置关系和嵌套关系，生成该UI界面对应第一编程语言的第一格式数据，通过将第一格式数据转换为对应第二编程语言的第二格式数据，基于第二格式数据生成UI界面对应第二编程语言的代码，实现了界面代码的自动化生成，提高了界面代码的生成效率。

【技术实现步骤摘要】
界面代码的生成方法、装置、设备及存储介质
本申请实施例涉及计算机
，尤其涉及一种界面代码的生成方法、装置、设备及存储介质。
技术介绍
相关技术在界面开发过程中，需要手动编写用于实现目标界面样式的界面代码，并且在编写界面代码之前，需要根据界面所在应用的版本以及开发框架的提供方选择对应的脚手架工具，以及手动修改脚手架工具的部分文件，然后才能根据目标界面的样式手动编写界面代码，在整个开发过程中，手动改写脚手架部分文件及手动编写界面代码的部分需要消耗大量的时间，效率较低。
技术实现思路
本申请实施例提供一种界面代码的生成方法、装置、设备及存储介质，用以提高界面代码的生成效率。本申请实施例第一方面提供一种界面代码的生成方法，该方法包括：显示编辑界面，所述编辑界面上包括可用于UI设计的UI组件，所述UI组件基于第一编程语言实现；从所述编辑界面中获取用户基于所述UI组件编辑得到的UI界面；基于所述UI界面中各UI组件之间的位置关系以及嵌套关系，生成所述UI界面对应所述第一编程语言的第一格式数据；将所述UI界面对应所述本文档来自技高网...

【技术保护点】
1.一种界面代码的生成方法，其特征在于，包括：/n显示编辑界面，所述编辑界面上包括可用于UI设计的UI组件，所述UI组件基于第一编程语言实现；/n从所述编辑界面中获取用户基于所述UI组件编辑得到的UI界面；/n基于所述UI界面中各UI组件之间的位置关系以及嵌套关系，生成所述UI界面对应所述第一编程语言的第一格式数据；/n将所述UI界面对应所述第一编程语言的所述第一格式数据转换成对应第二编程语言的第二格式数据；/n基于所述第二格式数据，生成所述UI界面对应所述第二编程语言的代码。/n

【技术特征摘要】
1.一种界面代码的生成方法，其特征在于，包括：
显示编辑界面，所述编辑界面上包括可用于UI设计的UI组件，所述UI组件基于第一编程语言实现；
从所述编辑界面中获取用户基于所述UI组件编辑得到的UI界面；
基于所述UI界面中各UI组件之间的位置关系以及嵌套关系，生成所述UI界面对应所述第一编程语言的第一格式数据；
将所述UI界面对应所述第一编程语言的所述第一格式数据转换成对应第二编程语言的第二格式数据；
基于所述第二格式数据，生成所述UI界面对应所述第二编程语言的代码。


2.根据权利要求1所述的方法，其特征在于，所述第一格式数据包括：
所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及所述UI界面中各UI组件之间的嵌套关系。


3.根据权利要求2所述的方法，其特征在于，所述将所述UI界面对应所述第一编程语言的所述第一格式数据转换成对应第二编程语言的第二格式数据，包括：
根据第一编程语言与第二编程语言之间的映射关系，将所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及各UI组件之间的嵌套关系映射为在所述第二编程语言中对应的标签名称、样式名称、样式内容和嵌套关系。


4.根据权利要求3所述的方法，其特征在于，所述根据第一编程语言与第二编程语言之间的映射关系，将所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及各UI组件之间的嵌套关系映射为在所述第二编程语言中对应的标签名称、样式名称、样式内容和嵌套关系，包括：
在检测到所述UI界面的UI组件中未嵌套其他组件时，检测所述UI组件的标签名称中是否包括衍生框架标识；
其中，若包括，则基于所述衍生框架标识，将所述UI组件在所述第一编程语言中对应的标签名称、样式名称和样式内容映射为所述衍生框架在所述第二编程语言中的标签签名、样式名称和样式内容；
若不包括，则将所述UI组件在所述第一编程语言中对应的标签名称、样式名称和样式内容映射为所述UI组件在所述第二编程语言中的原生标签签名、样式名称和样式内容。


5.根据权利...

【专利技术属性】
技术研发人员：贠鹏，江浩，孙同生，董涛，张腾飞，刘保帅，李婉菁，任宇，
申请(专利权)人：北京京东尚科信息技术有限公司，北京京东世纪贸易有限公司，
类型：发明
国别省市：北京;11