ThinkPHP6+vue2.6+element2.13 前後端分離解決方案

hardphp發表於2020-04-03

本人一直在從事PHP後端開發工作,MVC模式寫了很多年,總覺得MVC這種分層不太順手,還有就是後臺模板太舊。於是,在2019年3月份,基於thinkphp5+vue-admin-element,寫第一版本,主要實現了後端介面規則和前端列表以及表單基本功能,此版本在github上檢視。

今年年初,趕巧有個專案需要用到thinkphp6,這時候,我發現vue-admin-element 也升級了,藉此機會,把專案用thinkphp6+vue-admin-element重構了。

基於thinkphp6主要提供介面資料,實現功能主要包括:程式碼分層(model–>repository–>service–>middleware–>validate–>controller),介面規則,許可權認證,檔案上傳(本地和oss),增刪改查封裝。主要使用thinkphp6的單應用模式,註解路由,中介軟體,事件,門面,服務等。程式碼結構如下,

基於vue-admin-element,主要做後臺管理介面,其中vue是2.6版本,element-ui 是2.13版本,實現功能主要包括:路由動態載入,axios 請求封裝,介面規則封裝,佈局調整,通用列表,通用表單,通用增刪改查功能封裝,程式碼結構如下,

體驗地址:

http://www.hardphp.com/backend/index.html
賬號admini,密碼123456

程式碼地址:

https://github.com/hardphp/tp6-vue-admin

說明文件

https://mp.weixin.qq.com/mp/homepage?__biz...

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章