将前端vue获取和传递后端springboot数据
我这⾥引⽤的是element UI框架,在这个⾥⾯的数据流动需要⼀下⼏个⽂件夹,也就是需要我们经常改动的地⽅。
下⾯以此介绍:
1.app.vue:最下⾯的app.vue是运⾏vue的主⽂件,例如在hbuider中直接运⾏这个⽂件就可以把前端跑起来
2.api⽂件夹:通过名字可以猜个差不多,api叫接⼝。他相当于桥梁,(在参数处)接收前端vue数据,(通过url)到后端Controller,后端再把查询出的结果返回回来,最后return返回给vue。
⽂件夹中存放的是js⽂件,每个js⽂件都是连接后端(spring boot)的接⼝,如图1:  url:根据路径去controller⾥⾯,具体后端controller 怎么写能让他到,⼀会⼉会说。 method:就是get post 传递⽅式,具体区别可以去百度⼀下,,这⾥⾯要不就是get 要不就是post 。params:是传递的参数把vue给⾃⼰的参数传递给后端Controller。基本上是⼀个vue⽂件对应⼀个js⽂件,⼀个js⽂件⾥⾯有增删改查⼏种⽅法。
——>js⽂件:
——>vue⽂件:
4.views⽂件夹:叫视图,这⾥⾯放的就是我们总改动的也是显⽰在界⾯的页⾯,起到的作⽤就像html似的。
主页显⽰:⾥⾯跟html似的,由标签组成界⾯想要显⽰的样⼦;css:和传统的css⼀样;js:和传统的js⼀样
>view ui框架