Springboot+vue后台管理系统-前后端分离数据传递

Springboot+vue后台管理系统-前后端分离数据传递,第1张

Springboot+vue后台管理系统-前后端分离数据传递 零:最终实现图片展览:

一:前端项目搭建; 1:使用cmd下载vue:

2:npm install -g @vue/cli (如果安装过就不用啦) 3:vue create springboot-vue-demo(自己的名字):

4: 5:将目标移动到第一个选项然后按回车到达下面这个界面,选择一个vue版本,我们这里选择vue3x

6:下一个界面依次按下: y in package.json y 这三个,第三个是是否保存当前配置可以按N 7:

进入: 退出打开idea去开启项目编写 二:前端框架搭建,首先看一下最终的实现效果:

1:首先我们发现这个后台管理系统有三个部分,内容,顶部栏,左边导航栏,所以我们要将顶部和左侧两个不变的地方写在components中:

Header.vue: