尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

三步搭起前后端分离后台:TP6-Vue-Admin 完整指南

三步搭起前后端分离后台:TP6-Vue-Admin 完整指南 三步搭起前后端分离后台TP6-Vue-Admin 完整指南【免费下载链接】tp6-vue-admin基于thinkphp6vue2.6element2.13 前后端分离落地解决方案项目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admin用 ThinkPHP 6 做后台管理系统还要从零写权限表、动态路由和增删改改模板吗TP6-Vue-Admin 就是为这个场景准备的落地方案后端 ThinkPHP 6前端 Vue 2.6 Element UI 2.13动态路由、角色权限、登录验证码和通用增删改查都已封装好。这套模板适合谁如果你的需求常是做个后台管理系统或者团队不想每个项目都从零搭脚手架它就是答案。技术栈是 PHP Vue覆盖后台最常见的场景账号与角色管理、文章栏目管理、文件上传、登录鉴权。仓库自带一套完整的文章管理演示模块导入数据库就能登录体验。说明作者已停止维护本项目转向新项目 HardAdminThinkPHP 6 Vue 3。本文按现有代码介绍学习和直接复用都没问题。 三步跑起 TP6-Vue-Admin 本地环境先看环境要求PHP 7.1 以上、Node.js 14.18.1、MySQL以及 Redis仅登录验证码需要。然后按顺序操作步骤操作1克隆仓库git clone https://gitcode.com/gh_mirrors/tp/tp6-vue-admin2前端在 vue-admin/ 目录安装依赖启动开发服务3后端在 tp6/ 目录安装 composer 依赖导入 tp666.sql把 .example.env 复制为 .env 并改成自己的数据库账号登录验证码基于 think-captcha、数据存 Redis记得保证 Redis 可用开发环境跨域交给 vue.config.js 里的代理解决不用折腾 nginx。三个直接使用 TP6-Vue-Admin 的场景权限管理侧边栏菜单是动态路由登录后前端从后端拉权限规则渲染你只管维护规则、角色两组数据。增删改查开发列表页搜索、增删、状态切换、分页和表单页都是现成模板新模块照抄再改即可。后端按 model、repository、service、controller 四层分工错误码统一放在 config/error.php。部署与环境接口地址由环境变量统一管理开发走本地代理、生产编译时填入前端产物丢进后端 public 目录一个站点前后端都服务。文件上传同时支持本地与阿里云 OSS。项目还自带 404/401 等完整页面技术栈与架构一句话分工ThinkPHP 6 单应用提供全部接口注解路由、中间件、JWTVue 2.6 界面只管展示两端通过 API 通信、权限规则共用。接口封装见 vue-admin/src/api/后端接口层见 tp6/app/controller/。获取与参与Fork 仓库本地改好 bug 或补上功能后提交 PR经审阅即可合并。如果你想学前后端分离的后台开发跟着这份脚手架跑通第一个项目是最快的路。【免费下载链接】tp6-vue-admin基于thinkphp6vue2.6element2.13 前后端分离落地解决方案项目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admin创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表