[发明专利]前端代码生成方法、装置、系统及存储介质

权利要求书

1.一种前端代码生成方法，包括：

获取当前时刻图形用户界面的视觉稿，所述当前时刻的前一时刻的图形用户界面的视觉稿，以及所述前一时刻的图形用户界面的视觉稿对应的领域特定语言DSL代码；

基于长短期记忆网络，将所述前一时刻图形用户界面的视觉稿和所述前一时刻图形用户界面的视觉稿对应的DSL代码作为输入，所述当前时刻的图形用户界面的视觉稿作为目标标注建立DSL代码预测模型，所述DSL代码预测模型用于预测所述当前时刻的图形用户界面对应的DSL代码；

将所述当前时刻图形用户界面的视觉稿输入所述DSL代码预测模型，得到所述当前时刻图形用户界面对应的DSL代码；

根据所述DSL代码，生成所述当前时刻图形用户界面对应的前端代码。

2.根据权利要求1所述的方法，其中：

提取所述前一时刻的图形用户界面的视觉稿中的图形用户界面元素；

识别所述图形用户界面元素类型；

确定所述图形用户界面元素类型对应的DSL代码的代码特征；

根据所述DSL代码的代码特征，生成所述前一时刻的图形用户界面的视觉稿对应的DSL代码。

3.根据权利要求2所述的方法，其中，所述提取所述前一时刻的图形用户界面的视觉稿中的图形用户界面元素包括：

通过卷积神经网络提取所述视觉稿中的图像特征，得到固定维度的特征向量。

4.根据权利要求3所述的方法，其中，所述识别所述图形用户界面元素类型包括：

将所述特征向量输入预设的分类器，输出所述视觉稿所属的分类；

标示出所述视觉稿中所包含的物体的位置和所述物体所属的种类。

5.根据权利要求2所述的方法，所述确定所述图形用户界面元素类型对应的DSL代码的代码特征包括：

获取所述图形用户界面元素类型与DSL代码的代码特征的对应关系；

根据所述对应关系确定所述图形用户界面元素类型对应的DSL代码的代码特征。

6.根据权利要求1所述的方法，其中，当训练所述DSL代码预测模型时，采用48步展开所述长短期记忆网络。

7.一种前端代码生成装置，包括：

获取模块，用于获取当前时刻图形用户界面的视觉稿，所述当前时刻的前一时刻的图形用户界面的视觉稿，以及所述前一时刻的图形用户界面的视觉稿对应的领域特定语言DSL代码；

建立模块，用于基于长短期记忆网络，将所述前一时刻图形用户界面的视觉稿和所述前一时刻图形用户界面的视觉稿对应的DSL代码作为输入，所述当前时刻的图形用户界面的视觉稿作为目标标注建立DSL代码预测模型，所述DSL代码预测模型用于预测所述当前时刻的图形用户界面对应的DSL代码；

输入模块，用于将所述当前时刻图形用户界面的视觉稿输入所述DSL代码预测模型，得到所述当前时刻图形用户界面对应的DSL代码；

生成模块，用于根据所述DSL代码，生成所述当前时刻图形用户界面对应的前端代码。

8.根据权利要求7所述的装置，其中：

提取模块，用于提取所述前一时刻的图形用户界面的视觉稿中的图形用户界面元素；

识别模块，用于识别所述图形用户界面元素类型；

确定模块，用于确定所述图形用户界面元素类型对应的DSL代码的代码特征；

DSL代码生成模块，用于根据所述DSL代码的代码特征，生成所述前一时刻的图形用户界面的视觉稿对应的DSL代码。

9.根据权利要求7所述的装置，其中，当训练所述DSL代码预测模型时，采用48步展开所述长短期记忆网络。

10.一种计算机系统，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序，

其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至6中任一项所述的方法。

11.一种计算机可读存储介质，其上存储有可执行指令，该指令被处理器执行时使处理器实现权利要求1至6中任一项所述的方法。