app應(yīng)用導(dǎo)航源碼帶后臺(tái),項(xiàng)目采用前后端分離模式(vue+express+mysql)

項(xiàng)目介紹:
應(yīng)用導(dǎo)航項(xiàng)目(PC+ 手機(jī)端自適應(yīng))
本項(xiàng)目采用前后端分離模式,前端使用 vue 開發(fā),后端使用 vue + express + mysql 開發(fā)   
所用技術(shù):vue2 + vant + element + nodejs + mysql + axios 等

目錄說明:
app-nav 文件夾:前端項(xiàng)目文件   
app-nav-admin 文件夾:后臺(tái)管理系統(tǒng)   
app-nav-api 文件夾:api 服務(wù)端   
app-nav.sql 文件:數(shù)據(jù)庫文件

api 服務(wù)端說明:
(1). 創(chuàng)建數(shù)據(jù)庫,并上傳數(shù)據(jù)庫文件   
(2). app-nav-api/app.js 中修改端口號(hào)
(3). app-nav-api/db/index.js 中修改數(shù)據(jù)庫信息   
(4). 執(zhí)行命令:npm i  
(5). 啟動(dòng)項(xiàng)目,執(zhí)行命令:node app.js
前端及后臺(tái)管理使用說明:
分別修改 app-nav/src/main.js 和 app-nav-admin/src/http/http.js 文件中的 api 請(qǐng)求根地址   
(1). 執(zhí)行命令:npm i  
(2). 啟動(dòng)項(xiàng)目, 執(zhí)行命令:npm run serve  
(3). 編譯打包:npm run build(自動(dòng)生成的 dist 文件夾, 就是編譯后的文件, 可直接上傳至服務(wù)器端來進(jìn)行訪問)
(4). 注意:管理員賬號(hào)密碼:admin 123456

演示截圖:

app應(yīng)用導(dǎo)航源碼帶后臺(tái),項(xiàng)目采用前后端分離模式(vue+express+mysql)

Gitee 開源地址:https://gitee.com/lifeixue/app-nav

Github 開源地址:https://github.com/towering-trees/app-nav

如果對(duì)您有幫助,Gitee/Github 右上角 Star 點(diǎn)一下哈

項(xiàng)目使用了 Vue 框架,可按照上面的使用說明來啟動(dòng)項(xiàng)目(需要 Node 環(huán)境的支持, 學(xué)過 Vue 的小伙伴們都懂, 這里不必多說)

源碼下載地址:

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊7 分享