后臺管理系統是我們許多信息化項目必不可少的子系統。使用Vue作為后臺管理系統或者業務系統的前端框架，開發起來非常便利，因為Vue是前端三大主流框架之一，也是目前最火的一個前端框架，擁有強大的社區支持。Vue作為一套構建用戶界面的框架，關注視圖層，它不僅易于上手，還便于與第三方庫或既有項目整合，能夠提高開發效率。

目前Vue的3.0版本比2.0有了許多提升，這也是本文分享基于Vue3的后臺管理項目的原因。Vue3主要提升的地方包括：

• 響應式性能提升：性能比Vue2快1.2～2倍。
• 代碼體積更小：相比Vue2，Vue3按需編譯，整體體積變小了。
• 支持組合API（Composition Api）：Vue2使用Options Api（選項api），而Vue3使用Composition Api （組合api）。
• 更好的 ts 支持：Vue 新增了 DefineComponent 函數，使組件在 ts 下，更好地利用參數類型推斷。
• 擁有更多先進的組件。

總之，Vue3讓項目更快、代碼更少、更易于維護、開發更快。

在開源社區，已經有很多強人發布了基于Vue3的后臺管理系統，以下是一些精心挑選的項目，這些項目非常優秀、外觀漂亮、非常通用，適合用于各種后臺管理類型的項目，同時也支持根據需求定制化開發。

1.eladmin

GitHub（20.3K）：

• https://github.com/elunez/eladmin
• https://github.com/elunez/eladmin-mp

這是一個基于 Spring Boot 2.6.4 、 Spring Boot Jpa、 JWT、Spring Security、Redis、Vue的前后端分離的后臺管理系統。

這個項目現已發布基于 mybatis-plus 版本，eladmin jpa 版本項目基于 Spring Boot 2.6.4、 Jpa、 Spring Security、Redis、Vue的前后端分離的后臺管理系統，項目采用分模塊開發方式， 權限控制采用 RBAC，支持數據字典與數據權限管理，支持一鍵生成前后端代碼，支持動態路由。PLUS版本的地址為：https://github.com/elunez/eladmin-mp。

2.Vue Admin Better

github（15.2k）：https://github.com/chuzhixin/vue-admin-better

功能特性：

• 40+高質量單頁
• RBAC 模型 + JWT 權限控制
• 10 萬+ 項目實際應用
• 良好的類型定義
• 開源版本支持免費商用
• 跨平臺 PC、手機端、平板
• 后端路由動態渲染

框架優勢：

• 支持前端控制路由權限 intelligence、后端控制路由權限 all 模式
• 已知來源 vue admin 框架中首家支持 mock 自動生成自動導出功能
• 提供 50 余項全局精細化配置
• 支持 scss 自動排序，eslint 自動修復
• axios精細化封裝，支持多數據源、多code數組，支持 application/json;charset=UTF-8、application/x-www-form-urlencoded;charset=UTF-8 多種傳參方式
• 支持登錄RSA加密
• 支持打包自動生成7Z壓縮包
• 支持errorlog錯誤攔截
• 支持多主題、多布局切換

3.Vue Pure Admin

github（11.1K）：https://github.com/xiaoxian521/vue-pure-admin

vue-pure-admin 是一款開源免費且開箱即用的中后臺管理系統模版。使用了最新的 Vue3+Vite+Element-Plus+TypeScript+Pinia+Tailwindcss 等主流技術開發。

另外，vue-pure-admin還提供了精簡版，精簡版是基于 vue-pure-admin 提煉出的架子，包含主體功能，更適合實際項目開發，打包后的大小在全局引入 element-plus 的情況下仍然低于 2.3MB，并且會永久同步完整版的代碼。開啟 brotli 壓縮和 cdn 替換本地庫模式后，打包大小低于 350kb。

對于瀏覽器的支持如下表所示：

4.newbee-mall-vue3-app

GitHub（5.5K）：https://github.com/newbee-ltd/newbee-mall-vue3-app

這是一個Vue3 全家桶 + Vant 搭建大型單頁面商城項目，新蜂商城 Vue3.2 版本，技術棧為 Vue3.2 + Vue-Router4.x + Pinia + Vant4.x。

newbee-mall 包括 newbee-mall 商城系統及 newbee-mall-admin 商城后臺管理系統，基于 Spring Boot 和 Vue 以及相關技術棧開發。前臺商城系統包含首頁門戶、商品分類、新品上線、首頁輪播、商品推薦、商品搜索、商品展示、購物車、訂單結算、訂單流程、個人訂單管理、會員中心、幫助中心等模塊。后臺管理系統包含數據面板、輪播圖管理、商品管理、訂單管理、會員管理、分類管理、設置等模塊。

5.vue3-composition-admin

GitHub（2.9K）：https://github.com/RainManGO/vue3-composition-admin

這是一個基于vue3 的管理端模板(Vue3 TS Vuex4 element-plus vue-i18n-next composition-api) ，項目的基礎版本出自于源于花褲衩大佬的 vue-element-admin。

支持的瀏覽器列表如下：

6.vue3-antd-admin

GitHub（2.8K）：https://github.com/buqiyuan/vue3-antdv-admin

一套基于 vite4.x + vue3.x + antd-design-vue4.x + typescript5.x 的后臺管理系統模板。系統包含RBAC的權限系統、JSON Schema動態表單、動態表格以及漂亮鎖屏界面。

7.vue-typescript-admin-template

GitHub（5.3K）：https://github.com/Armour/vue-typescript-admin-template

vue-typescript-admin-template 是一個后臺前端解決方案，它基于 vue, typescript 和 element-ui實現。

