我把一个管理端框架做成 npm 包了,非常好用

1,006 阅读3分钟

Bag快速开发管理系统、门户网站、博客系统框架,提供基础的框架,快速搭建企业产品,响应式开发,你可以将它应用在任何需要服务端管理的应用。如:开发管理系统的 API 接口、门户网站博客、企业内部的业务管理、ERP、CMS、APP 的后台等

区别

采用npm包安装方式进行开发,无需配置路由、权限、状态管理等等,只需要main.js 集成框架,即可开发,特别适合在企业中有很多管理系统,又需要一个框架来约束它,我觉这种开发方式是一个很好的选择, 能快速开发,提升开发效率.

在对比同类型开源仓库中,大家常见的管理系统,一般都是下载源码开发,这样代码复用能力差,当所有系统中同样的功能,需要写同样的代码,导致代码冗余,维护成本高,而且不利于项目的扩展,当一处出现bug,所有系统都得更新

技术选型

采用市面主流技术Vue3、Vite5、Naive-ui、Pinia 、Alova、Strapi5、MySQL等等,不用担心自己业务所受框架有限的瓶颈, 完全免费,且可商用

开源地址

文档地址Github源码

演示地址

管理系统演示

主要功能

  1. 用户管理:系统管理员分配用户角色和角色权限
  2. 角色管理:创建权限控制的主要对象,可以给角色分配不同api权限和菜单权限
  3. 菜单管理:实现用户动态菜单配置,实现不同角色不同菜单
  4. 富文本编辑器:MarkDown编辑器功能嵌入
  5. 快速表单:一键开发CURD,配置化条件搜索示例
  6. 接口设计:模型创建,关联查询,一键接入
  7. 权限指令:组件权限指令封装
  8. 网络配置:基础alova下一代请求工具,封装,请求重连、错误取消,动态配置
  9. 状态管理:丰富的Pinia任意扩展插件
  10. 路由配置:嵌套路由,动态路由可动态配置,快速呈现
  11. 全局配置:站点基本配置背景图片、主题色、中英文、主题切换、页面缓存、路由动画
  12. 响应式开发:样式基于tailwindcss开发,自动适配PC端、移动端,增强网站的响应式设计,提高网站的可用性,提供多种不同风格的皮肤,页面美观,减少开发成本和维护工作
  13. 方便易用:通过npm命令安装引入主程序包开发,也可以通过下载源码进行二次开发,框架(packages)和应用(app)分开,即可以减少项目之间的耦合,也能提升项目扩展性
  14. API服务:Node.js提供的Strapi框架,一个开源的无头CMS,开发者可以自由喜欢的开发工具和框架,自由定义定制API,并可使用GraphQL作为API的查询语言,颗粒度权限拦截和认证
  15. .....

预览

image.png

image.png