tp6-vue-admin一套完整的 ThinkPHP6 Vue 前后端分離后臺(tái)方案【免費(fèi)下載鏈接】tp6-vue-admin基于thinkphp6vue2.6element2.13 前后端分離落地解決方案項(xiàng)目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admintp6-vue-admin 是一套基于 ThinkPHP6 Vue2.6 Element UI 2.13 的前后端分離落地方案。管理端內(nèi)置登錄、JWT 鑒權(quán)、角色權(quán)限菜單和文章增刪改查業(yè)務(wù)模塊前端是帶動(dòng)態(tài)路由的完整管理后臺(tái)。克隆下來(lái)就能跑通不是空殼腳手架你省掉的是從零搭管理后臺(tái)的那幾周。它到底能幫你做什么你要快速搭一個(gè)管理后臺(tái)常規(guī)流程是起空項(xiàng)目、裝框架、定分層、寫(xiě)登錄、寫(xiě)鑒權(quán)、寫(xiě)菜單每一步都要自己拿主意。這個(gè)項(xiàng)目把整條鏈路都替你走完了——后端已按 admin管理端和 api用戶端拆成多應(yīng)用前端自帶登錄頁(yè)、側(cè)邊欄、標(biāo)簽頁(yè)多開(kāi)、儀表盤。導(dǎo)入數(shù)據(jù)庫(kù)就能登錄使用你先看效果再?zèng)Q定改哪里。新人接手項(xiàng)目要讀懂分層后端按 controller / service / repository / model / validate 五層劃分公共 CRUD 方法抽在 app/traits/ 里。以 Article 模塊為例從路由到入庫(kù)全鏈路都是同一套寫(xiě)法你照著抄一遍新業(yè)務(wù)的模塊就出來(lái)了不用猜這項(xiàng)目的人習(xí)慣怎么寫(xiě)。你要權(quán)限菜單和角色隔離后端用角色AuthGroup和菜單AuthRule兩張表管理權(quán)限前端登錄后按服務(wù)端返回的權(quán)限樹(shù)過(guò)濾路由生成側(cè)邊欄。同一個(gè)系統(tǒng)配不同角色的賬號(hào)看到的菜單天然不同你不需要自己實(shí)現(xiàn)這個(gè)賬號(hào)能看哪些頁(yè)面的判斷邏輯。最快上手路徑項(xiàng)目沒(méi)有提供 Docker 一鍵部署但手動(dòng)啟動(dòng)就兩步。后端需 PHP 7.1 與 MySQL裝依賴、導(dǎo)入 tp6/tp666.sql 數(shù)據(jù)庫(kù)腳本、本地啟動(dòng)composer install php think run前端另開(kāi)一個(gè)終端cd vue-admin npm install npm run serve瀏覽器打開(kāi)前端本地地址用數(shù)據(jù)庫(kù)里自帶的管理員賬號(hào)登錄即可。短信隊(duì)列、緩存等運(yùn)行配置集中在 tp6/config/ 下按需調(diào)整。重點(diǎn)功能深挖RBAC 權(quán)限怎么落地權(quán)限數(shù)據(jù)在 app/model/AuthGroup.php 和 app/model/AuthRule.php管理端提供角色、菜單兩個(gè)完整的管理頁(yè)面views/manage/。前端動(dòng)態(tài)權(quán)限的核心在 store/modules/permission.js拉取當(dāng)前用戶權(quán)限 → 過(guò)濾可訪問(wèn)路由 → 生成菜單。頁(yè)面按鈕級(jí)控制則用自定義指令 directive/permission/ 實(shí)現(xiàn)一行指令就能按權(quán)限顯隱元素。JWT 鑒權(quán)鏈路怎么走登錄接口先校驗(yàn)圖形驗(yàn)證碼再簽發(fā)令牌入口在 app/controller/admin/Login.php。之后每個(gè)請(qǐng)求把令牌放在 x-access-token 請(qǐng)求頭app/middleware/CheckAdmin.php 依次檢查簽名是否合法、登錄是否過(guò)期、賬號(hào)是否被停用任何一條不過(guò)直接拋出統(tǒng)一異常返回 401。加解密邏輯收斂在 app/util/JwtUtil.php 一個(gè)文件里改密鑰、改算法只動(dòng)一處。另外它把常用基建也聲明好了雪花 ID、消息隊(duì)列Sms 任務(wù)、OSS 存儲(chǔ)、微信 SDK都在 tp6/composer.json 里用到哪個(gè)啟用哪個(gè)。適合誰(shuí)以及它的邊界適合你如果你用 PHP Vue 技術(shù)棧要做中小規(guī)模管理后臺(tái)或者想通過(guò)一個(gè)完整項(xiàng)目吃透前后端分離的工程結(jié)構(gòu)。兩條真實(shí)局限提前說(shuō)明前端是 Vue 2.6 Element UI 2.x不是 Vue 3 全家桶。如果你的新項(xiàng)目必須用新生態(tài)這里只能當(dāng)參考直接復(fù)用需要升級(jí)。部分鑒權(quán)邏輯尚未收尾AdminController.php 里留有 TODO。接入生產(chǎn)環(huán)境前把權(quán)限校驗(yàn)補(bǔ)完整、把 JWT 密鑰改掉這兩件事不能省。下一步一句話這是一套拿來(lái)即用的 PHP Vue 前后端分離后臺(tái)能跑、能改、能學(xué)。克隆倉(cāng)庫(kù)按上面兩步啟動(dòng)先登錄看一遍權(quán)限菜單git clone https://gitcode.com/gh_mirrors/tp/tp6-vue-admin【免費(fèi)下載鏈接】tp6-vue-admin基于thinkphp6vue2.6element2.13 前后端分離落地解決方案項(xiàng)目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admin創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考