概述
👋 Hey! 伙计,欢迎来到我的世界!
Robot Admin 是一个现代、高性能的企业管理后台框架,
旨在重新定义开发者创建后端管理系统的方式
🚀 核心理念
该项目的核心理念围绕开发者体验和性能展开,使团队能够在创纪录的时间内构建复杂的管理面板,同时保持代码质量和可扩展性。
Robot Admin 是一个基于 Vue 3.5、TypeScript 5.8 和 Naive UI 构建的开源企业级管理后台。它旨在通过提供健壮的架构、全面的组件和开箱即用的性能优化,简化业务管理系统的开发。
🎯 主要功能
⚡ 性能优先架构
Robot Admin 利用 Bun 和 Vite 7 提供非凡的开发速度:
📊 性能提升
相较于传统管理框架有显著提升:热重载时间快 90%,构建速度快 75%
🧩 全面组件系统
该框架包含30+ 精心打造的组件,专为业务应用设计:
🏗️ 核心 UI 组件
- C_Form - 动态表单引擎,支持复杂验证和条件渲染
- C_Table - 虚拟化表格,轻松处理万级数据
- C_Menu - 智能导航,支持权限控制和动态菜单
📊 数据可视化
- ECharts 5.6 - 丰富的图表组件库
- 仪表盘 - 企业级数据展示面板
- AntV X6 - 强大的流程图引擎
✏️ 内容编辑器
- 富文本编辑器 - 基于 WangEditor,支持图片、表格等
- Markdown 编辑器 - 实时预览,开发者友好
- 代码编辑器 - 多语言语法高亮
- JSON 编辑器 - 结构化数据编辑
🛠️ 文件处理工具
- Excel 导入/导出 - 支持复杂表格数据处理
- ZIP 压缩 - 文件批量处理
- 图像捕捉 - 截图和图片处理功能
每个组件遵循最佳实践,并附有详尽的文档和实际应用示例。
🏢 企业级功能
Robot Admin 包含通常在大规模企业应用中才有的复杂功能:
🎯 开发者体验
Robot Admin 优先考虑开发者生产力:
💡 灵活配置
当然你如果偏爱 JS,剔除了 TS 相关检查即可。现代工具链包括 ESLint、Prettier、Vitest 和 Git hooks 大宝 🗡
🛠️ 技术基础
Robot Admin 建立在现代化的技术栈之上:
{
"vue": "3.5.13",
"typescript": "5.8",
"naive-ui": "2.41",
"unocss": "0.66.0"
}
2
3
4
5
6
{
"bun": "1.x",
"vite": "7.0.6",
"sass": "1.87"
}
2
3
4
5
{
"eslint": "9.21",
"prettier": "3.5",
"vitest": "3.0"
}
2
3
4
5
{
"pinia": "latest",
"vue-router": "4.x"
}
2
3
4
这一精心选择的技术组合在尖端能力和生产稳定性之间取得了平衡。
📁 项目结构
Robot Admin 遵循清晰、模块化的组织模式:
Robot_Admin/
├── src/ # 源代码目录
│ ├── api/ # API 管理层
│ ├── components/ # 组件库
│ │ ├── global/ # 全局组件(30+ 核心组件)
│ │ └── local/ # 局部组件
│ ├── views/ # 页面视图
│ ├── stores/ # Pinia 状态管理
│ ├── composables/ # Composition API 模块
│ ├── hooks/ # 自定义钩子
│ ├── router/ # 路由配置
│ ├── utils/ # 实用函数
│ ├── types/ # TypeScript 类型定义
│ ├── directives/ # 自定义指令(7 个实用指令)
│ └── plugins/ # 插件配置
2
3
4
5
6
7
8
9
10
11
12
13
14
15
🏗️ 架构优势
这种架构促进了关注点分离,使代码库更易于导航和维护。
🚀 演进路径
Robot Admin 有清晰的架构演进路线图:
单体架构
当前阶段 - 单一代码库,快速开发
✅ 已完成Monorepo
进行中 - 单一仓库,多个包
🚧 进行中微前端
计划中 - 模块化前端架构
📋 计划中全栈解决方案
愿景 - 完整的 NestJS 后端
🌟 愿景这种演进方式允许项目从简单起步,随着需求增长逐步扩展。
🏆 为什么选择 Robot Admin?
与其他管理后台解决方案(如 Ant Design Pro 或 Vue Element Admin)相比:
📄 开源协议
Robot Admin 采用 MIT 许可证,适用于个人和商业项目,限制极小。
🎯 入门指南
准备好深入了解 Robot Admin 了吗?快速入门指南将指导您设置第一个项目并探索核心功能。