觀察開(kāi)源項(xiàng)目
1. 用了哪些技術(shù)(SpringBoot, Vue, Redis)
2. 是否有數(shù)據(jù)庫(kù)(SQL文件)
3. 開(kāi)發(fā)環(huán)境是否匹配(java, Maven, npm, nodejs, redis)
4.下載解壓運(yùn)行
項(xiàng)目運(yùn)行
1. 安裝數(shù)據(jù)庫(kù),執(zhí)行sql文件
2. 前端安裝依賴(lài)(eladmin是Vue的,執(zhí)行npm install)
3. 后端項(xiàng)目導(dǎo)入(idea項(xiàng)目導(dǎo)入: import -> 選擇項(xiàng)目 -> maven -> finish)
4. 查看配置文件,端口號(hào),修改配置改為自己本地環(huán)境的地址
5. 有swagger先啟動(dòng)swagger(http://localhost:8000/swagger-ui.html)
6. 前端使用 npm run dev 啟動(dòng)(Vue)
前后端分離項(xiàng)目分析
1. 打開(kāi)前端頁(yè)面,打開(kāi)控制臺(tái),點(diǎn)擊一個(gè)接口,觀察調(diào)用關(guān)系
2. 前后端接口不一致 8013 - 8000,如何操作的
? ? ? ? 封裝了接口請(qǐng)求 ajax, axios, request

? ? ? ? SpringBoot提供服務(wù),前端調(diào)用接口數(shù)據(jù), Vue渲染頁(yè)面
? ? ? ? 前端目錄結(jié)構(gòu)

? ? ? ? 通過(guò)前端控制臺(tái)發(fā)起的請(qǐng)求,找到后端對(duì)應(yīng)的接口
? ? ? ? Controller -> Service -> Dao
? ? ? ? 根據(jù)接口找到對(duì)應(yīng)的Vue頁(yè)面
如何找到一個(gè)好的開(kāi)源項(xiàng)目
碼云,github
分類(lèi):java
stars: 多
技術(shù):NB