当前位置: 首页 > news >正文

Controller中接收数组参数 post请求中在body中传+post请求中通过表单形式传(x-www-form-urlencoded)

1、场景
需要根据用户id集合批量删除用户数据,前端使用post请求,controller中参数接收数组参数并根据用户id删除用户基本信息

2、分析处理:
2.1、前端请求类型contentType:application/json
请求体中为json字符串,后端新建一个UserDTO(用户数据传输类),用于接收前端json参数。

    在controller参数体中直接使用@RequestBody UserDTO userDTO即可将前端数组自动转化为userDTO中对应的属性

前端请求及后端返回值:
在这里插入图片描述
controller
在这里插入图片描述
userDTO中需要包含name、ids属性,如下:
在这里插入图片描述
2.2、前端请求类型contentType:application/x-www-form-urlencoded(form表单提交)
在这里插入图片描述
需要注意的是,上图中不是选择的form-data (这是get请求通过表单形式提交应该选择的)
controller
在这里插入图片描述

实例代码:

** 实战 :后台使用:@RequestParam(“userId”) Long userId 这种的,前台该怎么传参**


后端代码://获取用户信息 通过id@GetMapping("/getUserById")@Operation(method = "GET", summary = "根据id查询用户信息")public Result<UserResVO> getUserInfoById(@RequestParam("userId") Long userId) {if (ObjectUtil.isEmpty(userId)) {return Result.fail(Constant.ErrorCode, "用户id不能为空");}return userService.getUserInfoById(userId);}
Vue
前段js代码-定义方法
// 结算单详情
export function getUserInfoById(id) {return request({url: '/User/getUserById',method: 'get',params: {userId: id},});
}//前端vue中的写法--引用方法
import {getUserInfoById} from  user.js//使用:
function getUserDetail() {getUserInfoById(detailId.value).then((res) => {detailOb.value = res.data;。。。。。。}

实战:后台使用:@PathVariable(name=“userId”) Long userId 这种的,前台该怎么传参
在这里插入图片描述
参考:
Controller中接收数组参数

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Python接口自动化测试框架介绍
  • 使用FFmpeg更改视频播放速度的方法
  • 设计资讯 | 这款受数学方程启发的平板桌:配集成黑胶唱片机和无线充电器
  • 一篇文章带你了解网络安全就业前景,零基础入门到精通,收藏这篇就够了
  • React+Vis.js(03):vis.js设置节点形状
  • 用Scratch编程打造你的策略游戏:《保卫萝卜》入门教程
  • Groovy DSL从入门到项目实战(一)
  • 有性价比高的开放式耳机推荐吗?盘点开放式蓝牙耳机排行榜前十名
  • 【百度】25届秋招内推码
  • vscode中使用官方推荐的编程字体Cascadia Code字体
  • 深入解析JavaScript的XMLHttpRequest对象:异步Web通信的基石
  • Alembic:python中数据库迁移的瑞士军刀
  • NC 寻找第K大
  • java进阶学习路线
  • 基于Python自动连接汕头大学校园网
  • [译]Python中的类属性与实例属性的区别
  • __proto__ 和 prototype的关系
  • 30秒的PHP代码片段(1)数组 - Array
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • Computed property XXX was assigned to but it has no setter
  • crontab执行失败的多种原因
  • ES6--对象的扩展
  • gops —— Go 程序诊断分析工具
  • js 实现textarea输入字数提示
  • JS数组方法汇总
  • python_bomb----数据类型总结
  • Spark学习笔记之相关记录
  • SpiderData 2019年2月25日 DApp数据排行榜
  • SQLServer之创建数据库快照
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 使用 Xcode 的 Target 区分开发和生产环境
  • 提醒我喝水chrome插件开发指南
  • 微信小程序上拉加载:onReachBottom详解+设置触发距离
  • 微信小程序--------语音识别(前端自己也能玩)
  • 用Python写一份独特的元宵节祝福
  • ​1:1公有云能力整体输出,腾讯云“七剑”下云端
  • ​Spring Boot 分片上传文件
  • #APPINVENTOR学习记录
  • #数据结构 笔记一
  • #图像处理
  • (1)svelte 教程:hello world
  • (30)数组元素和与数字和的绝对差
  • (7) cmake 编译C++程序(二)
  • (C语言)求出1,2,5三个数不同个数组合为100的组合个数
  • (done) 两个矩阵 “相似” 是什么意思?
  • (心得)获取一个数二进制序列中所有的偶数位和奇数位, 分别输出二进制序列。
  • (转)eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .NET DataGridView数据绑定说明
  • .NET Framework、.NET Core 、 .NET 5、.NET 6和.NET 7 和.NET8 简介及区别
  • .NET/C# 使窗口永不获得焦点
  • .NET/C# 异常处理:写一个空的 try 块代码,而把重要代码写到 finally 中(Constrained Execution Regions)
  • .NET版Word处理控件Aspose.words功能演示:在ASP.NET MVC中创建MS Word编辑器
  • .NET企业级应用架构设计系列之应用服务器
  • .net通用权限框架B/S (三)--MODEL层(2)