Appearance
基本介绍
项目目录介绍
本项目是一个基于前后端分离架构的管理系统,包含多个前端应用和一个Java后端服务。项目结构如下:
📁 前端源码模块
🖥️ admin/ - 管理后台前端源码
- 技术栈: Vue 3 + TypeScript + Vite + Element Plus
- 功能: 系统管理后台,提供完整的管理功能界面
- 构建工具: Vite
- UI框架: Element Plus
- 状态管理: Pinia
💻 pc/ - PC端前端源码
- 技术栈: Nuxt 3 + Vue 3 + TypeScript + Element Plus
- 功能: PC端用户界面,面向普通用户的Web应用
- 框架: Nuxt 3 (支持SSR/SSG)
- UI框架: Element Plus
- 状态管理: Pinia
📱 uniapp/ - 移动端源码
- 技术栈: UniApp + Vue 3 + TypeScript
- 功能: 跨平台移动应用,支持微信小程序、H5、App等多端
- 框架: UniApp
- 支持平台: 微信小程序、支付宝小程序、H5、App等
🔧 后端服务模块
☕ server/ - Java后端源码
- 架构: Spring Boot + Maven多模块
- 子模块:
like-admin/
- 管理后台服务模块like-front/
- 前台服务模块like-common/
- 公共模块like-generator/
- 代码生成器模块
🗂️ 其他目录
📦 public/ - 静态资源目录
- 存放编译后的前端静态文件
- 包含各端的构建产物
🐳 docker/ - Docker配置
- Docker容器化部署配置
- 包含MySQL等服务的配置文件
🗄️ sql/ - 数据库脚本
- 数据库初始化脚本
- 包含项目所需的数据表结构
2. 项目使用的技术栈
🎨 前端技术栈
管理后台 (admin)
- 核心框架: Vue 3.4.38
- 开发语言: TypeScript 4.7.4
- 构建工具: Vite 3.2.10
- UI组件库: Element Plus 2.2.27
- 状态管理: Pinia 2.2.2
- 路由管理: Vue Router 4.4.3
- CSS框架: TailwindCSS 3.4.10
- 图表库: ECharts 5.5.1
- 富文本编辑器: WangEditor 5.1.23
- HTTP客户端: Axios 0.27.2
- 代码规范: ESLint + Prettier
PC端 (pc)
- 核心框架: Nuxt 3.6.5 + Vue 3.3.4
- 开发语言: TypeScript 4.9.3
- UI组件库: Element Plus 2.5.2
- 状态管理: Pinia 2.0.3
- CSS框架: TailwindCSS
- CSS预处理器: Sass 1.62.1
- 代码规范: ESLint + Prettier
移动端 (uniapp)
- 核心框架: UniApp 3.0 + Vue 3.2.45
- 开发语言: TypeScript 4.7.4
- 构建工具: Vite 4.1.4
- 状态管理: Pinia 2.0.20
- 路由管理: uniapp-router-next 1.2.7
- CSS框架: TailwindCSS 3.3.2
- 国际化: Vue I18n 9.1.9
- 分页组件: z-paging 2.7.6
- 微信SDK: weixin-js-sdk 1.6.0
⚙️ 后端技术栈
核心框架
- 基础框架: Spring Boot 2.7.5
- 开发语言: Java 1.8
- 项目管理: Maven
- 架构模式: 多模块分层架构
数据库相关
- 数据库: MySQL 5.1.49
- ORM框架: MyBatis Plus 3.5.2
- 连接池: HikariCP (Spring Boot默认)
- 分页插件: PageHelper 1.4.5
- 多表查询: MyBatis Plus Join 1.2.4
安全认证
- 权限框架: Sa-Token 1.32.0
- 缓存: Redis (Sa-Token Redis集成)
- 验证码: Kaptcha 2.3.2
工具库
- JSON处理: Fastjson2 2.0.16
- 工具类: Apache Commons Lang3 3.12.0
- IO操作: Apache Commons IO 2.11.0
- 对象简化: Lombok 1.18.24
- 任务调度: Quartz 2.3.2
- Excel处理: EasyExcel 3.1.3
云服务集成
- 七牛云OSS: qiniu-java-sdk 7.17.0
- 腾讯云COS: cos_api 5.6.54
- 阿里云OSS: aliyun-sdk-oss 3.10.2
- 腾讯云短信: tencentcloud-sdk-java 3.1.411
- 微信开发: WxJava 4.4.0
系统监控
- 系统信息: OSHI Core 6.1.2
- 用户代理: UserAgentUtils 1.2.4
🛠️ 开发工具
代码质量
- 代码检查: ESLint
- 代码格式化: Prettier
- Git钩子: Husky (可选)
构建部署
- 容器化: Docker + Docker Compose
- 前端构建: Vite / Nuxt CLI / UniApp CLI
- 后端构建: Maven
开发环境
- 包管理: npm / Maven
- 版本控制: Git
- IDE推荐: VS Code / IntelliJ IDEA
📋 项目特性
- ✅ 前后端分离: 清晰的架构分层,便于开发和维护
- ✅ 多端支持: 管理后台、PC端、移动端全覆盖
- ✅ 现代化技术栈: 采用最新稳定版本的主流技术
- ✅ 响应式设计: 支持多种屏幕尺寸适配
- ✅ 模块化开发: 高内聚低耦合的模块设计
- ✅ 云服务集成: 支持主流云存储和短信服务
- ✅ 安全可靠: 完善的权限控制和安全机制
- ✅ 易于部署: Docker容器化部署支持
本文档基于项目当前版本生成,如有更新请及时同步修改。