Spring boot+vue前后端开发学习笔记2详解编程语言

Spring boot+vue前后端开发学习笔记2

1 编写前端示例

在原工程的views目录下新建一个示例vue文件,这个文件是我用来测试数据库连接是否正常所用,取名为ConnectionTest.vue
在这里插入图片描述
在这个文件里随便写了一些内容
接着需要在index文件中添加上这个页面的path
在这里插入图片描述

2编写后端接口

利用Springboot编写后端接口
在idea中创建出一个新的SpringBoot工程,取名为SpringBootTest
在这里插入图片描述
在如图所示的位置添加三个目录分别为
controller entity 以及repository
在entity中建立数据库表的映射
在这里插入图片描述
之后再进入Repositoy目录
建立接口此处直接继承JpaRepository
在这里插入图片描述
做完之后可以先进行测试看一下接口的可用性
右键点击类名GoTo Test
创建出一个测试类名为StudentRepositoryTest
在这里插入图片描述
测试里面的findAll函数是否可用
结果报错
原因是maven里面的依赖不完整
在这里插入图片描述
重新加载后成功运行测试程序
在这里插入图片描述
接着在controller里面创建Studenthandler类用来回应前端的请求
在这里插入图片描述
在网页中输入localhost:8181/student/findAll
显示如下
在这里插入图片描述

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/17795.html

(0)
上一篇 2021年7月19日 20:29
下一篇 2021年7月19日 20:33

相关推荐

发表回复

登录后才能评论