【技术实现步骤摘要】
本专利技术涉及软件系统，特别涉及一种基于ui设计图的前端代码生成方法及系统。
技术介绍
1、目前的前端开发过程需要开发人员根据ui设计图手动编写html、css和javascript代码。正是由于每个前端工程师的代码风格不同，但编写静态页面的规则又大体相似，不仅浪费劳动力，而且对于后期接手的人员维护也较困难。
2、目前的技术中，对于前端页面的开发，大多都是开发人员依据ui设计图进行代码编写，但如果有相似的页面就会造成代码的重复，浪费人力，且对于后期维护也会比较麻烦。
技术实现思路
1、基于此，本申请实施例提供了一种基于ui设计图的前端代码生成方法及系统，可以根据ui图利用一些工具来自动生成前端代码，生成后的代码可以在线实时修改，修改后的页面效果也实时呈现，本申请可以使一个项目的代码风格尽量统一且能降低后期维护成本。
2、第一方面，提供了一种基于ui设计图的前端代码生成方法，该方法包括：
3、使用imgcook插件解析ui设计图，生成初始前端代码；
...【技术保护点】
1.一种基于UI设计图的前端代码生成方法，其特征在于，所述方法包括：
2.根据权利要求1所述的的前端代码生成方法，其特征在于，使用Imgcook插件解析UI设计图，生成初始前端代码，包括：
3.根据权利要求1所述的的前端代码生成方法，其特征在于，遍历在线编辑后的初始前端代码，查找所需的数据类型和数据参数进行重新组装，形成第二前端代码，包括：
4.根据权利要求1所述的的前端代码生成方法，其特征在于，根据预设转化规则将第二前端代码转化为对应的目标前端代码，包括：
5.根据权利要求1所述的的前端代码生成方法，其特征在于，将第二...
【技术特征摘要】
1.一种基于ui设计图的前端代码生成方法，其特征在于，所述方法包括：
2.根据权利要求1所述的的前端代码生成方法，其特征在于，使用imgcook插件解析ui设计图，生成初始前端代码，包括：
3.根据权利要求1所述的的前端代码生成方法，其特征在于，遍历在线编辑后的初始前端代码，查找所需的数据类型和数据参数进行重新组装，形成第二前端代码，包括：
4.根据权利要求1所述的的前端代码生成方法，其特征在于，根据预设转化规则将第二前端代码转化为对应的目标前端代码，包括：
5.根据权利要求1所述的的前端代码生成方法，其特征在于，将第二前端代码进行格式化、压缩、以及兼容性优化转化为目标前端代码，包括：
6.根...
【专利技术属性】
技术研发人员：刘庆林，张宁宁，吕宗辉，陈健，李小琼，魏海宇，柳博文，谢辉，吴小勇，刘海洋，姜小光，
申请(专利权)人：北京中睿天下信息技术有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。