前端网页模板的设计与代码生成方法技术

本申请涉及一种前端网页模板的设计与代码生成方法，该方法包括：获取模板文件；其中，所述模板文件为基于预设设计稿和预设页面效果生成的；基于所述模板文件生成适用于前端的代码，得到并保存代码模板；接收开发者发送的模板下载请求，将与所述模板下载请求匹配的包括所述代码模板的数据发送给开发者。如此，通过预设系统平台将带有页面效果的模板文件生成可直接用于前端的代码，开发者将其下载到本地就可以直接进行开发，从而避免开发者利用原设计稿进行代码开发中，开发出的结果与预期有差距，还需要进行大量修改，解决了现有技术中，前端开发效果难于与原设计稿一致，开发效率低的问题。的问题。的问题。

【技术实现步骤摘要】
前端网页模板的设计与代码生成方法


[0001]本申请涉及Web前端开发
，尤其涉及一种前端网页模板的设计与代码生成方法。

技术介绍

[0002]现有技术中，对于前端网页的开发中，一般是先由设计师通过设计完成设计稿，将设计稿发布到蓝湖等平台上，供开发者查看并根据设计稿开发。但在开发时，因为设计稿是图纸原因，无法根据浏览器等其他因素来实际达到设计预期，如因为屏幕大小、浏览器内核等因素，会造成不一致的情况，当存在不一致时，需要大量的时间进行修改，存在开发结果难以与原设计稿一致，并且开发效率低的问题。

技术实现思路

[0003]本申请提供一种前端网页模板的设计与代码生成方法，用于解决现有技术中，前端开发者在进行前端开发时，存在开发结果难以原设计稿一致，并且开发效率低的问题。
[0004]本申请的上述目的是通过以下技术方案实现的：
[0005]本申请实施例提供一种前端网页模板的设计与代码生成方法，包括：
[0006]获取模板文件；其中，所述模板文件为基于预设设计稿和预设页面效果生成的；r/>[0007]基本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端网页模板的设计与代码生成方法，其特征在于，包括：获取模板文件；其中，所述模板文件为基于预设设计稿和预设页面效果生成的；基于所述模板文件生成适用于前端的代码，得到并保存代码模板；接收开发者发送的模板下载请求，将与所述模板下载请求匹配的包括所述代码模板的数据发送给开发者。2.根据权利要求1所述的前端网页模板的设计与代码生成方法，其特征在于，所述模板文件为设计师与项目人员在预设设计稿的基础上，基于各浏览器和屏幕大小因素，完成页面样式属性设置后得到的模板文件。3.根据权利要求1所述的前端网页模板的设计与代码生成方法，其特征在于，所述基于所述模板文件生成适用于前端的代码，得到并保存代码模板，包括：选择对应组件库；基于对应组件库和预设Web Worker进行自定义...

【专利技术属性】
技术研发人员：李鹏鹏，
申请(专利权)人：上海中通吉网络技术有限公司，
类型：发明
国别省市：