(2.布局前端项目)使用哦vue+mybatis-plus+springboot实现前后端分离

结合之情(1)的内容

(1.创建vue-cli项目)使用哦vue+mybatis-plus+springboot实现前后端分离_XZXLOVELXY的博客-CSDN博客

将创建好的文件放入idea中

 

 将vue项目传入idea后需要配置启动项

 

 配置好后就可以直接点击小三脚启动了

配置好后  去掉多余的代码项

先进入app.vue 删除 <template></template>标签里面的类容 只留下一个 <div>标签

 进入Home.vue

删除 <template></template>标签里面的类容 只留下一个 <div>标签

删掉图片写上home

 

 

 删除原有的组建

 这样界面就变成了

 

做完这些步骤后将编写项目

先在components 文件里面创建一个导航的主键 Header.vue

 

 

创建后回到App.vue

删除掉多余的东西

引入Header

 

 

 能看见HTML布局还是有点空隙

在assets文件中创建css文件,全局修改HTML样式

 

 在main.js当中引入