當前位置：首頁 > 科技 > 軟件

14個Vue3開源后臺管理項目，優選、多星！

來源：責編：時間：2023-11-16 09:40:13 284觀看

導讀后臺管理系統是我們許多信息化項目必不可少的子系統。使用Vue作為后臺管理系統或者業務系統的前端框架，開發起來非常便利，因為Vue是前端三大主流框架之一，也是目前最火的一個前端框架，擁有強大的社區支持。Vue作為一套構

后臺管理系統是我們許多信息化項目必不可少的子系統。使用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 的輕量級后臺管理模板。開源免費且允許商用。相較于其他比較流行的后臺管理模板，此項目更加簡潔、輕量，風格清新，上手成本非常低，非常適合中小型項目或者個人項目。

本文鏈接：http://www.www897cc.com/showinfo-26-26569-0.html14個Vue3開源后臺管理項目，優選、多星！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com

上一篇： C++編譯優化：如何優化編譯器的輸出代碼質量

下一篇：分析Bug的維度

標簽：

熱門焦點

三萬字盤點 Spring 九大核心基礎功能

大家好，我是三友~~今天來跟大家聊一聊Spring的9大核心基礎功能。話不多說，先上目錄：圖片友情提示，本文過長，建議收藏，嘿嘿嘿！一、資源管理資源管理是Spring的一個核心的基礎功能，不
小紅書1周漲粉49W+，我總結了小白可以用的N條漲粉筆記

作者：黃河懂運營一條性教育視頻，被54萬人“珍藏”是什么體驗？最近，情感博主@公主是用鮮花做的，火了！僅僅憑借一條視頻，光小紅書就有超過128萬人，為她瘋狂點贊！更瘋狂的是，這
國行版三星Galaxy Z Fold5/Z Flip5發布售價7499元起

2023年8月3日，三星電子舉行Galaxy新品中國發布會，正式在國內推出了新一代折疊屏智能手機三星Galaxy Z Fold5與Galaxy Z Flip5，以及三星Galaxy Tab S9
三星折疊屏手機去年銷售近1000萬臺今年目標定為1500萬

7月29日消息，三星率先發力可折疊手機市場，在全球市場已經取得了非常亮眼的成績，接下來會進一步鞏固和擴大這一優勢。三星在推出Galaxy Z Flip5和Galax
超閉合精工鉸鏈徹底消滅縫隙三星Galaxy Z Flip5與Galaxy Z Fold5發布

2023年7月26日，三星電子正式發布了Galaxy Z Flip5與Galaxy Z Fold5。三星新一代折疊屏手機采用超閉合精工鉸鏈，讓折疊后的縫隙不再可見。同時，配合處
iQOO 11S新品發布會

iQOO將在7月4日19:00舉行新品發布會，推出杭州亞運會電競賽事官方用機iQOO 11S。
onebot M24巧系列一體機采用輕薄機身設計，現已在各平臺開售

onebot M24 巧系列一體機目前已在線上線下各平臺同步開售。onebot M24 巧系列采用一體化輕薄機身設計，最薄處為 10.15mm，擁有寶石紅、午夜藍、石墨綠、雅致
“買真退假” 這種“羊毛”不能薅

□ 法治日報記者王春　　□ 本報通訊員胡佳麗　　2020年初，還在上大學的小東加入了一個大學生兼職QQ群。群主“七王”在群里介紹一些刷單賺
北京：科技教育體驗基地開始登記

　　北京“科技館之城”科技教育體驗基地登記和認證工作日前啟動。首批北京科技教育體驗基地擬于2023年全國科普日期間掛牌，后續還將開展常態化登記。　　北京科技教育體驗基

日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

14個Vue3開源后臺管理項目，優選、多星！

1.eladmin

2.Vue Admin Better

3.Vue Pure Admin

4.newbee-mall-vue3-app

5.vue3-composition-admin

6.vue3-antd-admin

7.vue-typescript-admin-template

8.Geeker-Admin

9.RuoYi-Vue3

10.v3-admin-vite

11.Vben-admin

12.JeecgBoot-Vue3

13.kamiFaka

14.vue-naive-admin

三萬字盤點 Spring 九大核心基礎功能

小紅書1周漲粉49W+，我總結了小白可以用的N條漲粉筆記

國行版三星Galaxy Z Fold5/Z Flip5發布售價7499元起

三星折疊屏手機去年銷售近1000萬臺今年目標定為1500萬

超閉合精工鉸鏈徹底消滅縫隙三星Galaxy Z Flip5與Galaxy Z Fold5發布

iQOO 11S新品發布會

onebot M24巧系列一體機采用輕薄機身設計，現已在各平臺開售

“買真退假” 這種“羊毛”不能薅

北京：科技教育體驗基地開始登記

最新推薦

猜你喜歡

熱門推薦

相關資訊