🌟【开源推荐】基于Vue3 + Mango.js的轻量级后台模板Mango Admin发布,RBAC+国际化开箱即用!

🌟【开源推荐】基于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

后端配置

  1. 拉取代码
bash 复制代码
git https://github.com/sunshinego12138/mango-admin
cd serve
bun install
  1. 创建.env文件:

修改.env.template为.env,将里面的内容改为你自己的数据

ini 复制代码
DATABASE_URL="mysql://root:password@127.0.0.1:3306/MangoAdmin"
JWT_SECRET="JWT_SECRET"

# 登录的有效时间,2小时有效期
JWT_EXPIRES_IN=2
  1. 启动服务
bash 复制代码
bun run db:dev # 迁移数据库
bun run dev

🌈 项目优势

  • 快速上手:采用主流技术栈,文档齐全
  • 高性能:后端基于Mango性能爆炸
  • 扩展性强:插件机制支持自定义模块

📌 使用场景

  1. 企业内部管理系统快速搭建
  2. 外包项目基础框架
  3. 全栈技术学习案例
  4. 毕业设计/课程设计参考

🤝 社区与贡献

欢迎参与项目共建!你可以通过以下方式参与:

  1. 提交Issue反馈BUG
  2. 补充单元测试用例
  3. 开发新功能模块
  4. 完善中英文文档

📚 相关资源

  • 项目地址:GitHub仓库
  • 在线演示:后续考虑支持(我那台机没得内存了,回头买多一台机子部署上去)
  • Mango技术文档:Mango

如果觉得项目有帮助,欢迎 Star ⭐️ 支持!有任何问题可以在评论区留言,我会及时回复~

相关推荐
OpenTiny社区7 小时前
从流式消息到多会话:TinyRobot Kit 如何组织 AI 对话数据层
vue.js
卤蛋fg69 小时前
vue表格组件 vxe-table 鼠标滑动表头选择整列与选择整行的配置详解
vue.js
阳火锅10 小时前
老板要周报?我说不用,代码提交就是进度
前端·javascript·vue.js
简单Janeee13 小时前
[Vue 3 从零到上线]-第九篇:更美更强——引入 UI 库与网络请求 (Axios)
网络·vue.js·ui
小蒜学长13 小时前
基于SpringBoot + Vue的智能健身房管理系统的设计与实现(代码+数据库+LW)
java·数据库·vue.js·spring boot·后端
千里码aicood16 小时前
Django+Vue 基于XGBoost与随机森林的沿海地区台风天气大数据预警系统实现
vue.js·随机森林·django
jay神17 小时前
【计算机毕业设计】基于Flask+Vue的电影数据可视化与智能推荐系统
前端·vue.js·python·信息可视化·flask·毕业设计·课程设计
2601_962122971 天前
nginx 部署前端vue项目
前端·vue.js·nginx
码视野1 天前
基于 Spring Boot + Vue3 的【城市道路地下空洞塌陷微动传感监测与路面脱空沉降预警中台】设计与实现(含PRD/三端高保真源码/大屏)
vue.js·spring boot·后端