SpringBoot+Vue项⽬实现思路
⾸先,先来讲讲最重要的前端和后端整体的实现的⼀个思路。
前端要实现功能的图形化,也是必然要实现的,不然后端的功能就不能被我们所看到。
spring到底是干啥的
通过前端页⾯的调转,接⽽去调动后段的接⼝。对接接⼝的实现是项⽬中⼗分重要的部分。也就是在后端中,我们需要⽤
@RequestMapping(“/接⼝”)
来在controller层中的类和⾥⾯的⽅法,
上⾯加上这⼀个部分,以⽅便前端调⽤,前端好⼏种的调⽤⽅式,我列举其中的⼀种,前端的页⾯属性中 methods中
this.$http.post("test")
这⾥⾯的这个$http 的挂载⽅式是axios,axios可以实现前后端页⾯的⼀个交互,可以在vue-cli中来下载这个插件,使⽤⽅式就是需要
在main.js中导⼊它,并且在下⾯加上
Vue.prototype.$http=axios
axios.defaults.baseURL="localhost:9000"
9000是默认的端⼝号,⽤于和后端做⼀个跨域和交互,另外需要提⼀下的是,每⼀个服务器中有⼏万个端⼝,每个端⼝⾥⼜有⽆数个接⼝,所以这第⼀步,实现跨域是⾮常重要的,端⼝号要⾸先完成映射,然后再是第⼆部,连接接⼝。8080映射9000端⼝,接着在Vue页⾯中,浏览器翻译html语⾔,通过上⾯来调⽤接⼝。只要语法⽅⾯没什么太⼤的问题,就可以实现前后端的交互了。接着就是Vue中的⼀些问题,Vue中有component,olugins,router,views,这些部分,其中router中是做每⼀个接⼝的调⽤,⽐如你在
local host:8080/login
这种类似的,/login这⼀部分就需要在router中去定义,并且,SpringBoot中的
@RequestMapping(“/接⼝”)
也是可以⽤来做这⼀个部分的功能。
有不对的地⽅,欢迎评论区修正

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。