前端代码生成方法、装置、设备及计算机可读存储介质制造方法及图纸

本发明专利技术实施例涉及网页开发技术领域，公开了一种前端代码生成方法、装置、设备及计算机可读存储介质，该方法包括：获取接口开发文档和接口开发文档对应的参考页面；根据接口开发文档进行代码生成，得到接口代码文件；以及，基于参考页面中的页面信息生成页面代码文件；整合接口代码文件和页面代码文件，得到前端代码文件。应用本发明专利技术的技术方案，能够提高对前端界面的开发效率。界面的开发效率。界面的开发效率。

【技术实现步骤摘要】
前端代码生成方法、装置、设备及计算机可读存储介质


[0001]本专利技术实施例涉及网页开发
，具体涉及一种前端代码生成方法、装置、设备及计算机可读存储介质。

技术介绍

[0002]在前端网页开发技术中，代码是实现网页和应用程序基础。然而，手动编写代码需要花费大量时间和精力，代码编写过程也存在大部分的重复性工作，且在手动编写代码过程中容易出现错误、漏洞等。
[0003]目前，虽然开发人员可通过前端模块化技术，在可视化平台中拖拽、编辑模块组件完成对前端页面的定义，但这些组件也依赖开发人员进行编写，并且此种方法仅能简单地定义前端的页面布局等数据，对于前端页面的数据交互逻辑却很难进行完善，因此，当前的前端界面开发效率依然亟待提升。

技术实现思路

[0004]鉴于上述问题，本专利技术实施例提供了一种前端代码生成方法、装置、设备及计算机可读存储介质，用于解决现有技术中存在前端界面开发效率低下的问题。
[0005]根据本专利技术实施例的一个方面，提供了一种前端代码生成方法，所述方法包括：获取接口开发文档和所述接口开发文档本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端代码生成方法，其特征在于，所述方法包括：获取接口开发文档和所述接口开发文档对应的参考页面；根据所述接口开发文档进行代码生成，得到接口代码文件；以及，基于所述参考页面中的页面信息生成页面代码文件；整合所述接口代码文件和所述页面代码文件，得到前端代码文件。2.根据权利要求1所述的方法，其特征在于，所述接口开发文档含有至少一个开发模块；所述根据所述接口开发文档进行代码生成，得到接口代码文件的步骤，进一步包括：获取所述接口开发文档含有的开发模块；对所述开发模块进行解析，得到所述开发模块对应的开发数据；基于预设代码生成规则将所述开发模块对应的开发数据进行代码转换，得到所述开发模块对应的代码片段；基于所述开发模块对应的代码片段得到所述接口代码文件。3.根据权利要求2所述的方法，其特征在于，所述基于预设代码生成规则将所述开发模块对应的开发数据进行代码转换，得到所述开发模块对应的代码片段的步骤，进一步包括：根据各开发模块的数据结构，分别提取所述各开发模块对应的开发数据的字段描述；基于各字段描述生成所述各开发模块对应的代码片段；所述基于所述开发模块对应的代码片段得到所述接口代码文件的步骤，进一步包括：将各代码片段进行整合，得到所述接口代码文件。4.根据权利要求1所述的方法，其特征在于，所述基于所述参考页面中的页面信息生成页面代码文件的步骤，进一步包括：解析所述参考页面，得到所述页面信息，所述页面信息包括页面布局和页面样式；根据所述页面布局生成页面布局代码；以及，根据所述页面样式生成页面样式代码；整合所述页面布局代码和所述页面样式代码，得到所述页面代码文件。5.根据权利要求4所述的方法，其特征在于，所述根据所述页面布局生成页面布局代码的步骤，进一步包括：遍历所述参考页面中的页面元素，提取各页面元素的元素信息；基于所述各页面元素的元素信息确定所述各页面元素的代码嵌套关系；根据各元素信息和所述代码嵌套关系生成所述页...

【专利技术属性】
技术研发人员：聂尧，涂恒强，何浩，郭常立，
申请(专利权)人：重庆赛力斯新能源汽车设计院有限公司，
类型：发明
国别省市：