【技术实现步骤摘要】
一种数据处理方法、装置及电子设备
[0001]本申请涉及计算机
,具体涉及一种数据处理方法、装置及电子设备。本申请同时涉及另一种数据处理方法、装置及电子设备。本申请同时涉及另一种数据处理方法、装置及电子设备。
技术介绍
[0002]将设计稿转换为前端代码,对前端代码进行渲染处理获得前端页面的过程,称为还原设计稿的过程。其中,将设计稿转换为前端代码的过程中,包含对设计稿进行布局算法处理的过程。布局算法的核心是,获得设计稿的元素节点信息,对元素节点信息进行布局算法处理,获得设计稿的元素节点信息的布局信息,根据元素节点信息的布局信息,生成前端代码。
[0003]现有技术中,在布局算法处理过程中,如果前端代码不符合开发者的预期结果,则需要对布局算法进行调试处理。通常通过断点或者输出日志的方式获得需要调整布局信息的元素节点信息,根据元素节点信息的布局信息生成前端代码并获得渲染页面,根据渲染页面分析该元素节点信息的布局信息的异常情况。
[0004]现有技术的上述布局算法调试方式导致获得异常情况的元素节点的重复步骤复 ...
【技术保护点】
【技术特征摘要】
1.一种数据处理方法,其特征在于,包括:获得设计稿的初始图层描述信息;通过布局算法的多个子处理流程对所述初始图层描述信息进行分段处理,获得多个子处理流程分别对应的子处理结果,并保存所述子处理结果的快照文件;对所述快照文件对应的程序代码执行调试操作。2.根据权利要求1所述的方法,其特征在于,所述通过布局算法的多个子处理流程对所述初始图层描述信息进行分段处理,获得多个子处理流程分别对应的子处理结果,并保存所述子处理结果的快照文件,包括:将所述初始图层描述信息进行布局算法处理,按照所述布局算法的多个子处理流程对应的顺序依次执行子处理流程,获得每个子处理流程对应的子处理结果,并保存所述子处理结果的快照文件。3.根据权利要求2所述的方法,其特征在于,所述将所述初始图层描述信息进行布局算法处理,按照所述布局算法的多个子处理流程对应的顺序依次执行子处理流程,获得每个子处理流程对应的子处理结果,并保存所述子处理结果的快照文件,包括:将所述初始图层描述信息执行所述布局算法的第一子处理流程,获得第一子处理结果,并保存所述第一子处理结果的快照文件;将所述第一子处理结果执行所述布局算法的第二子处理流程,获得第二子处理结果,并保存所述第二子处理结果的快照文件。4.根据权利要求1所述的方法,其特征在于,所述对所述快照文件对应的程序代码执行调试操作,包括:从获得的多个子处理结果的快照文件中,确定元素节点被修改处理的目标子处理结果的快照文件;获得所述目标子处理结果的快照文件对应的目标程序代码;在所述目标程序代码中,查询被修改处理的元素节点对应的代码;对所述被修改处理的元素节点对应的代码执行调试操作。5.根据权利要求4所述的方法,其特征在于,在所述布局算法的多个子处理流程的任意相邻两个子处理流程中,排序在前的子处理流程获得的子处理结果,作为排序在后的子处理流程进行布局算法处理的输入数据;所述从获得的多个子处理结果的快照文件中,确定元素节点被修改处理的目标子处理结果的快照文件,包括:在所述多个子处理结果的快照文件中,比较任意相邻两个子处理结果的快照文件中元素节点的位置信息或者层级结果信息;如果所述任意相邻两个子处理结果的快照文件中存在元素节点的位置信息被修改或者存在元素节点的层级结构信息被修改,则将所述任意相邻两个子处理结果的快照文件中,排序在后的子处理结果的快照文件确定为元素节点被修改处理的目标子处理结果的快照文件。6.根据权利要求1所述的方法,其特征在于,还包括:获得用户端发送的用于请求获取所述设计稿对应的前端代码的第一请求消息;所述获得设计稿的初始图层描述信息,包括:
基于所述第一请求消息,对所述设计稿进行解析处理,获得所述设计稿的元素节点集合以及每个元素节点对应的样式属性信息;根据所述设计稿的元素节点集合以及每个元素节点对应的样式属性信息,生成所述设计稿的初始图层描述信息;其中,所述样式属性信息用于表征所述元素节点在所述设计稿中的尺寸信息和初始位置信息。7.根据权利要求1所述的方法,其特征在于,所述子处理结果包括所述设计稿的元素节点的层级结构信息,所述层级结构信息用于表征所述元素节点在所述设计稿的各个图层中的结构位置关系。8.根据权利要求1所述的方法,其特征在于,还包括:将执行调试操作后的程序代码发送给用户端,作为在用户端页面渲染图像的前端代码。9.一种数据处理方法,其特征在于,包括:可视化界面端向服务端发送用于请求获得设计稿对应的前端代码的第一请求消息;服务端根据所述第一请求消息,获得所述设计稿的初...
【专利技术属性】
技术研发人员:岳时雨,
申请(专利权)人:淘宝中国软件有限公司,
类型:发明
国别省市:
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。