前端表单生成方法、装置、存储介质及电子设备与流程

本发明涉及前后端开发领域，数据传输领域，以及验证，具体而言，涉及一种前端表单生成方法、装置、存储介质及电子设备。

背景技术：

1、目前，在web(网页)应用程序开发中，前后端分离架构应用广泛，前端和后端之间需要频繁地进行数据交互，为了实现数据传输的高效性和一致性，常常使用数据传输对象来在不同层之间传递数据，数据传输对象通常包含多个字段以及验证注解，用于描述数据的结构和验证规则。然而，由于前端和后端的代码语言和验证规则差异，通常需要手动创建前端表单项和验证规则，存在重复性工作和潜在的错误，相关技术中但还没有出现广泛应用的自动化解决方案，数据转换和验证方法对于复杂的数据传输对象结构和验证规则，可能效率较低，而且容易出错。

2、针对上述的问题，目前尚未提出有效的解决方案。

技术实现思路

1、本发明实施例提供了一种前端表单生成方法、装置、存储介质及电子设备，以至少解决相关技术中存在前后端数据转换效率不理想的技术问题。

2、根据本发明实施例的一个方面，提供了一种前端表单生成方法，包括：对后端服务器中预定类的目标文件进行解析，得到所述预定类的数据信息和后端验证注解；基于所述数据信息，确定用于在前端页面获取输入的表单数据的表单项目，其中，所述前端页面与所述后端服务器为分离架构，所述分离架构为所述前端页面的功能部署与所述后端服务器的功能部署相互解耦；对所述后端验证注解进行转换，确定用于在所述前端页面对所述表单数据进行验证的表单验证规则；基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，其中，所述前端表单与所述目标文件之间存在映射关系，所述目标文件用于对提交至所述后端服务器的所述前端表单进行处理。

3、可选地，所述对所述后端验证注解进行转换，确定在所述前端页面的表单验证规则，包括：获取前端调用映射配置；基于所述前端调用映射配置指示对所述后端验证注解进行转换，确定所述后端验证注解对应的前端调用方法；基于所述前端调用方法，生成所述表单验证规则。

4、可选地，所述基于所述数据信息，确定用于在前端页面获取输入的表单数据的表单项目，包括：确定所述数据信息的数据类型；确定所述数据类型对应的输入框，得到所述表单项目。

5、可选地，所述基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，包括：获取前端模板样式和前端接口；基于所述表单验证规则和所述表单项目，采用所述前端模板样式生成所述前端表单，其中，所述前端表单通过所述前端接口提交至所述后端服务器。

6、可选地，所述对后端服务器中预定类的目标文件进行解析，得到所述预定类的数据信息和后端验证注解，包括：对所述后端服务器中的所述目标文件的源代码进行解析，得到所述目标文件中所述预定类的变量名，关键字，运算符；将所述变量名，所述关键字，以及所述运算符作为节点，生成抽象语法树；对所述抽象语法树进行遍历，得到所述数据信息和所述后端验证注解。

7、可选地，在所述基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单之后，由所述前端页面执行以下处理：获取在所述表单项目中输入的所述表单数据；在所述表单数据通过所述表单验证规则校验的情况下，将所述前端表单提交至所述后端服务器。

8、可选地，所述前端页面设置有自定义配置接口，所述基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，包括：基于所述表单验证规则和所述表单项目，生成初始表单；通过所述自定义配置接口，对所述初始表单进行调整，得到所述前端表单。

9、根据本发明实施例的另一方面，提供了一种前端表单生成装置，包括：解析模块，用于对后端服务器中预定类的目标文件进行解析，得到所述预定类的数据信息和后端验证注解；项目确定模块，用于基于所述数据信息，确定用于在前端页面获取输入的表单数据的表单项目，其中，所述前端页面与所述后端服务器为分离架构，所述分离架构为所述前端页面的功能部署与所述后端服务器的功能部署相互解耦；规则确定模块，用于对所述后端验证注解进行转换，确定用于在所述前端页面对所述表单数据进行验证的表单验证规则；表单生成模块，用于基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，其中，所述前端表单与所述目标文件之间存在映射关系，所述目标文件用于对提交至所述后端服务器的所述前端表单进行处理。

10、根据本发明实施例的另一方面，提供了一种非易失性存储介质，所述非易失性存储介质存储有多条指令，所述指令适于由处理器加载并执行任意一项所述的前端表单生成方法。

11、根据本发明实施例的另一方面，提供了一种电子设备，包括：一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现任意一项所述的前端表单生成方法。

12、在本发明实施例中，通过对后端服务器中预定类的目标文件进行解析，得到所述预定类的数据信息和后端验证注解；基于所述数据信息，确定用于在前端页面获取输入的表单数据的表单项目，其中，所述前端页面与所述后端服务器为分离架构，所述分离架构为所述前端页面的功能部署与所述后端服务器的功能部署相互解耦；对所述后端验证注解进行转换，确定用于在所述前端页面对所述表单数据进行验证的表单验证规则；基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，其中，所述前端表单与所述目标文件之间存在映射关系，所述目标文件用于对提交至所述后端服务器的所述前端表单进行处理。达到了后端处理到前端表单的自动化转换的目的，实现了提高前后端数据转换效率不理想的技术效果，进而解决了相关技术中存在前后端数据转换效率不理想的技术问题。

技术特征：

1.一种前端表单生成方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述对所述后端验证注解进行转换，确定在所述前端页面的表单验证规则，包括：

3.根据权利要求1所述的方法，其特征在于，所述基于所述数据信息，确定用于在前端页面获取输入的表单数据的表单项目，包括：

4.根据权利要求1所述的方法，其特征在于，所述基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，包括：

5.根据权利要求1所述的方法，其特征在于，所述对后端服务器中预定类的目标文件进行解析，得到所述预定类的数据信息和后端验证注解，包括：

6.根据权利要求1至5任意一项所述的方法，其特征在于，在所述基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单之后，由所述前端页面执行以下处理：

7.根据权利要求1至5任意一项所述的方法，其特征在于，所述前端页面设置有自定义配置接口，所述基于所述表单验证规则和所述表单项目，在所述前端页面生成前端表单，包括：

8.一种前端表单生成装置，其特征在于，包括：

9.一种非易失性存储介质，其特征在于，所述非易失性存储介质存储有多条指令，所述指令适于由处理器加载并执行权利要求1至7中任意一项所述的前端表单生成方法。

10.一种电子设备，其特征在于，包括：一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现权利要求1至7中任意一项所述的前端表单生成方法。

技术总结
本发明公开了一种前端表单生成方法、装置、存储介质及电子设备。其中，该方法包括：对后端服务器中预定类的目标文件进行解析，得到预定类的数据信息和后端验证注解；基于数据信息，确定用于在前端页面获取输入的表单数据的表单项目，其中，前端页面与后端服务器为分离架构，分离架构为前端页面的功能部署与后端服务器的功能部署相互解耦；对后端验证注解进行转换，确定用于在前端页面对表单数据进行验证的表单验证规则；基于表单验证规则和表单项目，在前端页面生成前端表单，其中，前端表单与目标文件之间存在映射关系，目标文件用于对提交至后端服务器的前端表单进行处理。本发明解决了相关技术中存在前后端数据转换效率不理想的技术问题。

技术研发人员：陆春
受保护的技术使用者：天翼电子商务有限公司
技术研发日：
技术公布日：2024/3/11