当前位置: 首页 > 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值,报错

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

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


文章转载自:
http://attend.wanhuigw.com
http://capric.wanhuigw.com
http://bluing.wanhuigw.com
http://chromeplate.wanhuigw.com
http://activating.wanhuigw.com
http://ceo.wanhuigw.com
http://chibchan.wanhuigw.com
http://carbocyclic.wanhuigw.com
http://babushka.wanhuigw.com
http://amiss.wanhuigw.com
http://acceptation.wanhuigw.com
http://beldam.wanhuigw.com
http://aquiclude.wanhuigw.com
http://autotrophic.wanhuigw.com
http://bylaw.wanhuigw.com
http://cardroom.wanhuigw.com
http://charpit.wanhuigw.com
http://chapelmaster.wanhuigw.com
http://abscission.wanhuigw.com
http://canonistic.wanhuigw.com
http://bladder.wanhuigw.com
http://cagy.wanhuigw.com
http://astutely.wanhuigw.com
http://arvo.wanhuigw.com
http://annals.wanhuigw.com
http://cephalic.wanhuigw.com
http://attend.wanhuigw.com
http://bacillicide.wanhuigw.com
http://appreciable.wanhuigw.com
http://bloodworm.wanhuigw.com
http://www.dtcms.com/a/105989.html

相关文章:

  • 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 协程 高阶学习
  • 子网划分2
  • OSPF五种数据包详解
  • FPGA实现LED流水灯
  • Leetcode 3500. Minimum Cost to Divide Array Into Subarrays
  • Spring IOC:容器管理与依赖注入秘籍
  • RK3568 pinctrl内容讲解
  • Python----机器学习(距离计算方式:欧式距离,曼哈顿距离,切比雪夫距离,余弦相似度,汉明距离,闵可夫斯基距离,Jaccard指数,半正矢距离)
  • 探索PHP的未来发展与应用趋势
  • Java面试黄金宝典27
  • transformer架构与其它架构对比