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

 时间:2024-10-12 15:07:55

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文档如何更改饼图样式
  • 热门搜索
    端午节手抄报怎么画 拒绝邪教手抄报 诚信友善手抄报 国庆英语手抄报 三年级手抄报图片 教师节手抄报内容文字 师恩难忘手抄报 5.1劳动节手抄报 致敬抗美援朝争做时代新人手抄报 端午节的手抄报怎么画