如果你想從一個十分簡單的基礎模版開始，而不是直接使用這個功能豐富的集成方案的話，你可以看一看本項目的 minimal 分支.

支持的瀏覽器列表如下：

8.Geeker-Admin

GitHub（5.3K）：https://github.com/HalseySpicy/Geeker-Admin

Geeker Admin是一個基于 Vue3.3、TypeScript、Vite4、Pinia、Element-Plus 開源的一套后臺管理框架。

支持的瀏覽器如下表：

9.RuoYi-Vue3

GitHub（3K）：https://github.com/yangzongzhuan/RuoYi-Vue3

RuoYi是基于SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分離權限管理系統。

主要功能包括：

• 用戶管理：用戶是系統操作者，該功能主要完成系統用戶配置。
• 部門管理：配置系統組織機構（公司、部門、小組），樹結構展現支持數據權限。
• 崗位管理：配置系統用戶所屬擔任職務。
• 菜單管理：配置系統菜單，操作權限，按鈕權限標識等。
• 角色管理：角色菜單權限分配、設置角色按機構進行數據范圍權限劃分。
• 字典管理：對系統中經常使用的一些較為固定的數據進行維護。
• 參數管理：對系統動態配置常用參數。
• 通知公告：系統通知公告信息發布維護。
• 操作日志：系統正常操作日志記錄和查詢；系統異常信息日志記錄和查詢。
• 登錄日志：系統登錄日志記錄查詢包含登錄異常。
• 在線用戶：當前系統中活躍用戶狀態監控。
• 定時任務：在線（添加、修改、刪除)任務調度包含執行結果日志。
• 代碼生成：前后端代碼的生成（java、html、xml、sql）支持CRUD下載 。
• 系統接口：根據業務代碼自動生成相關的api接口文檔。
• 服務監控：監視當前系統CPU、內存、磁盤、堆棧等相關信息。
• 緩存監控：對系統的緩存信息查詢，命令統計等。
• 在線構建器：拖動表單元素生成相應的HTML代碼。
• 連接池監控：監控當前系統數據庫連接池狀態，可進行分析SQL找出系統性能瓶頸。

10.v3-admin-vite

GitHub（2.8K）：https://github.com/un-pany/v3-admin-vite

vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態路由，權限驗證，提煉了典型的業務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業級中后臺產品原型。

支持瀏覽器如下表所示：

11.Vben-admin

GitHub（1.9K）：https://github.com/vbenjs/vben-admin-thin-next

Vue Vben Admin 是一個免費開源的中后臺模版。使用了最新的vue3,vite2,TypeScript等主流技術開發，開箱即用的中后臺前端解決方案，也可用于學習參考。

功能特性：

• 最新技術棧：使用 Vue3/vite2 等前端前沿技術開發
• TypeScript: 應用程序級 JavaScript 的語言
• 主題：可配置的主題
• 國際化：內置完善的國際化方案
• Mock 數據 內置 Mock 數據方案
• 權限 內置完善的動態路由權限生成方案
• 組件 二次封裝了多個常用的組件

12.JeecgBoot-Vue3

github（1.9K） ：https://github.com/jeecgboot/jeecgboot-vue3

JeecgBoot—Vue3版前端源碼，采用 Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技術方案，包括二次封裝組件、utils、hooks、動態菜單、權限校驗、按鈕級別權限控制等功能。是JeecgBoot低代碼平臺的vue3技術棧的全新UI版本，功能強于vue2版。

JeecgBoot提供強大的代碼生成器讓前后端代碼一鍵生成! JeecgBoot引領低代碼開發模式(OnlineCoding-> 代碼生成-> 手工MERGE)， 幫助解決Java項目70%的重復工作，讓開發更多關注業務。既能快速提高效率，節省成本，同時又不失靈活性

支持的瀏覽器如下表所示：

13.kamiFaka

github（1.5K）：https://github.com/Baiyuetribe/kamiFaka

kamiFaka是一款基于VUE3.0的高顏值卡密發卡系統，特別適合虛擬商品、知識付費等項目。

例如：各種電商、優惠券、論壇邀請碼、充值卡、激活碼、注冊碼、騰訊愛奇藝積分CDK等，支持手工和全自動發貨，還有類似1688的分層批發模式。

功能特性：

• Stisla UI：web界面很漂亮
• 前端使用VUE3.0,毫秒級響應
• 已集成支付寶當面付、微信官方、Payjs、虎皮椒、YunGouOS、易支付、Mugglepay、V免簽等十幾種支付接口
• 普通用戶支持郵箱、短信接收消息
• 管理員支持郵箱、短信、TG、微信、QQ通知
• 支持2~4層批發模式
• 長卡密可導出為txt文本
• 多種主題模式【列表、卡片、宮格】
• 支持自定義背景、logo、聯系方式等
• 支持熱備份，可一鍵云端備份、一鍵導出備份文件到本地
• 數據庫可分離，兼容Mysql、PostgreSQL和Sqlite
• 支持移動端喚醒支付寶
• JWT認證
• Limter保障服務器訪問頻率和次數
• 訪客與管理員頁面分離，可獨立定制

14.vue-naive-admin

GitHub（1.1K）：https://github.com/zclzone/vue-naive-admin

vue-naive-admin是一個基于 Vue3 + Vite + Pinia + Unocss + Naive UI 的輕量級后臺管理模板。開源免費且允許商用 。相較于其他比較流行的后臺管理模板，此項目更加簡潔、輕量，風格清新，上手成本非常低，非常適合中小型項目或者個人項目。