Vben Admin企业级管理系统框架

快速开始 ​

安装依赖 ​

cd vue-vben-admin
pnpm install

cd vben-boot
mvn clean install

启动项目 ​

pnpm dev

mvn spring-boot:run

访问应用 ​

• 前端地址：http://localhost:5173
• 后端地址：http://localhost:8080
• 默认账号：admin / 123456

核心功能 ​

后端工具类（12 个） ​

• Excel 处理 - 基于 EasyExcel 的导入导出
• 文件下载 - 本地文件、网络文件、ZIP 打包
• 数据脱敏 - 8 种脱敏类型（手机、身份证、邮箱等）
• 缓存工具 - Redis 操作、Hash/Set 支持
• 数据验证 - 手机号、身份证、银行卡等验证
• 分布式锁 - 基于 Redis 的分布式锁
• IP 工具 - 获取真实 IP、判断内网
• JSON 工具 - 序列化、格式化
• 限流注解 - IP/用户/全局限流
• 脱敏注解 - 自动序列化脱敏
• 数据权限 - 部门权限过滤
• 消息通知 - 邮件、短信、站内信

前端工具类（20 个） ​

• 导入导出 - Excel/CSV/JSON 处理
• 剪贴板 - 复制文本/HTML/图片
• 加密工具 - MD5/AES/SHA256/Base64
• 全屏控制 - 进入/退出/切换全屏
• 水印 - 添加水印、防删除
• 二维码 - 生成、下载
• 数据验证 - 前端验证工具
• 数据脱敏 - 前端脱敏
• 打印 - HTML 元素打印
• 下载 - 文件/Blob/Base64 下载
• 存储 - localStorage/sessionStorage 封装
• URL - 参数解析/构建
• 格式化 - 文件大小/数字/日期格式化
• DOM - DOM 操作、滚动控制
• 树形数据 - 数组转树、查找过滤
• 设备检测 - 移动端/浏览器判断
• 颜色 - 颜色转换、加深变浅
• 数组 - 去重/分组/求和等
• 对象 - 深拷贝/深度合并
• 防抖节流 - debounce/throttle

前端组件（10 个） ​

• ImageUpload - 图片上传组件
• FileUpload - 文件上传组件
• IconPicker - 图标选择器
• RichEditor - 富文本编辑器（基于 Quill）
• MarkdownEditor - Markdown 编辑器（基于 marked）
• CodeEditor - 代码编辑器（基于 Monaco Editor）
• RegionPicker - 地区选择器（省市区三级联动）
• VbenChart - 图表组件（基于 ECharts）
• VbenImagePreview - 图片预览组件（基于 Viewer.js）
• VbenPdfPreview - PDF 预览组件（基于 PDF.js）

技术栈 ​

前端 ​

• 框架 - Vue 3、TypeScript 5、Vite 5
• UI 库 - Ant Design Vue 4
• 状态管理 - Pinia 2
• 路由 - Vue Router 4
• HTTP 客户端 - Axios
• 图表 - ECharts 5
• 编辑器 - Quill、Monaco Editor、marked
• 工具库 - Lodash、Day.js

后端 ​

• 框架 - Spring Boot 3.2.5
• ORM - MyBatis-Plus 3.5.6
• 权限 - Sa-Token 1.38.0
• Excel - EasyExcel 3.3.4
• 缓存 - Redis
• 工具 - Hutool
• 数据库 - MySQL 5.7+

完成情况 ​

浏览器支持 ​

推荐使用 Chrome 80+ 浏览器进行本地开发

Edge	Firefox	Chrome	Safari
last 2 versions	last 2 versions	last 2 versions	last 2 versions

许可证 ​

MIT License