把(一)里面創(chuàng)建好的項目文件夾拖入到IDEA里面

進(jìn)行完上步操作后就可以快捷的啟動項目了



這里稍微修改一下可以讓我們啟動項目后,自動地打開頁面

頁面搭建和改造

對此項目文件進(jìn)行改造,改造成最終我們需要的頁面的樣子,目標(biāo)是做一個后臺管理系統(tǒng)如上圖;

首先做一個頁面的header,把沒用的代碼去掉

刪除Home.vue里的HelloWorld部分和圖片部分以及HelloWorld.vue組件

創(chuàng)建編輯Header.vue 組件

在APP.vue里引入Header組件.

創(chuàng)建CSS文件去除一些默認(rèn)的樣式(去掉外邊距)
.
在main.js 來引入

基礎(chǔ)頭部和主題就修建完了.

總結(jié)

以上是生活随笔為你收集整理的从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。