🌟【开源推荐】基于Vue3 + Mango.js的轻量级后台模板Mango Admin发布,RBAC+国际化开箱即用!
✈ 项目预览
图片左边存在阴影,这个是截图软件的问题,不是系统的问题
🔥 项目背景
在后台管理系统开发中,重复造轮子总是让人头痛。为此我们基于Vue3 + Vben Admin 前端框架和自研Mango.js 后端框架,打造了开箱即用的企业级中后台模板------Mango Admin!
无论你是需要快速搭建内部系统,还是希望学习现代化全栈技术栈,这个项目都能助你一臂之力。
🛠 技术栈亮点
前端架构
- Vue3 + Vben Admin:继承Ant Design风格的高质量后台模板,支持暗黑/明亮主题切换
- TypeScript:完善的类型支持
- Vite4:闪电般的构建速度
- Pinia:现代化状态管理
后端框架
- Mango.js:基于Elysia的高性能Bun.js框架(支持中间件/依赖注入/AOP)
- Prisma:数据库ORM支持(MySQL/PostgreSQL/SQLite)
- JWT:安全的Token鉴权机制
- Swagger:自动化API文档生成
- OpenAPI:自动化前端接口生成(前端一键生成api接口文件)
🎯 核心功能
1. RBAC权限管理系统
- 用户-角色-权限三级控制模型
- 动态路由生成(根据角色权限树)
2. 国际化方案
- 前后端分离的国际化配置
- 支持中英双语(可扩展其他语言)
- 实时切换无需刷新页面
3. 模块化开发
perl
src/
modules/
system/ # 系统模块
user/ # 用户模块
index.ts # 控制器
user.schema.ts
user.service.ts
role/ # 权限模块
- 业务代码按模块划分
- 支持插件机制扩展功能
4. 打包为可执行文件
支持一键打包为可执行文件,方便代码加密以及快速部署
🚀 快速开始
前端启动
bash
git https://github.com/sunshinego12138/mango-admin
cd web
bun install
bun run dev
后端配置
- 拉取代码
bash
git https://github.com/sunshinego12138/mango-admin
cd serve
bun install
- 创建
.env
文件:
修改.env.template为.env,将里面的内容改为你自己的数据
ini
DATABASE_URL="mysql://root:[email protected]:3306/MangoAdmin"
JWT_SECRET="JWT_SECRET"
# 登录的有效时间,2小时有效期
JWT_EXPIRES_IN=2
- 启动服务
bash
bun run db:dev # 迁移数据库
bun run dev
🌈 项目优势
- 快速上手:采用主流技术栈,文档齐全
- 高性能:后端基于Mango性能爆炸
- 扩展性强:插件机制支持自定义模块
📌 使用场景
- 企业内部管理系统快速搭建
- 外包项目基础框架
- 全栈技术学习案例
- 毕业设计/课程设计参考
🤝 社区与贡献
欢迎参与项目共建!你可以通过以下方式参与:
- 提交Issue反馈BUG
- 补充单元测试用例
- 开发新功能模块
- 完善中英文文档
📚 相关资源
如果觉得项目有帮助,欢迎 Star ⭐️ 支持!有任何问题可以在评论区留言,我会及时回复~