从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建

把(一)里面创建好的项目文件夹拖入到IDEA里面

进行完上步操作后就可以快捷的启动项目了



这里稍微修改一下可以让我们启动项目后,自动地打开页面

页面搭建和改造

对此项目文件进行改造,改造成最终我们需要的页面的样子,目标是做一个后台管理系统如上图;

首先做一个页面的header,把没用的代码去掉

删除Home.vue里的HelloWorld部分和图片部分以及HelloWorld.vue组件

创建编辑Header.vue 组件

在APP.vue里引入Header组件.

创建CSS文件去除一些默认的样式(去掉外边距)
.
在main.js 来引入

基础头部和主题就修建完了.