vue+intelliJ实现前台保存一条数据到后台数据库

 时间:2026-04-24 03:52:32

1、点击保存后,调用保存的方法releaseSave()。

传递的参数封装成了json字符串进行了传递。

vue+intelliJ实现前台保存一条数据到后台数据库

2、也可以使用其他方式进行参数的包装,如下:设置一个对象,然后需要传递的参数定义在releaseSigned之中。

vue+intelliJ实现前台保存一条数据到后台数据库

3、然后去personal.js文件下编写releaseSignedSave()的访问路径。访问时使用post进行提交,并且参数传递的形式如下。

vue+intelliJ实现前台保存一条数据到后台数据库

4、这时候已经完成了前端数据访问的路径和数据的编写,需要去后台进行方法的接收和数据的接收。

在后端的控制层Controller编写获取的代码,注意:名称需要对应到路径上,不然访问不到方法。接收的数据类型要和前端传递的保持相同,用于获取传递的每个参数的值。

vue+intelliJ实现前台保存一条数据到后台数据库

5、然后调用service层的具体方法insertReleaseSigned(),如上图。

获取传输的内容,然后创建需要保存的对象,将内容添加到对象中,然后调用dao层的保存方法。

vue+intelliJ实现前台保存一条数据到后台数据库

6、dao层的addReleaseSigned添加方法,

vue+intelliJ实现前台保存一条数据到后台数据库

7、当执行完保存后,会根据流程保存到数据库中。

  • Visio怎么设置水平间距
  • eclipse进行debug如何查看 C代码覆盖率
  • word词典的四种使用方法
  • WPS中怎样使用文档校对检查文档内容
  • word文档如何更改饼图样式
  • 热门搜索
    宿迁旅游网 连南旅游 去南京旅游攻略 养马岛旅游度假区 坝美旅游攻略 呼伦贝尔旅游局官网 沈阳到台湾旅游报价 港澳旅游注意事项 上海旅游集散地 千岛湖旅游攻略自驾游