[发明专利]基于可视化界面设计的自动代码生成方法及系统

说明书

本申请公开了一种基于可视化界面设计的自动代码生成方法及系统，其中方法包括获取设计页面信息，所述设计页面信息包括至少一个平台标识；从对应不同平台的多种解析器中，调用与所述平台标识对应的解析器对所述设计页面信息进行解析，获得与所述平台标识所对应平台的源码。上述方案，可以根据平台标识选择生成与所述平台标识所对应平台的源码。即根据不同的平台标识生成不同的平台代码。当平台标识为一个是，生成一个平台的代码，当具有多个不同的平台标识时，可以同时生成对应多个平台的代码。故，上述方案实现了可以同时输出多种平台代码的目的。

技术领域

本申请一般涉及代码生成技术领域，尤其涉及一种基于可视化界面设计的自动代码生成方法及系统。

背景技术

随着信息技术及无线终端技术的飞速发展，为满足各种功能的应用与程序急速增长的需求，对应用与程序的设计与编写的时效性提出了更高的要求，这就要求以尽量短的时间设计并完成相应应用与程序。为了适应上述需求，当前已经有一些软件可以进行页面设计后自动生成源码或者生成可执行程序，以缩短整个研发的时间。例如AppCan，其是一款可以通过可视化页面设计生成H5(HTML5；超文本标记语言)页面，并可以调试和打包的开发软件，其技术原理是基于CSS(Cascading Style Sheets；层叠样式表)、JS(JavaScript)、HTML5；又如autojcode，其是通过输入实体类来生成具有固定操作(增、删、查、改等)的J2EE(Java 2Platform Enterprise Edition；Java 2平台企业版)Struts2+Spring+Mybatis架构工程代码的开发软件。但是这些软件最终输出的成果(源代码或可执行程序)都是面向单一平台的(例如AppCan生成的是H5页面，autojcode生成的J2EE工程)，其不能同时输出多种平台代码。

发明内容

鉴于现有技术中的上述缺陷或不足，期望提供一种基于可视化界面设计的自动代码生成方法及系统，用以解决现有技术中存在的不能同时输出多种平台代码的问题。

本申请提供一种基于可视化界面设计的自动代码生成方法，包括以下步骤：

获取设计页面信息，所述设计页面信息包括平台标识；

从对应不同平台的多种解析器中，调用与所述平台标识对应的解析器对所述设计页面信息进行解析，获得与所述平台标识所对应平台的源码。

进一步地，所述从对应不同平台的多种解析器中，调用与所述平台标识对应的解析器对所述设计页面信息进行解析，获得与所述平台标识所对应平台的源码，具体为：

对所述设计页面信息进行识别，获取页面信息中的各组件元素；

以所述平台标识对应的所述解析器的解析规则，对各所述组件元素进行属性信息、动作信息和呈现内容中的至少一项进行解析；

对解析后的整个设计页面信息的组件元素进行代码组装。

进一步地，所述对所述设计页面信息进行识别，获取页面信息中的组件元素之后，还包括：

对所述组件元素进行识别，获取组件元素的相对位置信息。

进一步地，所述以所述平台标识对应的所述解析器的解析规则，对各所述组件元素进行属性信息、动作信息和呈现内容中的至少一项进行解析，具体为：

以所述平台标识对应的所述解析器的解析规则，逐一的对各所述组件元素进行属性信息、动作信息和呈现内容中的至少一项进行解析；

缓存各所述组件元素的解析数据。

进一步地，所述多种解析器至少包括HTML解析器、Android解析器和iOS解析器中的任意两个。

本发明还提供一种基于可视化界面设计的自动代码生成系统，包括：