thinkphp6+vue2.6+element2.13前后端分离解决方案

智能WEB

共 876字,需浏览 2分钟

 ·

2020-04-03 15:56

本人一直在从事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),接口规则,权限认证,文件上传(本地和阿里云),增删改查封装。主要使用thinkphp6的单应用模式,注解路由,中间件,事件,门面,服务等。代码结构如下,




v2-af47d2c64639390eb62cc06ed752e57b_1440w.jpg





v2-c7f70f7301e5026e45b9f85a9533d0c4_1440w.jpg




基于vue-admin-element,主要做后台管理界面,其中vue是2.6版本,element-ui 是2.13版本,实现功能主要包括:路由动态加载,axios 请求封装,接口规则封装,布局调整,通用列表,通用表单,通用增删改查功能封装,代码结构如下,




v2-1e4a97f045bac406aff8afaf9e8d55f6_1440w.jpg




体验地址:

http://www.hardphp.com/backend/index.html

账号admini,密码123456

代码地址:

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

说明文档https://mp.weixin.qq.com/mp/homepage?__biz=MzUyNzI3OTQ2Nw==&hid=1&sn=6f734454a69c4cc3f8a28b9ed6f0e786&scene=126&clicktime=1585844155

交流群:

QQ交流群 :488148501

浏览 22
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报