開箱即用的中后臺管理模版，建議收藏！

大家好，我是 CUGGZ。

今天來推薦幾款開箱即用的中后臺管理模版！

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


Github（??77.5k）：https://github.com/PanJiaChen/vue-element-admin

Ant Design Pro
Ant Design Pro 是基于 Ant Design 和 umi 的封裝的一整套企業(yè)級中后臺前端/設計解決方案，致力于在設計規(guī)范和基礎組件的基礎上，繼續(xù)向上構建，提煉出典型模板/業(yè)務組件/配套設計資源，進一步提升企業(yè)級中后臺產(chǎn)品設計研發(fā)過程中的用戶和設計者的體驗。

Ant Design Pro 的特點如下：

TypeScript: 應用程序級 JavaScript 的語言
區(qū)塊: 通過區(qū)塊模板快速構建頁面
優(yōu)雅美觀：基于 Ant Design 體系精心設計
常見設計模式：提煉自中后臺應用的典型頁面和場景
最新技術棧：使用 React/umi/dva/antd 等前端前沿技術開發(fā)
響應式：針對不同屏幕大小設計
主題：可配置的主題滿足多樣化的品牌訴求
國際化：內(nèi)建業(yè)界通用的國際化方案
最佳實踐：良好的工程實踐助您持續(xù)產(chǎn)出高質(zhì)量代碼
Mock 數(shù)據(jù)：實用的本地數(shù)據(jù)調(diào)試方案
UI 測試：自動化測試保障前端產(chǎn)品質(zhì)量

Github（??32.5k）：https://github.com/ant-design/ant-design-pro

React Admin
React Admin 是基于React17.x、Ant Design4.x、Material Design在REST/GraphQL API之上構建在瀏覽器中運行的管理應用程序的一款前端框架。


Github（??20.2k）：https://github.com/marmelab/react-admin

iView Admin
iView-admin是 iView 生態(tài)中的成員之一，是一套采用前后端分離開發(fā)模式，基于Vue的后臺管理系統(tǒng)前端解決方案。其內(nèi)置了開發(fā)后臺管理系統(tǒng)常用的邏輯功能，和開箱即用的業(yè)務組件，旨在讓開發(fā)者能夠以最小的成本開發(fā)后臺管理系統(tǒng)，降低開發(fā)量。


Github（??16.1k）：https://github.com/iview/iview-admin

Vue Manage System
Vue Manage System 是一個后臺管理系統(tǒng)解決方案。它作為一套多功能的后臺框架模板，適用于絕大部分的后臺管理系統(tǒng)（Web Management System）開發(fā)?；?Vue3 + pinia，引用 Element Plus 組件庫，方便開發(fā)快速簡潔好看的組件。分離顏色樣式，支持手動切換主題色，而且很方便使用自定義主題色。


Github（??15.4k）：https://github.com/lin-xin/vue-manage-system

Vue vben admin
Vue Vben Admin 是一個免費開源的中后臺模版。使用了最新的vue3,vite2,TypeScript等主流技術開發(fā)，開箱即用的中后臺前端解決方案。其特點如下：

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

Github（??13k）：https://github.com/vbenjs/vue-vben-admin

Vue Admin  Better
vue-admin-better 是一個基于 vue3+element-plus 的中后臺前端框架。其特點如下：

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

Github（??12.6k）：https://github.com/chuzhixin/vue-admin-better






D2Admin
D2Admin 是一個完全開源免費的企業(yè)中后臺產(chǎn)品前端集成方案，使用最新的前端技術棧，小于 60kb 的本地首屏 js 加載，已經(jīng)做好大部分項目前期準備工作，并且?guī)в写罅渴纠a，助力管理系統(tǒng)敏捷開發(fā)。


Github（??11.6k）：https://github.com/d2-projects/d2-admin

AntD Admin
AntD Admin 是一套優(yōu)秀的中后臺前端解決方案。其特征如下：

國際化，源碼中抽離翻譯字段，按需加載語言包
動態(tài)權限，不同權限對應不同菜單
優(yōu)雅美觀，Ant Design 設計體系
Mock 數(shù)據(jù)，本地數(shù)據(jù)調(diào)試

Github（??9k）：https://github.com/zuiidea/antd-admin

Vuestic Admin
Vuestic Admin 是一套免費且美觀的 Vue.js （3.x）管理模板，使用 Vuestic UI 構建，包含 44 多個自定義 UI 組件。


Github（??8.8k）：https://github.com/epicmaxco/vuestic-admin

Vue Pure Admin
vue-pure-admin 是一個免費開源的中后臺模版。使用了最新的 Vue3、Vite2、Element-Plus、TypeScript 等主流技術開發(fā)，開箱即用的中后臺前端解決方案。


Github（??3.2k）：https://github.com/xiaoxian521/vue-pure-admin

Vue Antd Admin
Vue Antd Admin 是 Ant Design Pro 的 Vue 實現(xiàn)版本，是一個開箱即用的中后臺前端/設計解決方案。


Github（??3.1k）：https://github.com/iczer/vue-antd-admin

Geeker Admin
Geeker Admin 是基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 開源的一套后臺管理模板。


Github（??1.8k）：https://github.com/HalseySpicy/Geeker-Admin

Soybean Admin
Soybean Admin 是一個基于 Vue3、Vite3、TypeScript、Naive UI和UnoCSS 的清新優(yōu)雅的中后臺模版，它使用了最新的前端技術棧，內(nèi)置豐富的主題配置，有著極高的代碼規(guī)范，基于mock實現(xiàn)的動態(tài)權限路由，開箱即用的中后臺前端解決方案。


Github（??1.2k）：https://github.com/honghuangdc/soybean-admin

Vue Admin Box
vue-admin-box是一個免費并且開源的中后臺管理系統(tǒng)模板。使用最新版本的vue3+vite+element-plus開發(fā)而成，目的是為了解決通用型的業(yè)務中后臺系統(tǒng)復雜的配置。


Github（??880）：https://github.com/cmdparkour/vue-admin-box

Vue3.0 Template Admin
vue3.0-template-admin 是基于 vue3+ElementPlus+Typescript+Vite 搭建一套通用的后臺管理模板；并基于常見業(yè)務場景，抽象出常見功能組件；包括動態(tài)菜單，菜單權限、登錄、主題切換、國際化、個人中心、表單頁、列表頁、復制文本、二維碼分享等。


Github（??760）：https://github.com/GeekQiaQia/vue3.0-template-admin




作者：CUGGZ

歡迎關注微信公眾號 ：前端充電寶