[发明专利]前端代码自动生成方法

说明书

本发明涉及一种前端代码自动生成方法，该方法应用于前端代码生成平台包括：获取前端设计样式图片；向服务器发送代码生成请求；代码生成请求包括前端设计样式图片；接收服务器反馈的前端代码。本申请能够根据前端设计样式图片自动获取对应的前端代码，减少了开发人员的开发时间，使得前端代码的编写速度和调试速度加快，降低了开发人员的工作量，提高了前端代码的开发效率。

技术领域

本发明涉及前端代码生成技术领域，具体涉及一种前端代码自动生成方法。

背景技术

目前，前端开发人员编写前端代码时，主要使用超文本标记语言(HyperTextMarkup Language，HTML)和Vue6 xStream(VUE)等框架。编写时，需要一行一行的手动编写。然而，当前端开发任务较多时，相关技术存在前端代码编写时间长，编写效率低的问题。

发明内容

有鉴于此，提供一种前端代码自动生成方法，以解决相关技术存在的前端代码编写效率慢的问题。

本发明采用如下技术方案：

第一方面，本发明提供了一种前端代码自动生成方法，应用于前端代码生成平台，包括：

获取前端设计样式图片；

向服务器发送代码生成请求；所述代码生成请求包括所述前端设计样式图片；

接收所述服务器反馈的前端代码。

优选的，所述获取前端设计样式图片之后，还包括：

根据用户的选择操作选择模板参数；所述代码生成请求还包括所述模板参数。

优选的，所述接收所述服务器反馈的前端代码之后，还包括：

显示所述前端代码。

优选的，所述显示所述前端代码之后，还包括：

根据用户的修改操作修改所述前端代码。

优选的，所述前端设计样式图片中包含用户手绘的前端样式草图。

第二方面，本发明还提供了一种前端代码自动生成方法，应用于服务器，包括：

接收前端代码生成平台发送的代码生成请求；所述代码生成请求包括前端设计样式图片；

判断所述代码生成请求中是否包含模板参数；

若所述代码生成请求中不包含模板参数，将预设模板参数定义为目标模板参数；

若所述代码生成请求中包含模板参数，将所述代码生成请求中的模板参数定义为目标模板参数；

根据所述目标模板参数和所述前端设计样式图片生成所述前端代码；

将所述前端代码反馈给所述前端代码生成平台。

优选的，所述根据所述目标模板参数和所述前端设计样式图片生成所述前端代码，包括：

根据所述目标模板参数调用目标代码生成服务；

根据所述目标代码生成服务和所述前端设计样式图片生成所述前端代码。

本发明采用以上技术方案，一种前端代码自动生成方法，应用于前端代码生成平台，包括：获取前端设计样式图片；向服务器发送代码生成请求；代码生成请求包括前端设计样式图片；接收服务器反馈的前端代码。基于此，本申请能够根据前端设计样式图片自动获取对应的前端代码，减少了开发人员的开发时间，使得前端代码的编写速度和调试速度加快，降低了开发人员的工作量，提高了前端代码的开发效率。

附图说明