[发明专利]一种原型图代码转换的方法、系统、设备及可读存储介质

说明书

本申请公开了一种原型图代码转换的方法，包括：利用特征库对输入的原型图进行识别，得到原型图中每个组件的组件名；获取每个组件中的信息，并将信息和组件名保存为树形结构的各个节点；根据特征库将每个组件转换为对应的代码段，并根据树形结构对每个代码段进行组合并输出。本申请使得在云平台的开发过程中可以直接通过原型图进行代码转换，得到可以直接开发的代码，极大的节省了开发人员的工作时间，提高了云平台的前端开发效率。本申请同时还提供了一种原型图代码转换的系统、设备及可读存储介质，具有上述有益效果。

技术领域

本申请涉及原型图代码转换领域，特别涉及一种原型图代码转换的方法、系统、设备及可读存储介质。

背景技术

原型图是一款产品成型之前的一个简单的框架，就是将页面的排版布局展现出来，每个功能键的交互，使产品的初步构思有一个可视化的展示。原型图可以提前表现出产品的界面样式、每个按钮的功能和效果、产品的基本框架和运作机制等。

在云平台的前端开发过程中，开发人员需要根据大量的原型图编写对应的代码，然而，前端原型图的输出内容都比较统一，大多数界面以表格、模态窗、卡片、标签页等形式出现，使得在前端开发过程中开发人员需要编写大量重复的代码，导致云平台的前端开发效率低。

因此，如何提高云平台的前端开发效率是本领域技术人员目前需要解决的技术问题。

发明内容

本申请的目的是提供一种原型图代码转换的方法、系统、设备及可读存储介质，用于提高云平台的前端开发效率。

为解决上述技术问题，本申请提供一种原型图代码转换的方法，该方法包括：

利用特征库对输入的原型图进行识别，得到所述原型图中每个组件的组件名；

获取每个所述组件中的信息，并将所述信息和所述组件名保存为树形结构的各个节点；

根据所述特征库将每个所述组件转换为对应的代码段，并根据所述树形结构对每个所述代码段进行组合并输出。

可选的，在利用特征库对输入的原型图进行特征识别之前，还包括：

接收输入的至少一组组件名、组件特征及代码段；

根据所述组件名与所述组件特征的第一对应关系以及所述组件名与所述代码段的第二对应关系建立所述特征库。

可选的，所述利用特征库对输入的原型图进行特征识别，得到所述原型图中每个组件的组件名，包括：

从所述特征库中依次取出所有所述组件特征对所述原型图进行特征匹配；

根据所述第一对应关系确定所述原型图中与所述组件特征相匹配的组件的组件名，并在所述原型图中将匹配完成的组件删除，直至所述原型图中没有能匹配的组件为止。

可选的，根据所述特征库将每个所述组件转换为对应的代码段，包括：

根据所述第二对应关系确定每个所述组件的组件名对应的代码段。

可选的，还包括：

执行输入的修改命令对所述第一对应关系和/或所述第二对应关系进行修改。

可选的，利用特征库对输入的原型图进行特征识别，包括：

对所述原型图进行二值化处理，得到黑白色线稿；

利用所述特征库对所述黑白色线稿进行特征识别。

本申请还提供一种原型图代码转换的系统，该系统包括：

识别模块，用于利用特征库对输入的原型图进行识别，得到所述原型图中每个组件的组件名；