# 万能后台管理模版

**Repository Path**: Huahua_t/Elixir

## Basic Information

- **Project Name**: 万能后台管理模版
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-05
- **Last Updated**: 2026-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 万能后台管理系统

一个基于 Spring Boot 3 + Vue 3 + Element Plus 的现代化后台管理系统，提供完整的权限管理、系统监控等功能。

## 技术栈

### 后端技术
- **Spring Boot 3.x** - 应用框架
- **Spring Security** - 安全框架
- **MyBatis-Plus** - ORM 框架
- **MySQL** - 数据库
- **Maven** - 项目管理工具

### 前端技术
- **Vue 3** - 渐进式 JavaScript 框架
- **TypeScript** - 类型安全的 JavaScript 超集
- **Vite** - 下一代前端构建工具
- **Element Plus** - Vue 3 组件库
- **Pinia** - Vue 状态管理
- **Vue Router** - 路由管理
- **Axios** - HTTP 客户端
- **ECharts** - 数据可视化
- **vue-i18n** - 国际化方案

## 功能特性

### 系统管理
- **用户管理** - 用户的增删改查、分配角色、重置密码
- **角色管理** - 角色的增删改查、分配菜单权限
- **菜单管理** - 菜单的增删改查、树形结构展示
- **部门管理** - 部门的增删改查、树形结构展示
- **字典管理** - 字典类型与字典数据的管理
- **系统配置** - 系统参数配置管理
- **操作日志** - 系统操作日志记录与查询
- **文件管理** - 文件上传、下载、预览
- **定时任务** - 定时任务的配置与管理

### 系统监控
- **在线用户** - 在线用户监控与管理
- **服务监控** - 服务器运行状态监控
- **缓存监控** - Redis 缓存监控

### 系统工具
- **代码生成** - 根据数据库表生成代码
- **系统接口** - Swagger 接口文档

### 用户体验
- **主题切换** - 支持浅色/深色主题切换
- **国际化** - 支持中英文切换
- **个人中心** - 个人信息管理、密码修改

## 项目结构

```
万能后台管理模版/
├── backend/                    # 后端项目
│   ├── src/main/java/
│   │   └── com/admin/
│   │       ├── common/         # 公共模块
│   │       ├── config/         # 配置类
│   │       ├── controller/     # 控制器
│   │       ├── entity/         # 实体类
│   │       ├── repository/     # 数据访问层
│   │       ├── service/        # 业务逻辑层
│   │       └── util/           # 工具类
│   └── src/main/resources/
│       ├── application.yml     # 应用配置
│       └── mapper/             # MyBatis 映射文件
│
├── frontend/                   # 前端项目
│   ├── src/
│   │   ├── api/                # API 接口
│   │   ├── assets/             # 静态资源
│   │   ├── components/         # 公共组件
│   │   │   ├── ExcelExportImport/  # Excel 导入导出组件
│   │   │   ├── LangSwitch/         # 语言切换组件
│   │   │   ├── NotificationCenter/ # 通知中心组件
│   │   │   ├── ProDialog/          # 通用弹窗组件
│   │   │   ├── ProForm/            # 通用表单组件
│   │   │   ├── ProTable/           # 通用表格组件
│   │   │   └── ThemeSwitch/        # 主题切换组件
│   │   ├── config/             # 配置文件
│   │   ├── layout/             # 布局组件
│   │   ├── locales/            # 国际化语言包
│   │   ├── plugins/            # 插件配置
│   │   ├── router/             # 路由配置
│   │   ├── stores/             # 状态管理
│   │   ├── styles/             # 样式文件
│   │   ├── utils/              # 工具函数
│   │   └── views/              # 页面组件
│   │       ├── home/           # 首页
│   │       ├── login/          # 登录页
│   │       ├── profile/        # 个人中心
│   │       ├── settings/       # 设置页
│   │       └── system/         # 系统管理
│   ├── public/                 # 公共资源
│   ├── index.html              # HTML 模板
│   ├── package.json            # 依赖配置
│   ├── tsconfig.json           # TypeScript 配置
│   └── vite.config.ts          # Vite 配置
│
├── doc/                        # 项目文档
│   ├── 概要设计.md
│   └── 详细设计概要.md
│
├── features.json               # 功能特性清单
└── README.md                   # 项目说明
```

## 快速开始

### 环境要求

- JDK 17+
- Node.js 18+
- MySQL 8.0+
- Maven 3.6+

### 后端启动

```bash
# 进入后端目录
cd backend

# 安装依赖
mvn clean install

# 启动应用
mvn spring-boot:run
```

后端服务将运行在 `http://localhost:8080`

### 前端启动

```bash
# 进入前端目录
cd frontend

# 安装依赖
npm install

# 启动开发服务器
npm run dev
```

前端服务将运行在 `http://localhost:5173`

### 构建生产版本

```bash
# 后端构建
cd backend
mvn clean package -DskipTests

# 前端构建
cd frontend
npm run build
```

## 默认账号

- 用户名：`admin`
- 密码：`admin123`

## 主要功能截图

### 登录页面
支持用户名密码登录，记住密码功能

### 仪表盘
数据统计展示，图表可视化

### 用户管理
用户列表、新增、编辑、删除、分配角色

### 角色管理
角色列表、权限分配

### 菜单管理
树形结构菜单管理

### 部门管理
树形结构部门管理

## 开发规范

### 代码规范
- 遵循阿里巴巴 Java 开发手册
- 遵循 Vue 官方风格指南
- 使用 ESLint + Prettier 进行代码格式化

### Git 提交规范
- `feat`: 新功能
- `fix`: 修复 bug
- `docs`: 文档更新
- `style`: 代码格式调整
- `refactor`: 代码重构
- `test`: 测试相关
- `chore`: 构建/工具链相关

## 许可证

MIT License

## 联系方式

如有问题或建议，请提交 Issue 或 Pull Request。