觀察開源項(xiàng)目
1. 用了哪些技術(shù)(SpringBoot, Vue, Redis)
2. 是否有數(shù)據(jù)庫(SQL文件)
3. 開發(fā)環(huán)境是否匹配(java忘嫉, Maven崭捍, npm尸折, nodejs, redis)
4.下載解壓運(yùn)行
項(xiàng)目運(yùn)行
1. 安裝數(shù)據(jù)庫殷蛇,執(zhí)行sql文件
2. 前端安裝依賴(eladmin是Vue的实夹,執(zhí)行npm install)
3. 后端項(xiàng)目導(dǎo)入(idea項(xiàng)目導(dǎo)入: import -> 選擇項(xiàng)目 -> maven -> finish)
4. 查看配置文件拣播,端口號,修改配置改為自己本地環(huán)境的地址
5. 有swagger先啟動swagger(http://localhost:8000/swagger-ui.html)
6. 前端使用 npm run dev 啟動(Vue)
前后端分離項(xiàng)目分析
1. 打開前端頁面收擦,打開控制臺贮配,點(diǎn)擊一個(gè)接口,觀察調(diào)用關(guān)系
2. 前后端接口不一致 8013 - 8000塞赂,如何操作的
? ? ? ? 封裝了接口請求 ajax泪勒, axios, request
? ? ? ? SpringBoot提供服務(wù)宴猾,前端調(diào)用接口數(shù)據(jù)圆存, Vue渲染頁面
? ? ? ? 前端目錄結(jié)構(gòu)
? ? ? ? 通過前端控制臺發(fā)起的請求,找到后端對應(yīng)的接口
? ? ? ? Controller -> Service -> Dao
? ? ? ? 根據(jù)接口找到對應(yīng)的Vue頁面
如何找到一個(gè)好的開源項(xiàng)目
碼云仇哆,github
分類:java
stars: 多
技術(shù):NB