我今天分享是一個github的開源的Springboot專案，采用的是Springboot+Vue+mybatis-plus的架構體系，完全屬于前后端分離的經典之作，
文章目錄
- 專案簡介
- 前端專案搭建
專案簡介
專案名字：SmartAdmin
SmartAdmin由河南·洛陽 1024創新實驗室團隊研發的一套互聯網企業級的通用型中后臺解決方案
github可能打不開這里放了gitee的地址
傳送門：SmartAdmin
這個可以是屬于標準的典范了，非常適合提升自己，不過這個里面不僅涉及了后端的知識也涉及了前端的知識，比如Vue，當然不會Vue也不用太驚慌，我們不用涉及到Vue的領域，完全會后端就行，當然你得會點html小標簽啊~，
前端專案搭建
雖然這個專案已經內置了部署檔案，但是作為你們的保姆我不得不提一下啊~
我們先部署前端吧
- 第一步
點進我上邊的那個傳送門,你將會看見，按照我的那個箭頭點擊
接著
打開并解壓好下載的壓縮包:
得到這個目錄結構
smart-admin-web是pc端的Vue專案
smart-admin-h5是移動端的Vue專案
smart-admin-service是后端的實作
其他的不用管，
- 第二步
安裝環境，誰的環境？java，mysql？
主角就是Vue~~~
需要安裝node.js來構建Vue專案？？？？
node.js是什么東東啊？不是說會html標簽就可以了，你和我扯這些干嘛，其實不用管這個是干嘛的，只需要簡單使用即可，
安裝node.js傳送門
node.js安裝
安裝完畢后我們打開cmd輸入這個安裝CLI，這個是Vue的運行環境
npm install -g @vue/cli
然后輸入,查看vue是否安裝好
vue --version
- 第三步
到smart-admin-web的目錄
接著在上面輸入cmd，再按enter
最后到這
輸入npm run local的命令
最后訪問localhost:8081即可
沒有驗證碼是因為后端還未部署，下面就將講解后端的部署，
總體來說部署前端也不是很復雜，后端也是如此~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/386839.html
標籤：其他