概述
👋 Hey! 伙计,欢迎来到我的世界!
Robot Admin 是一个现代、高性能的企业管理后台框架,
旨在重新定义开发者创建后端管理系统的方式
🚀 核心理念
该项目的核心理念围绕开发者体验和性能展开,使团队能够在创纪录的时间内构建复杂的管理面板,同时保持代码质量和可扩展性。
Robot Admin 是一个基于 Vue 3.5、TypeScript 5.8、Naive UI 和 Vite 7 构建的开源企业级管理后台。它旨在通过提供健壮的架构、全面的组件和开箱即用的性能优化,简化业务管理系统的开发。
🎯 主要功能
⚡ 性能优先架构
Robot Admin 利用 Bun 和 Vite 7 提供非凡的开发速度:
📊 性能提升
相较于传统管理框架有显著提升:热重载时间快 90%,构建速度快 75%
🧩 全面组件系统
该框架包含 51 个精心打造的业务组件(已独立发布为 @robot-admin/naive-ui-components),专为企业应用设计:
🏗️ 核心 UI 组件
- C_Form - 动态表单引擎,支持 8 种布局、脏检查、联动赋值、异步选项等
- C_Table - 超级表格,支持虚拟滚动、树形结构、行拖拽、CSV/XLSX 导出
- C_FormSearch - 高级搜索表单组件
- C_Menu - 智能导航,支持权限控制和动态菜单
- C_ActionBar - 操作按钮组组件,统一按钮布局
📊 数据可视化
- ECharts 6.0 - 丰富的图表组件库
- C_AntV - AntV X6 流程图引擎(BPMN/ER/UML)
- C_WorkFlow - Vue Flow 工作流编辑器
- C_VtableGantt - 甘特图组件
- C_FullCalendar - 完整日程管理
✏️ 内容编辑器
- C_Editor - 基于 WangEditor 的富文本编辑器
- C_Markdown - Markdown 编辑器,实时预览
- C_Code - 代码编辑器,多语言语法高亮
- C_FormulaEditor - 公式编辑器
🛠️ 文件与媒体处理
- C_FilePreview - 文件预览(PDF/Excel/Word/图片)
- C_VideoPlayer - XGPlayer 视频播放器(HLS/防作弊)
- C_AudioPlayer - 音频播放器,播放列表、多循环模式
- C_ImageCropper - 图片裁剪
- C_Signature - 电子签名
- C_QRCode / C_Barcode - 二维码与条形码生成
每个组件遵循最佳实践,并附有详尽的文档和实际应用示例。
🏢 企业级功能
Robot Admin 包含通常在大规模企业应用中才有的复杂功能:
🎯 开发者体验
Robot Admin 优先考虑开发者生产力:
💡 灵活配置
当然你如果偏爱 JS,剔除了 TS 相关检查即可。现代工具链包括 ESLint、Prettier、Vitest 和 Git hooks 大宝 🗡
🛠️ 技术基础
Robot Admin 建立在现代化的技术栈之上:
{
"vue": "3.5.30",
"typescript": "5.8.3",
"naive-ui": "2.44.1",
"unocss": "66.6.6"
}2
3
4
5
6
{
"bun": "1.x",
"vite": "7.3.1",
"sass": "1.97"
}2
3
4
5
{
"eslint": "10.0.3",
"oxlint": "1.52.0",
"prettier": "3.8.1"
}2
3
4
5
{
"pinia": "3.0.4",
"vue-router": "4.6.4"
}2
3
4
这一精心选择的技术组合在尖端能力和生产稳定性之间取得了平衡。
📁 项目结构
Robot Admin 遵循清晰、模块化的组织模式:
Robot_Admin/
├── src/ # 源代码目录
│ ├── api/ # API 管理层
│ ├── components/ # 组件(桥接层 + 局部组件)
│ │ ├── global/ # 全局桥接组件(按需引用组件库)
│ │ └── local/ # 局部业务组件
│ ├── views/ # 页面视图(54+ 演示页面)
│ ├── stores/ # Pinia 状态管理
│ ├── composables/ # 组合式函数(业务逻辑解耦)
│ ├── hooks/ # 自定义钩子
│ ├── router/ # 路由系统
│ ├── utils/ # 工具函数
│ ├── types/ # TypeScript 类型定义
│ ├── config/ # 配置汇总(主题/Vite/缓存)
│ └── plugins/ # 插件系统(初始化引导)2
3
4
5
6
7
8
9
10
11
12
13
14
15
🏗️ 架构优势
这种架构促进了关注点分离,使代码库更易于导航和维护。
🚀 演进路径
Robot Admin 有清晰的架构演进路线图:
单体架构
当前阶段 - 单一代码库,快速开发
✅ 已完成Monorepo
已完成 - Bun Workspaces 多应用管理
✅ 已完成微前端 / 模块联邦
初版完成 - MicroApp iframe 模式 + Module Federation
✅ 初版完成全栈解决方案
愿景 - 完整的 NestJS 后端
🌟 愿景这种演进方式允许项目从简单起步,随着需求增长逐步扩展。
🏆 为什么选择 Robot Admin?
与其他管理后台解决方案(如 Ant Design Pro 或 Vue Element Admin)相比:
📄 开源协议
Robot Admin 采用 MIT 许可证,适用于个人和商业项目,限制极小。
🎯 入门指南
准备好深入了解 Robot Admin 了吗?快速入门指南将指导您设置第一个项目并探索核心功能。
