Appearance
基本介绍
项目结构图
项目目录介绍
本项目是一个基于前后端分离架构的通用管理后台系统,包含多个模块:
📁 主要目录结构
├── tenant/ # 管理后台前端源码
├── platform/ # 平台后台前端源码
├── pc/ # PC端前台源码
├── uniapp/ # 移动端源码(支持多平台)
├── server/ # 后端API服务源码
├── server/ # 后端API服务源码
├── docker/ # Docker部署配置
🖥️ 管理后台前端源码 (tenant/platform)
- 功能: 系统管理后台界面
- 技术栈: Vue 3 + TypeScript + Element Plus + Vite
- 特点: 响应式设计,支持多端自适应
- 主要功能: 用户管理、权限控制、系统设置、数据统计等
💻 PC端前台源码 (pc/)
- 功能: PC端用户前台界面
- 技术栈: Nuxt.js 3 + Vue 3 + Element Plus
- 特点: 支持服务器端渲染(SSR),SEO友好
- 适用场景: 企业官网、产品展示、用户中心等
📱 移动端源码 (uniapp/)
- 功能: 移动端多平台应用
- 技术栈: uni-app + Vue 3 + TypeScript
- 支持平台:
- H5网页
- 微信小程序
- 支付宝小程序
- Android App
- iOS App
- 快应用等
🔧 后端API服务源码 (server/)
- 功能: 提供RESTful API接口服务
- 技术栈: PHP 8.0 + ThinkPHP 8.0
- 特点: 高性能、易扩展、文档齐全
- 集成功能: 微信支付、短信服务、云存储等
🐳 Docker部署配置 (docker/)
- 功能: 容器化部署配置
- 包含: Nginx、PHP、MySQL配置文件
- 特点: 一键部署,环境隔离
2. 项目使用的技术栈
🔙 后端技术栈
技术 | 版本 | 说明 |
---|---|---|
PHP | 8.0+ | 主要开发语言,性能大幅提升 |
ThinkPHP | 8.0 | 国内流行的PHP框架 |
MySQL | 5.7+ | 关系型数据库 |
Redis | - | 缓存和会话存储 |
Composer | - | PHP依赖管理工具 |
🔌 集成的第三方服务
- 微信生态: 公众号、小程序、开放平台、支付API3
- 支付服务: 微信支付、支付宝支付
- 云服务:
- 阿里云 (OSS存储、短信服务)
- 腾讯云 (COS存储、短信服务)
- 七牛云 (OSS存储)
🎨 前端技术栈
管理后台 (admin/)
技术 | 版本 | 说明 |
---|---|---|
Vue.js | 3.5+ | 渐进式JavaScript框架 |
TypeScript | 5.7+ | JavaScript的超集 |
Element Plus | 2.9+ | Vue 3 UI组件库 |
Vite | 6.1+ | 现代化构建工具 |
Pinia | 2.3+ | Vue状态管理 |
Vue Router | 4.5+ | 路由管理 |
Axios | 1.7+ | HTTP客户端 |
ECharts | 5.6+ | 数据可视化图表 |
Tailwind CSS | 3.4+ | 原子化CSS框架 |
PC端前台 (pc/)
技术 | 版本 | 说明 |
---|---|---|
Nuxt.js | 3.6+ | Vue.js的SSR框架 |
Vue.js | 3.3+ | 前端框架 |
Element Plus | 2.5+ | UI组件库 |
TypeScript | 4.9+ | 类型安全 |
Pinia | 2.0+ | 状态管理 |
Tailwind CSS | 6.8+ | 样式框架 |
Sass | 1.62+ | CSS预处理器 |
移动端 (uniapp/)
技术 | 版本 | 说明 |
---|---|---|
uni-app | 3.0+ | 跨平台开发框架 |
Vue.js | 3.2+ | 前端框架 |
TypeScript | 4.7+ | 类型安全 |
Pinia | 2.0+ | 状态管理 |
Tailwind CSS | 3.3+ | 样式框架 |
z-paging | 2.7+ | 分页组件 |
vue-i18n | 9.1+ | 国际化支持 |
🛠️ 开发工具
工具 | 说明 |
---|---|
ESLint | 代码质量检查 |
Prettier | 代码格式化 |
Sass/SCSS | CSS预处理器 |
PostCSS | CSS后处理器 |
Autoprefixer | CSS自动添加前缀 |
🚀 特色功能
- 🔧 代码生成器: 一键生成前后端业务代码
- 🎯 权限管理: 基于RBAC的细粒度权限控制
- 📊 数据统计: 丰富的图表和数据分析
- 🔄 多端同步: 管理后台、PC端、移动端数据同步
- 🌐 多平台支持: 支持Web、小程序、App等多个平台
- 🔐 安全防护: 完善的安全机制和数据加密
- 📱 响应式设计: 适配各种屏幕尺寸
- 🎨 主题定制: 支持多主题切换和自定义
📋 系统要求
服务器环境
- PHP: 8.0+
- MySQL: 5.7+
- Redis: 推荐
- Nginx/Apache: Web服务器
开发环境
- Node.js:
- npm/yarn: 包管理工具
- Git: 版本控制