项目介绍
什么是 Vben Admin 框架？
Vben Admin 框架是一套基于 Vue 3 + Spring Boot 的企业级管理系统框架。它结合了现代前端技术和成熟的后端框架，提供开箱即用的中后台解决方案。
核心优势
🚀 技术先进
- 采用最新的 Vue 3、TypeScript、Vite 等前沿技术
- Spring Boot 3.2.5 + MyBatis-Plus 最新版本
- 完整的 TypeScript 类型定义，开发体验更好
📦 功能完整
- 12 个后端工具类 - 覆盖常见业务场景
- 20 个前端工具类 - 提高开发效率
- 10 个前端组件 - 开箱即用的 UI 组件
- 完整的权限系统 - 基于 Sa-Token 的权限认证
🎨 开箱即用
- 完整的项目结构和最佳实践
- 丰富的示例代码和文档
- 快速的开发流程
🔐 企业级特性
- 数据脱敏和加密
- 限流防刷保护
- 分布式锁支持
- 数据权限控制
框架组成
前端 (vue-vben-admin)
基于 Vue 3 的现代化前端框架，包含：
- ✅ 完整的管理系统 UI
- ✅ 多个主题和布局选项
- ✅ 国际化支持
- ✅ 动态路由和权限控制
- ✅ 丰富的组件库
后端 (vben-boot)
基于 Spring Boot 的后端框架，包含：
- ✅ 核心业务模块
- ✅ 系统管理模块
- ✅ 定时任务模块
- ✅ 代码生成模块
- ✅ 完整的工具类库
适用场景
适用场景
✅ 企业级管理系统
✅ 中后台应用
✅ 数据分析平台
✅ 内容管理系统
✅ 权限管理系统
✅ 学习参考项目
快速对比
| 特性 | Vben Admin | 其他框架 |
|---|---|---|
| 前端框架 | Vue 3 | Vue 2/React |
| 后端框架 | Spring Boot 3 | Spring Boot 2 |
| 工具类 | 32 个 | 较少 |
| 组件库 | 10 个 | 5-8 个 |
| 文档完整度 | ⭐⭐⭐⭐⭐ | ⭐⭐⭐ |
| 开箱即用 | ✅ | ⚠️ |
核心特性详解
后端特性
Excel 处理
基于 EasyExcel，支持大数据量导入导出，提供模板下载功能。
java
// 导出示例
ExcelUtils.exportExcel(userList, User.class, "用户列表", response);
// 导入示例
List<User> users = ExcelUtils.importExcel(file, User.class);数据脱敏
支持 8 种脱敏类型，自动序列化脱敏。
java
@Data
public class UserVO {
@Desensitize(type = DesensitizeType.PHONE)
private String phone;
@Desensitize(type = DesensitizeType.ID_CARD)
private String idCard;
}限流防刷
支持 IP、用户、全局三种限流方式。
java
@PostMapping("/send")
@RateLimit(count = 1, time = 60, limitType = RateLimit.LimitType.IP)
public R<Void> sendSms() {
return R.ok();
}前端特性
编辑器组件
提供富文本、Markdown、代码编辑器。
vue
<template>
<RichEditor v-model="content" height="400px" />
</template>数据可视化
基于 ECharts 的图表组件。
vue
<template>
<VbenChart :option="chartOption" height="400px" />
</template>工具丰富
20 个工具类覆盖常见场景。
typescript
// 导出 Excel
ExportUtils.exportExcel(data, '用户列表');
// 复制到剪贴板
await ClipboardUtils.copy('文本内容');
// 生成二维码
const qrCode = await QRCodeUtils.generate({ text: 'https://example.com' });版本历史
v1.0.0 (2026-02-05)
- ✅ 完成 12 个后端工具类
- ✅ 完成 20 个前端工具类
- ✅ 完成 10 个前端组件
- ✅ 完成完整文档