尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

TP6-Vue-Admin:基于ThinkPHP 6与Vue 2的完整前后端分离后台方案

TP6-Vue-Admin:基于ThinkPHP 6与Vue 2的完整前后端分离后台方案 TP6-Vue-Admin基于ThinkPHP 6与Vue 2的完整前后端分离后台方案【免费下载链接】tp6-vue-admin基于thinkphp6vue2.6element2.13 前后端分离落地解决方案项目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-adminTP6-Vue-Admin 是一套完整的前后端分离后台管理方案基于ThinkPHP 6与Vue.js 2.6构建内置RBAC权限管理、JWT 认证、验证码等后台通用能力适合用来快速搭建企业级管理系统。项目定位与技术栈项目采用典型的前后端分离架构后端使用ThinkPHP 6单应用模式配合注解路由、中间件与事件系统前端基于Vue 2.6与Element UI 2.13在成熟的 vue-admin-template 模板上二次开发并用Vuex与Axios完成状态管理和请求封装。配套能力还包括firebase/php-jwt令牌签发与解析支撑登录态think-captcha验证码组件存储基于RedisRedis 队列异步任务默认通道带失败记录兜底雪花 ID、阿里云 OSS分布式场景与文件存储权限与接口体系说明权限模型是“管理员—角色组—菜单规则”三层 RBAC 结构。菜单与路由数据由后端接口下发前端登录后动态渲染菜单无需手工维护前端路由表新增页面只需配规则。管理端认证中间件解析请求头x-access-token中的 JWT依次校验令牌过期时间、账号是否存在、账号是否禁用对外 API 端另配签名校验中间件采用 appId 签名模式适合开放接口错误码统一在 config/error.php 中分区间定义系统、认证、业务前端按码统一提示前后端协同成本低TP6-Vue-Admin 快速上手路径 前端、后端需同时启动才能完整跑通环境要求PHP 7.1、Node.js 14.x、Redis。克隆仓库git clone https://gitcode.com/gh_mirrors/tp/tp6-vue-admin前端在 vue-admin 目录执行npm install再npm run serve本地启动npm run build打包产物放入后端 public 目录后端在 tp6 目录安装 Composer 依赖导入仓库自带的 tp666.sql 数据库脚本用 PHP 内置服务器启动跨域处理开发环境走 vue.config.js 的代理配置生产环境通过环境变量 VUE_APP_BASE_API 指定接口地址注意前端的接口规则与动态路由和后端权限规则一一对应只跑前端或只改一端规则都会导致菜单与请求不匹配。内置特性一览以下特性开箱即用多数场景可直接沿用权限管理角色组 菜单规则细粒度控制可见页面认证体系JWT 令牌附带过期与账号状态双重校验验证码集成think-captcha适配前后端分离请求方式四层分层model、repository、service、controller 各司其职错误码管理分区间编码禁止代码里硬拼错误文案文件上传本地存储与阿里云 OSS 两种方式双端接口管理端 admin 与用户端 api 目录独立结构清晰可参考获取项目并参与共建获取源码git clone https://gitcode.com/gh_mirrors/tp/tp6-vue-admin可以 fork 仓库基于需求拉分支修改再通过 Pull Request 提交改动参与社区共建仓库内附数据库脚本、README 与目录结构说明动手前建议先通读 README 中的“项目目录说明”与“项目开发说明”两段需要留意项目 README 已声明停止维护并转向新项目 HardAdminVue 3 Element Plus 技术栈引入生产环境前建议横向对比两者再选型最后说明本文涉及的具体版本更新内容与功能变更细节均基于项目特点推测未列明确切信息请以官方 changelog 及仓库 commit 记录为准。【免费下载链接】tp6-vue-admin基于thinkphp6vue2.6element2.13 前后端分离落地解决方案项目地址: https://gitcode.com/gh_mirrors/tp/tp6-vue-admin创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表