多语言展示
当前在线:341今日阅读:197今日分享:19

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

开发软件为vsCode2017编写前端代码,后端使用intellij idea编写后台代码,数据库mysql。主要实现前端界面点击保存后,将此条数据通过后台保存到数据库中的开发过程。
工具/原料
1

vue

2

intelliJ

3

java+sql

方法/步骤
1

点击保存后,调用保存的方法releaseSave()。传递的参数封装成了json字符串进行了传递。

2

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

3

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

4

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

5

然后调用service层的具体方法insertReleaseSigned(),如上图。获取传输的内容,然后创建需要保存的对象,将内容添加到对象中,然后调用dao层的保存方法。

6

dao层的addReleaseSigned添加方法,

7

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

注意事项

如果您觉得有用,记得在下方点击投票、点赞、关注、留言,小编会定期奉 上更多的惊喜哦,您的支持才是小编继续努力的动力,么么哒。

推荐信息