一种前端代码生成方法和装置制造方法及图纸

本发明专利技术提供了一种前端代码生成方法和装置，属于移动互联，该方法包括：在Web项目中嵌入前端设计工具；利用前端设计工具导入前端设计文件，生成UI设计页面；所述UI设计页面中包括多个UI拖拽按钮；响应于用户针对前端设计需求对UI拖拽按钮进行拖拽编辑操作而生成的UI编辑信息，确定前端素材缩略图；根据前端素材缩略图，生成前端代码。本发明专利技术优化前端开发过程，缩短开发周期，让前端开发者将更多的精力放在特性和功能的开发中，通过拖拽编辑即可实现前端的设计和对应前端代码的生成，避免大量的重复性劳动，缩短了开发周期，能够高质量高效率地完成前端项目的开发。效率地完成前端项目的开发。效率地完成前端项目的开发。

【技术实现步骤摘要】
一种前端代码生成方法和装置


[0001]本专利技术涉及计算机数据处理
，尤其涉及一种前端代码生成方法和装置。

技术介绍

[0002]本部分旨在为权利要求书中陈述的本专利技术的实施方式提供背景或上下文。此处的描述不因为包括在本部分中就承认是现有技术。
[0003]在前端开发项目中，从开始的UI设计，到前端代码开发完成，通常需要一个较长的开发周期。
[0004]在代码开发过程中存在大量重复性劳动，例如样式和特定功能的开发，导致整体效率低。
[0005]因此，如何提供一种新的方案，其能够解决上述技术问题是本领域亟待解决的技术难题。

技术实现思路

[0006]本专利技术实施例提供一种前端代码生成方法，优化前端开发过程，缩短开发周期，让前端开发者将更多的精力放在特性和功能的开发中，通过拖拽编辑即可实现前端的设计和对应前端代码的生成，避免大量的重复性劳动，缩短了开发周期，能够高质量高效率地完成前端项目的开发，包括：
[0007]在Web项目中嵌入前端设计工具；
[0008]利用前端设计工具导入前本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端代码生成方法，其特征在于，包括：在Web项目中嵌入前端设计工具；利用前端设计工具导入前端设计文件，生成UI设计页面；所述UI设计页面中包括多个UI拖拽按钮；响应于用户针对前端设计需求对UI拖拽按钮进行拖拽编辑操作而生成的UI编辑信息，确定前端素材缩略图；根据前端素材缩略图，生成前端代码。2.如权利要求1所述的方法，其特征在于，在前端设计文件为本地项目时，利用前端设计工具导入前端设计文件，包括：响应于用户的上传本地项目需求的操作，生成用户上传本地项目需求信息；根据用户上传本地项目需求信息，建立本地项目上传路径，利用前端设计工具导入本地项目。3.如权利要求1所述的方法，其特征在于，在前端设计文件为示范模板时，利用前端设计工具导入前端设计文件，包括：通过Web项目连接云端数据库，加载云数据库端的示范模板；响应于用户选定的示范模板的操作，生成示范模板下载指令；根据示范模板下载指令，将该选定的示范模板从云端数据库下载至Web项目，利用前端设计工具导入该示范模板。4.如权利要求1所述的方法，其特征在于，响应于用户针对前端设计需求对UI拖拽按钮进行拖拽编辑操作而生成的UI编辑信息，确定前端素材缩略图，包括：响应于用户针对前端设计需求对UI拖拽按钮进行的拖拽编辑操作，获取该拖拽编辑操作对应生成的UI编辑信息；根据前端设计需求，对UI编辑信息赋予样式和动态信息，生成前端素材缩略图。5.一种前端代码生成装置，其特征在于，包括：前端设计工具嵌入模块，用于在Web项目中嵌入前端设计工具；UI设计页面生成模块，用于利用前端设计工具导入前端设计文件，生成UI设计页面；所述UI设计页面中包括多个UI拖拽按钮；前端素材缩略图确定模...

【专利技术属性】
技术研发人员：闫圆，
申请(专利权)人：中国银行股份有限公司，
类型：发明
国别省市：