springboot接收前端参数的几种方式

10月前作者：撒哈拉a1 分类：Toy博客阅读(46) 违法举报

这篇具有很好参考价值的文章主要介绍了springboot接收前端参数的几种方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

目录

第一种：直接在方法中指定参数

第二种：使用@requesrParam注解

第三种方法：基于@pathVariable

第四种方法：基于@ResquestBody

在开始之前，我们需要一下准备工作，创建数据库，springboot工程，添加依赖，配置文件，使用的技术有mybatisplus，springboot，maven，mysql。

首先，数据库建表

springboot怎么获取前端数据,数据库,mybatis,mysql

然后，建立一个springboot项目，导入相关依赖，编写相关配置

其中，maven相关依赖

springboot怎么获取前端数据,数据库,mybatis,mysql

application.yml配置文件，我使用了mybatisplus，使用需要相关的依赖和配置

springboot怎么获取前端数据,数据库,mybatis,mysql

为了便于前后端交互，我使用了json进行前后端数据传递，由Java后端进行数据封装

springboot怎么获取前端数据,数据库,mybatis,mysql

该项目包结构如图所示

springboot怎么获取前端数据,数据库,mybatis,mysql

好了，到这里准备工作已经基本完成，我们来探究后端如何接收前端给我们的参数

第一种：直接在方法中指定参数

我们在UserController中编写一个方法，通过用户名和密码得到一个user对象

springboot怎么获取前端数据,数据库,mybatis,mysql

在接口中添加方法，在实现类中重写

springboot怎么获取前端数据,数据库,mybatis,mysql

使用apifox进行测试，可以看到我们已经得到了返回结果

springboot怎么获取前端数据,数据库,mybatis,mysql

我们在UserController中使用了日志记录了查询过程，可以看到在控制台输出了username，说明我们已经得到了这个参数，但是该方法有有几个缺陷，一是我们在apifox中body中参数要一一对应，username和password的位置不能错，二是参数名称必需一致，如果不同则不能接收到该参数。

那么显然，这种接收参数的方法有很多缺陷，所以我们需要去改进。

第二种：使用@requesrParam注解

springboot怎么获取前端数据,数据库,mybatis,mysql

springboot怎么获取前端数据,数据库,mybatis,mysql

该方法解决了第一种方法的缺点，不需要参数一一对应，也不需要名称一致，在注解里面，可以随意填写任意名称，都可以对应。

第三种方法：基于@pathVariable

springboot怎么获取前端数据,数据库,mybatis,mysql

springboot怎么获取前端数据,数据库,mybatis,mysql

我们只需要在请求路径上添加参数，但是注意，路径上添加的参数需要用括号拼接，且和方法内对应的参数名称要相同。

第四种方法：基于@ResquestBody

该注解使用频率最高，可以将参数自动封装为一个对象

springboot怎么获取前端数据,数据库,mybatis,mysql

用@ResquestBody封装的对象，我们可以完整的保留user对象中对应的所有属性，未赋值的属性对应为空，且可以通过set，get方法对对象进行修改赋值和提取。文章来源地址https://www.toymoban.com/news/detail-732656.html

到了这里，关于springboot接收前端参数的几种方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

小程序跨页面传递参数的几种方式

当我们在开发小程序时，经常会遇到需要在不同页面之间传递数据的情况。为了实现页面间的数据传递，小程序提供了多种方法。下面将介绍几种常用的传递数据的方法。 URL参数传递：这是一种简单直接的传递数据的方式。在跳转页面时，可以在URL中添加参数来传递数据。在

2024年02月08日
浏览(43)
接口测试-关于postman的几种参数请求方式

（1）POST的数据类型对于post请求方式，一般都是要对请求发送相应的一些参数的，而参数的注入一般填写在Body中。如上图所示，在Body中，有多种类型选择： none：一般都不使用 form-data：对于form-data，是采用键值对的方式进行存储，即将该表单的数据组织成Key-Value形式，

2024年02月12日
浏览(84)
Vue中监听路由参数变化的几种方式

目录一. 路由监听方式：通过 watch 进行监听 1. 监听路由从哪儿来到哪儿去 2. 监听路由变化获取新老路由信息 3. 监听路由变化触发方法 4. 监听路由的 path 变化 5. 监听路由的 path 变化, 使用handler函数 6. 监听路由的 path 变化，触发methods里的方法二. 路由监听方式：key是用

2024年02月14日
浏览(69)
前端实现动画的几种方式简介

这里只是做简要介绍，属于知识的拓展。每种方案的更详细的使用方式需要各位自行了解。大体上技术方案分为：CSS 动画、SVG 动画、CSS + SVG、JS 控制的逐帧动画、GIF 图。 CSS 实现动画有两种方式，一种是使用 trasition ；另一种是使用 animation 。默认情况下，当 CSS 中的属性值

2024年04月22日
浏览(49)
前端 mock 数据的几种方式

目录接口demo Better-mock just mock koa webpack Charles 总结具体需求开发前，后端往往只提供接口文档，对于前端，最简单的方式就是把想要的数据写死在代码里进行开发，但这样的坏处就是和后端联调前还需要再把写死的数据从代码里删除，最好的方式是无侵入的 m

2024年02月17日
浏览(51)
前端技术中的几种居中方式

1、使用margin:0px auto可以使盒子水平居中，但要设置宽度。 2、在父元素中使用text-align:center可以将子元素设置水平居中，但子元素必须为行内元素或行内块元素。 3、使用绝对定位，父相子绝的原则，在子元素中设置left:50%和transform:translateX(-50%)。可以不设置宽高。这里

2024年02月04日
浏览(49)
前端中对象的几种创建方式

创建对象的几种方式： 1.字面量方式 2.工厂模式 3.构造函数模式 4.原型模式缺点：创建多个对象时，需要重复代码，不能复用。作用：批量创建同类型对象，降低代码冗余度。缺点:创建出的新对象，不知道是什么Person或者Animal类型，需看函数内部代码。构造函数是一种特

2023年04月08日
浏览(55)
html前端的几种加密/解密方式

一、base64加密 Base64编码：Base64是一种将二进制数据转换为可打印字符的编码方式。在前端，可以使用JavaScript的 btoa() 函数进行Base64编码，使用 atob() 函数进行解码。二、MD5加密(不可逆) MD5散列：MD5是一种广泛使用的散列算法，可以将输入转换为固定长度的散列值。在前端，

2024年04月09日
浏览(58)
前端div水平居中的几种实现方式

父元素开启 display:flex 布局,并设置 justify-content:center 主轴的空隙分布因为是单行,所以使用 align-items:center 设置侧轴上的对其方式啊啊啊借助这一条规则文章: https://www.zhihu.com/question/21644198/answer/42702524 https://www.w3.org/TR/CSS2/visudet.html#blockwidth top、left、right、bottom 设置百分比基

2024年02月07日
浏览(66)
手机web前端调试页面的几种方式

PC端web页面调试比较容易，这里主要说几种移动端调试的方法，从简单到复杂、从模拟调试到远程调试，大概分为几部分： 1、Chrome DevTools(谷歌浏览器)的模拟手机调试 2、weinre(web inspector remote)远程调试工具 3、微信的“web开发者工具”，集成了Chrome DevTools和weinre，做的比较好

2024年02月09日
浏览(43)