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

vue+springboot 新增操作,前端id传string,后端接收为long类型,报错类型不匹配——解决方法

我在做新增功能的时候,做了一个逻辑判断,当前端没有传递对应的id值时,为新增;有id值时,为修改

问题一、:前端id=undefined,和我的需求不符合,我要id为空,不传值。最后发现,是id没有初始化,初始化一下即可解决!!

问题二(重点)、前端不传值了,但是后端报错类型不匹配, 即后端接收到前端传的值是string,但是后端定义的id是Long类型,所以报错

解决:使用 Map 灵活接收参数

前端:

api.js:

后端控制层:进行id的类型转换

注意:请求方式用Post,不用Get,原因:使用 GET 无法传递复杂参数,改为 POST 并配合 @RequestBody

问题三:报错Field 'id' doesn't have a default value

原因:数据库中的id没有设置自增,导致新增进去的数据没有对应的id值,报错

解决:到数据库中重新设计表,把主键自增的选项勾上即可,注意,记得保存!!!

注意:上述操作后,重启服务器,检查前端控制台,数据传递值正确,功能实现,后端控制台无报错,前端点击提交后,新增成功!!

相关文章:

  • spring-ai-alibaba第一章ollama集成
  • 基于Vue.js网页开发相关知识:Vue-router
  • 一文了解WPF技术简介
  • 电商场景下高稳定性数据接口的选型与实践
  • 阿里巴巴暑期实习Java面经,灵犀互娱一面
  • 软考-数据库系统工程师第四版pdf
  • 第6期:生成式AI安全攻防战——从提示词注入到模型反制的终极对决
  • WPF中viewmodel单例模式
  • es-字段类型详解
  • 面基:为什么不推荐用UUID作为主键
  • 探索多种方案下 LLM 的预训练性能
  • Spring Boot 七种事务传播行为只有 REQUIRES_NEW 和 NESTED 支持部分回滚的分析
  • C++26新特性解读: 结构化绑定作为条件
  • 在linux中GCC、Yum 与 Apt - get 的区别
  • OCRmyPDF 开源核弹
  • PyCharm 下载与安装教程:从零开始搭建你的 Python 开发环境
  • 【江协科技STM32】PWR电源控制(学习笔记)
  • 排序算法-插入排序
  • Tomcat深度解析:Java Web服务的核心引擎
  • Java 线程池与 Kotlin 协程 高阶学习
  • “五一”假期首日跨区域人员流动预计超3.4亿人次
  • 人物|德国新外长关键词:总理忠实盟友、外交防务专家、大西洋主义者
  • 铺就长三角南北“交通动脉”,乍嘉苏改高速扩建项目首桩入位
  • 陕西省副省长窦敬丽已任宁夏回族自治区党委常委、统战部部长
  • 朝鲜新型驱逐舰“崔贤”号进行多项武器试验
  • 兴业银行一季度净赚超237亿降逾2%,营收降逾3%