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

权利要求书

1.一种基于可视化界面设计的自动代码生成方法，其特征在于，包括以下步骤：

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

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

2.根据权利要求1所述的基于可视化界面设计的自动代码生成方法，其特征在于，所述从对应不同平台的多种解析器中，调用与所述平台标识对应的解析器对所述设计页面信息进行解析，获得与所述平台标识所对应平台的源码，具体为：

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

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

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

3.根据权利要求2所述的基于可视化界面设计的自动代码生成方法，其特征在于，所述对所述设计页面信息进行识别，获取页面信息中的组件元素之后，还包括：

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

4.根据权利要求3所述的基于可视化界面设计的自动代码生成方法，其特征在于，所述以所述平台标识对应的所述解析器的解析规则，对各所述组件元素进行属性信息、动作信息和呈现内容中的至少一项进行解析，具体为：

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

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

5.根据权利要求1-4任一项所述的基于可视化界面设计的自动代码生成方法，其特征在于，所述多种解析器至少包括HTML解析器、Android解析器和iOS解析器中的任意两个。

6.一种基于可视化界面设计的自动代码生成系统，其特征在于，包括：

页面信息获取单元，用于获取设计页面信息，所述设计页面信息包括至少一个平台标识；

解析器存储单元，用于存储对应不同平台的多种解析器；

适配器，用于从解析器存储单元调用与所述平台标识对应的解析器；

解析器，用于对所述设计页面信息进行解析，获得与所述平台标识所对应平台的源码。

7.根据权利要求6所述的基于可视化界面设计的自动代码生成系统，其特征在于，

所述适配器，还用于对所述设计页面信息进行识别，获取页面信息中的组件元素；

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

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

8.根据权利要求6或7所述的基于可视化界面设计的自动代码生成系统，其特征在于，所述适配器，还用于对所述组件元素进行识别，获取组件元素的相对位置信息。

9.根据权利要求6或7所述的基于可视化界面设计的自动代码生成系统，其特征在于，

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

还包括缓存器，用于缓存各所述组件元素的解析数据。

10.根据权利要求6或7所述的基于可视化界面设计的自动代码生成系统，其特征在于，所述解析器存储单元至少存储有HTML解析器、Android解析器和iOS解析器中的任意两个。