[发明专利]基于设计文件的界面代码生成方法

说明书

本发明提供了基于设计文件的界面代码生成方法,其利用代码生成终端接收并识别分析设计文本，再根据对设计文件的识别分析结果，得到用于界面代码生成的文本类型文件和图片类型文件；以及根据文本类型文件和图片类型文件分别形成设计语言文件和样本界面，再以样本界面为蓝本形成对应风格的代码设计界面，和将设计语言文件内嵌在代码设计界面中生成相应的界面代码，其通过标准化的方式取代人工设计的方式生成代码设计界面，以及将设计语言文件直接嵌套在代码设计界面中，整个过程不需要设计人员的深入参与，这样免去了界面设计师和编程人员之间的协调工序，同时还能够大大提高界面代码的开发效率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于设计文件的界面代码生成方法。

背景技术

在计算机应用产品设计中，产品的图形用户界面直接影响用户使用产品的视觉观感优劣。现有计算机应用产品需要界面设计师预先设计出用户界面的设计底稿，然后编程人员再根据该设计底稿，通过人工编写代码的方式形成相应的代码设计界面，最后通过运行该代码设计界面得到相应的界面代码。这种开发方式每一次都需要界面设计师和编程人员共同协作才能得到相应的界面代码，其开发效率低下，无法满足大规模批量界面代码的开发需求。

发明内容

针对上述现有技术存在的缺陷，本发明提供基于设计文件的界面代码生成方法，其利用代码生成终端接收并识别分析设计文本，再根据对设计文件的识别分析结果，得到用于界面代码生成的文本类型文件和图片类型文件；以及根据文本类型文件和图片类型文件分别形成设计语言文件和样本界面，再以样本界面为蓝本形成对应风格的代码设计界面，和将设计语言文件内嵌在代码设计界面中生成相应的界面代码，其通过标准化的方式取代人工设计的方式生成代码设计界面，整个过程不需要设计人员的深入参与，这样免去了界面设计师和编程人员之间的协调工序，同时还能够大大提高界面代码的开发效率。

本发明提供的基于设计文件的界面代码生成方法，其包括如下步骤：

步骤S1，确定代码生成终端的身份信息后，向所述代码生成终端发送设计文件；对接收到的设计文件进行检查，以此确定设计文件是否为安全设计文件；

步骤S2，从所述安全设计文件中识别得到其包含的文本类型文件和图片类型文件；分析所述文本类型文件，生成关于所述安全设计文件包含的控件关联的设计语言文件；分析所述图片类型文件，生成与所述图片类型文件在视觉上相关联的样本界面；

步骤S3，根据所述样本界面，生成相应风格的代码设计界面；并将所述设计语言文件设置在所述代码设计界面；再根据所述代码生成终端接收到的触发指令，运行所述代码设计界面，从而生成相应的界面代码；

在本申请公开的一个实施例中，在所述步骤S1之前，还包括如下步骤S0：

通过用户终端向所述代码生成终端发送一界面代码生成请求指令；

当所述代码生成终端接收到所述界面代码生成请求指令后，向所述用户终端返回一响应消息；其中，所述响应消息包括所述代码生成终端的IP地址信息；

当所述用户终端接收到所述响应消息后，对其中的IP地址信息进行验证，从而确定所述代码生成终端是否为指定身份的代码生成终端。

在本申请公开的一个实施例中，在所述步骤S1中，确定代码生成终端的身份信息后，向所述代码生成终端发送设计文件具体包括：

当确定所述代码生产终端为指定身份的代码生成终端时，所述用户终端通过物联网与所述代码生成终端之间构建加密通信通道；

所述用户终端将设计文件进行加密压缩处理后形成的设计文件包，通过所述加密通信通道发送至所述代码生成终端；