Vue前端给SpringBoot传参的大坑解决!Lombok.Data大坑

本文讲述了前端尝试使用复合数据结构传递参数给后端,但因Lombok.Date导致的驼峰命名法解析问题。通过调整命名规则和理解Lombok的行为,解决了参数接收问题,确保了复杂数据的顺利传递。
摘要由CSDN通过智能技术生成

如下是前端传递的参数,想着深入学习传参和数据类型后,可以直接给后端传递一个复合数据,但是没想到一直接收不到!!!!

以下是后端的代码,首先Test和Test1和Test2它只是类名,不代表参数名,只是个对象的格式,参数需要定义,然后按传递的参数定义了一个复合的Test,想着按照格式后端一定能获取!

但是没想到,后端怎么样都接收不到,一开始以为是类名定义问题,后通过把类型转为Map发现并不是类名问题,因为Map可以接收,后思索是否为类型问题,就反复更改Test1和Test2,皆无果,并且通过Object接收参数进行测试,发现确实是这样的格式,说明问题不在controller,还是在Entity里的数据类型。

经过大量的查阅资料,发现居然是Lombok.Date的大坑!!!!!!!!!!!!!!

驼峰命名法:QuestionId,前端传递QuestionId,后端通过Lombok.Data的获取,它居然找的是questionId,所以一直一直找不到参数!!!!!!!

后将前端直接传的参数为小写,避免驼峰命名法解析的坑,后发现

接收成功!

并且后端无论用大写的驼峰命名,或者用小写的命名法,@Data都会把参数转换为小写,完美解决传参问题,这样参数的传递可以实现复杂数据传递!***(问候语)

Spring Boot是一个用于创建独立的、基于Java的生产级应用程序的框架。它提供了一种简化和快速开发的方式,可以帮助开发人员更轻松地构建和部署应用程序。集成前端(HTML和Vue.js)到Spring Boot项目中可以通过以下步骤实现: 1. 创建Spring Boot项目。可以使用Spring Initializr或手动创建项目。 2. 引入Web依赖。在项目的pom.xml文件中添加Spring Boot的Web依赖,例如: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> ``` 3. 创建前端页面。在项目的资源文件夹(src/main/resources)中创建一个静态资源文件夹(例如public或static)用于存放前端页面,例如index.html。 4. 创建Vue.js组件。可以使用Vue CLI来创建Vue.js组件,并将生成的组件文件放置在前端资源文件夹中。 5. 创建控制器。在Spring Boot项目的Java源文件夹中创建一个控制器,用于处理前端请求并返回相应的数据或视图。 6. 配置路由。在Vue.js组件中配置路由,将不同的URL映射到相应的组件。 7. 配置跨域请求。由于前端和后端可能运行在不同的域名或端口上,需要配置跨域请求的支持。可以使用Spring Boot的CORS(Cross-Origin Resource Sharing)配置或使用其他方法来解决这个问题。 8. 启动应用程序。运行Spring Boot项目,并访问前端页面,即可通过URL访问前端页面及Vue.js组件。 通过以上步骤,可以成功集成(HTML和Vue.js前端到Spring Boot项目中。前端页面可以通过Spring Boot的控制器来访问后端数据,并实现前后端的交互和协作。这样的集成可以提高开发效率和灵活性,使得应用程序更加现代化和易于维护。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值