Bag快速開發管理系統、門户網站、博客系統框架,提供基礎的框架,快速搭建企業產品,響應式開發,你可以將它應用在任何需要服務端管理的應用。如:開發管理系統的 API 接口、門户網站博客、企業內部的業務管理、ERP、CMS、APP 的後台等
技術選型
Bag管理系統採用Vue3、Vue-Router4、Vuex4、Ant-Design-Vue、Vite、TypeScript、Egg.js、Mysql構建
Bag門户博客前台採用Vue3、Vue-Router4、Vite 、Pinia、Element-plus、Equal-Vue、Bootstrap、Vite、TypeScript、Egg.js、Mysql構建,按需加載模塊,內置豐富UI
一鍵安裝
快速開發,內置集成後台系統、也闊以自定義後台API
npm i vue-bag-admin --save
應用
import {createApp} from 'vue'
import install from 'vue-bag-admin'
import 'vue-bag-admin/lib/style.min.css'
import App from './App.vue'
import 'vue-bag-admin/mock/admin' // 如果後台服務,不用此mock數據
createApp(App).use(install)
開發
npm run dev
開源地址
文檔地址,Github源碼
演示地址
超級管理員賬户:用户名:superadmin ,密碼:123456
管理員賬户:用户名:admin ,密碼:123456
管理系統演示、門户博客前台演示
主要功能
- 用户管理:系統管理員分配用户角色和角色權限
- 角色管理:創建權限控制的主要對象,可以給角色分配不同api權限和菜單權限
- 菜單管理:實現用户動態菜單配置,實現不同角色不同菜單
- 富文本編輯器:MarkDown編輯器功能嵌入
- 快速表單:一鍵開發CURD,配置化條件搜索示例
- 快速API:基於Egg開發,增刪改查API基本樣列
- 接口設計:模型創建,關聯查詢,一鍵接入
- 權限指令:組件權限指令封裝
- 網絡配置:基礎axios封裝,請求重連、錯誤取消,動態配置
- 狀態管理:豐富的Vuxe和Pinia任意選擇
- 路由配置:嵌套路由,動態路由可動態配置,快速呈現
- 全局配置:站點基本配置背景圖片、Login、Slogan等等
- ....