前端代码生成方法及装置、存储介质及电子设备制造方法及图纸

本发明专利技术提供了一种前端代码生成方法，包括：将目标接口文档中的各个文档要素，解析成与预设的数据格式对应的第一前端数据；对第一前端数据进行数据核查规则的核查，获得第二前端数据；将第二前端数据加载至用户配置界面，以使用户通过用户配置界面对所述第二前端数据进行个性化配置；获取用户对第二前端数据的配置结果，并基于所述配置结果，生成初始前端代码；对初始前端代码进行代码核查规则的核查，当初始前端代码通过所述预设的代码核查规则时，将初始前端代码确定为目标前端代码。应用本发明专利技术提供的前端代码生成方法，以目标接口文档为依据，自动生成前端所需的代码，提高了前端代码生成效率，进而提高了前端开发的效率。

Front-end code generation method and device, storage medium and electronic equipment

The invention provides a front-end code generation method, which includes: parsing each document element in the target interface document into the first front-end data corresponding to the preset data format; verifying the data verification rules of the first front-end data to obtain the second front-end data; loading the second front-end data into the user configuration interface to enable users to pair through the user configuration interface. The second front-end data is personalized; the user's configuration results for the second front-end data are obtained, and the initial front-end code is generated based on the configuration results; the code verification rules for the initial front-end code are checked, and the initial front-end code is determined as the target front-end code when the original front-end code passes the preset code verification rules. By applying the front-end code generation method provided by the invention, the required code of the front-end is automatically generated based on the target interface document, which improves the efficiency of the front-end code generation and the efficiency of the front-end development.

【技术实现步骤摘要】
前端代码生成方法及装置、存储介质及电子设备
本专利技术涉及软件系统领域，尤其涉及一种前端代码生成方法及装置、存储介质及电子设备。
技术介绍
随着互联网技术的发展，互联网的应用越来越广泛，越来越多的用户通过互联网进行网页浏览，用户浏览的网页为网站系统的前端，一般的网页开发，即前端开发，无论是瀑布开发模式或者是敏捷开发模式都需要有明确的接口文档保证开发出的产品符合业务需求，接口文档为编码环节提供明确的开发依据，接口文档用于标识界面布局、功能模块、逻辑控制等内容。随着客户端与移动端网页需求与日俱增，前端的开发需求日渐繁重，在保证质量的同时，需要短时间内完成大量的编码任务。现有的前端开发主要由人工编写代码进行开发，人工编写代码进行开发，开发速度慢，效率低，无法在较短时间内完成大量的编码任务。
技术实现思路
本专利技术所要解决的技术问题是提供一种前端代码生成方法，以接口文档为依据，自动生成与接口文档对应的前端代码，提高前端开发的效率。本专利技术还提供了一种前端代码生成装置，用于保证上述方法在实际中的实现及应用。一种前端代码生成方法，包括：获取目标接口文档，并基于预设的数据格式，对所述目标接口文档中本文档来自技高网...

【技术保护点】
1.一种前端代码生成方法，其特征在于，包括：获取目标接口文档，并基于预设的数据格式，对所述目标接口文档中的各个文档要素进行解析，获得与所述预设的数据格式对应的第一前端数据；依据预设的数据核查规则，对所述第一前端数据进行核查，获得与所述第一前端数据对应的第二前端数据；将所述第二前端数据加载至用户配置界面，以使用户通过所述用户配置界面对所述第二前端数据进行个性化配置；获取用户对所述第二前端数据的配置结果，并基于所述配置结果，生成与所述第二前端数据对应的初始前端代码；依据预设的代码核查规则，对所述初始前端代码进行核查，当所述初始前端代码通过所述预设的代码核查规则时，将所述初始前端代码确定为目标前端代...

【技术特征摘要】
1.一种前端代码生成方法，其特征在于，包括：获取目标接口文档，并基于预设的数据格式，对所述目标接口文档中的各个文档要素进行解析，获得与所述预设的数据格式对应的第一前端数据；依据预设的数据核查规则，对所述第一前端数据进行核查，获得与所述第一前端数据对应的第二前端数据；将所述第二前端数据加载至用户配置界面，以使用户通过所述用户配置界面对所述第二前端数据进行个性化配置；获取用户对所述第二前端数据的配置结果，并基于所述配置结果，生成与所述第二前端数据对应的初始前端代码；依据预设的代码核查规则，对所述初始前端代码进行核查，当所述初始前端代码通过所述预设的代码核查规则时，将所述初始前端代码确定为目标前端代码。2.根据权利要求1所述的方法，其特征在于，所述对所述第一前端数据进行核查，获得与所述第一前端数据对应的第二前端数据，包括：遍历所述第一前端数据，查找所述第一前端数据中包含的空格符号和中文符号；对所述第一前端数据中查找到的空格符号和中文符号进行删除，获得与所述第一前端数据对应的第二前端数据。3.根据权利要求1所述的方法，其特征在于，所述基于预设的数据格式，对所述目标接口文档中的各个文档要素进行解析，包括：依据预设的要素标识，确定所述目标接口文档中与所述预设要素标识对应的各个文档要素；基于所述预设的数据格式，将与所述预设要素标识信息对应的各个文档要素解析成与所述预设数据格式对应的第一前端数据。4.根据权利要求1所述的方法，其特征在于，所述生成与所述第二前端数据对应的初始前端代码，包括：获取所述目标接口文档的文档类型标识；基于所述文档类型标识，在预先构建的代码模板库中查找出与所述文档类型标识对应的前端代码模板；将所述用户对所述第二前端数据的配置结果对应传入所述前端代码模板，生成与所述第二前端数据对应的初始前端代码。5.根据权利要求1所述的方法，其特征在于，所述依据预设的代码核查规则，对所述初始前端代码进行核查，包括：依据所述预设的...

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