[发明专利]一种基于手绘网页图像的前端工程化代码生成方法

摘要

本发明涉及一种基于手绘网页图像的前端工程化代码生成方法。本发明的主要内容为：(1)设计领域特定语言对网页布局进行泛化；(2)对普通的网页进行预处理，使其趋近于手绘风格方便训练；(3)建立视觉模型、语言模型和解码器构成Draft2Code算法对手绘网页图像与其对应的领域特定语言代码进行训练得到识别模型，进而对手绘网页进行识别和转换；(4)对生成的领域特定语言代码进行处理转换为符合Vue或React框架语法的前端代码。本发明减少了UI设计工序，最终生成的代码文件可供前端工程师进行进一步开发，缩短了代码构建时间，从而提高开发效率。