博客 / 詳情

返回

🎉Vue3+Vite2.6+TypeScript+ant-design-vue+egg.js 一鍵構建管理前後台管理系統

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

管理系統演示、門户博客前台演示

主要功能

  1. 用户管理:系統管理員分配用户角色和角色權限
  2. 角色管理:創建權限控制的主要對象,可以給角色分配不同api權限和菜單權限
  3. 菜單管理:實現用户動態菜單配置,實現不同角色不同菜單
  4. 富文本編輯器:MarkDown編輯器功能嵌入
  5. 快速表單:一鍵開發CURD,配置化條件搜索示例
  6. 快速API:基於Egg開發,增刪改查API基本樣列
  7. 接口設計:模型創建,關聯查詢,一鍵接入
  8. 權限指令:組件權限指令封裝
  9. 網絡配置:基礎axios封裝,請求重連、錯誤取消,動態配置
  10. 狀態管理:豐富的Vuxe和Pinia任意選擇
  11. 路由配置:嵌套路由,動態路由可動態配置,快速呈現
  12. 全局配置:站點基本配置背景圖片、Login、Slogan等等
  13. ....

預覽

後台

image.png

前台

image.png

user avatar yiiouo 頭像 zisrfs 頭像 delai 頭像
3 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.