hangjob / vue-bag-admin

🍁采用Vite4、Vue3、Pinia 、Naive UI 构建，构建企业npm依赖包中后台管理系统基础框架，做到框架(packages)和应用(app)分开，即可以减少项目之间的耦合，也能提升项目扩展性

Vue-Bag-Admin

一款开箱即用的 Vue 中后台管理系统框架，旨在让开发者能够以最小的成本完成开发 降低开发量

官网  |  管理端  |  开发文档

应用产品  |  羊先生博客  |  全栈导航  |  海栈-工具网

技术选型

vue-bag-admin，采用Vite4、Vue3、TypeScript、JavaScript构建，支持多种写法和调用，完整的框架体系，适合响应式中后台管理系统，支持现有业务各种扩展...

特点

• 使用Vite4.x构建
• 路由动画加载
• 内置富文本编辑器和MarkDown编辑器
• 支持中英文切换
• 支持全屏预览
• 5000+图标库选择
• 模拟数据
• 网络配置
• 请求拦截
• 失败重连
• 路由按钮权限
• 网页水印
• 字符拼音
• 敏感词管理
• 图像裁剪
• 二维码生产器
• 瀑布流图片
• 模板打印
• 表单设计器
• 大文件上传
• Pinia状态管理
• 路由配置
• 全局配置
• UI风格布局切换
• 灰色模式
• 色弱模式
• 标签持久化
• 权限拦截
• 多页面模式
• 动态路由注入
• 支持strapi框架接入
• ......

安装

pnpm i vue-bag-admin --save
pnpm i naive-ui pinia vue-router --save

快速开始

import {createApp} from 'vue'
import App, {install, router, axios} from "vue-bag-admin"

createApp(App).use(install).use(router).mount('#app')

图片预览

PC端

iPad端

Mobile端

适用人群

正在以及想使用框架快速中后台系统，熟悉Vue使用它开发过几个实际项目，热爱技术，爱学习，想进阶和提升的同学

后端框架

egg-bag-framework

学习讨论

版权信息

免费开源免费，遵循MIT开源协议，意味着您无需支付任何费用，也无需授权，即可将它应用到您的产品中。

vue-bag-admin's Issues

您好 关于最新代码

因为近期好像没有更新了，方便问下当前代码是最新可用的么，对比了当前代码和releases，发现改动还是挺多的，但是运行不完整，例如菜单和路由，没有默认数据？也可能是没有看到

文档打错字了似乎

https://vite.itnavs.com/doc/guide/duce.html#:~:text=env.development%20%20%20%20%23-,%E5%BC%80%E5%8F%91%E9%99%8C%E7%94%9F,-vite%0A.env.production
如图：

缺少文件

后台项目中 config.js 和email.js 文件缺失

大神演示站挂了吗?

登录不了, 貌似是后端接口挂了

issue(权限):控制权限页报错

您好，控制权限页报错。大佬能不能在gitee也弄个仓库，国内的网络环境有时太坑了

我觉得这个icon用反了

没有数据库文件吗

没有数据库文件吗

期待加入 awesome-naive

https://github.com/naive-ui/awesome-naive

混合模式下顶部菜单问题

演示站点在混合模式下顶部菜单Width有问题，移动端的情况下应该不允许菜单混合模式，或者在顶部或其他位置多一个选菜单模块的下拉，不然一旦在移动端开启混合模式，那么菜单的节点切换会有一点问题

egg启动服务，部分模块找不到

/code/vue-bag-admin/egg/app/extend/context.js, error: Cannot find module './config'