【技术实现步骤摘要】
代码的生成方法、装置、设备及存储介质
本申请涉及计算机
,尤其涉及一种代码的生成方法、装置、设备及存储介质。
技术介绍
随着计算机的发展,编程语言的快速演进,以及网络平台的多样化,视图图像的设计软件从传统的Photoshop向sketch逐渐演进。然而设计软件的统一并没有带来静态页面代码的统一。重复的开发相似的模块是UI开发者永恒不变的痛点。
技术实现思路
本申请的多个方面提供一种代码的生成方法、装置、设备及存储介质,用以灵活、快速且方便地生成视图图像对应的代码,且减少开发的人力成本。本申请实施例提供一种代码的生成方法,包括:响应于选取操作,选取在可编辑图像中展示的可编辑的目标节点;响应于配置操作,配置所述目标节点的属性的绑定数据;根据所述可编辑图像、所述绑定数据以及所述绑定数据的解析方式,生成目标编程语言对应的代码。本申请实施例还提供一种代码的生成装置,包括:选择模块,用于响应于选取操作,选取在可编辑图像中展示的可编辑的目标节点;配置模块,用于响应于配置操作,配置所述目标节点的属性 ...
【技术保护点】
1.一种代码的生成方法,其特征在于,包括:/n响应于选取操作,选取在可编辑图像中展示的可编辑的目标节点;/n响应于配置操作,配置所述目标节点的属性的绑定数据;/n根据所述可编辑图像、所述绑定数据以及所述绑定数据的解析方式,生成目标编程语言对应的代码。/n
【技术特征摘要】 【专利技术属性】
1.一种代码的生成方法,其特征在于,包括:
响应于选取操作,选取在可编辑图像中展示的可编辑的目标节点;
响应于配置操作,配置所述目标节点的属性的绑定数据;
根据所述可编辑图像、所述绑定数据以及所述绑定数据的解析方式,生成目标编程语言对应的代码。
2.根据权利要求1所述的方法,其特征在于,响应于选取操作之前,所述方法还包括:
识别获取到的可编辑图像的静态结构,将所述静态结构转换为指定编程语言的树形结构,并根据所述树形结构展示所述可编辑图像;
其中,通过从所述树形结构中识别出所述至少一个基础节点以及至少一个高级节点,展示在所述可编辑图像中,作为可编辑的节点,并将选取到的任一基础节点或任一高级节点作为目标节点;
其中,所述高级节点是通过基础节点转化得到。
3.根据权利要求2所述的方法,其特征在于,所述从所述树形结构中识别出所述至少一个基础节点以及至少一个高级节点,包括:
将从所述树形结构中识别出所述至少一个节点作为基础节点;
根据节点名称,从所述至少一个基础节点中获取出待转换的节点,并将待转换的节点转换为高级节点。
4.根据权利要求1所述的方法,其特征在于,在选取目标节点后,所述方法还包括:
根据选取的目标节点,获取与该目标节点对应的至少一个属性;
响应于属性的查看操作,展示获取到的所述至少一个属性;
响应于属性的选择操作,选择该目标节点的属性。
5.根据权利要求1或4所述的方法,其特征在于,所述方法还包括:
根据选取的目标节点,获取并展示与所述目标节点对应的至少一个属性,其中,所述至少一个属性根据选择频率由大到小进行排序;
响应于属性的选择操作,选择该目标节点的属性。
6.根据权利要求1所述的方法,其特征在于,所述响应于配置操作,配置所述目标节点的属性的绑定数据,包括:
响应于静态的绑定数据的选择操作,确定所述绑定数据为静态值;
响应于所述绑定数据的输入操作,确定所述目标节点的属性的绑定数据。
7.根据权利要求1所述的方法,其特征在于,所述响应于配置操作,配置所述目标节点的属性的绑定数据,包括:
响应于动态的绑定数据的选择操作,确定所述绑定数据为动态值;
获取并展示出与该目标节点的属性对应的数据源选择列表;
响应于对数据源的选择操作,生成该目标节点的属性的绑定数据的获取路径。
8.根据权利要求7所述的方法,其特征在于,所述方法还包括:
在响应于动态的绑定数据的选择操作后,未展示出与该目标节点的属性对应的数据源选择列表,则响应于所述获取路径的输入操作,确定所述该目标节点的属性的绑定数据的获取路径。
9.根据权利要求1所述的方法,其特征在于,所述绑定数据作为该目标节点的属性的属性值。
10.根据权利要求1所述的方法,其特征在于,所述方法还包括:
针对至少一个目标节点的属性的绑定数据,生成表示绑定数据的集合的描述文件。
11.根据权利要求1所述的方法,其特征在于,所述根据所述可编辑图像、所述绑定数据以及所述绑定数据的解析方式,生成目标编程语言对应的代码,包括:
将具有绑定数据的可编辑图像以及所述绑定数据的解析方式转换成目标编程语言对应的代码。
12.根据权利要求11所述的方法,其特征在于,所述将具有绑定数据的可编辑图像以及所述绑定数据的解析方式转换成目标编程语言对应的代码,包括:
响应于编程语言的选择操作,确定目标编程语言以及与所述目标编程语言对应的解析算法;
响应于代码的生成操作,根据所述解析算法,对配置了绑定数据的可编辑图像进行目标编程语言的编码,生成可编辑图像代码;
根据所述解析算法,对所述绑定数据解析方式进行目标编程语言的编码,生成绑定数据解析代码。
13.根据权利要求12所述的方法,其特征在于,所述方法还包括:
将所述可编辑图像代码以及所述绑定数据解析代码进行发布,生成对应的视图模块。
14.一种代码的生成装置,其特征在于,包括:
选择模块,用于响应于选取操作,选取在可编辑图像中展示的可编辑的目标节点;
配置模块,用于响应于配置操作,配置所述目标节点的属性的绑定数据;
生成模块,用于根据所述可编辑图像、所述绑定数据以及所述绑定数据的解析方式,生成目标编程语言对应的代码。
15.一种设备,其特征在于,包括存储器以及处理器;
技术研发人员:郭启织,周婷婷,
申请(专利权)人:阿里巴巴集团控股有限公司,
类型:发明
国别省市:开曼群岛;KY
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。