Web 開發(fā)中幾乎的平臺都需要一個后臺管理，但是從零開發(fā)一套管理后臺模版并不容易，幸運的是有很多開源免費的管理后臺模版可以給開發(fā)者使用。

那么有哪些優(yōu)秀的開源免費的管理后臺模版呢？

[[380216]]

我在 GitHub 上收集了一些優(yōu)秀的管理后臺模版，而且是還在不斷更新和維護的項目，并總結得出 Top 10。

1. vue-Element-Admin

vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現(xiàn)。

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

同時配套了系列教程文章，如何從零構建后一個完整的后臺項目。

• 手摸手，帶你用 vue 擼后臺 系列一(基礎篇)
• 手摸手，帶你用 vue 擼后臺 系列二(登錄權限篇)
• 手摸手，帶你用 vue 擼后臺 系列三 (實戰(zhàn)篇)
• 手摸手，帶你用 vue 擼后臺 系列四(vueAdmin 一個極簡的后臺基礎模板)
• 手摸手，帶你用 vue 擼后臺 系列五(v4.0新版本)
• 手摸手，帶你封裝一個 vue component
• 手摸手，帶你優(yōu)雅的使用 icon
• 手摸手，帶你用合理的姿勢使用 webpack4（上）
• 手摸手，帶你用合理的姿勢使用 webpack4（下）

該項目還在一直維護中。

而且也是配有使用文檔的，很不錯。

Github Star 數(shù) 62.2K， Github 地址：

https://github.com/PanJiaChen/vue-element-admin

2. iview-admin

iView Admin 是基于 Vue.js，搭配使用 iView UI 組件庫形成的一套后臺集成解決方案，由 TalkingData 前端可視化團隊部分成員開發(fā)維護。

iView Admin 遵守 iView 設計和開發(fā)約定，風格統(tǒng)一，設計考究，并且更多功能在不停開發(fā)中。

不過該項目已經(jīng)一年多沒有更新維護了，估計是在等出了配合 Vue3 相關的 iView UI 庫再更新了吧。

而且也是配有使用文檔的，很不錯。

Github Star 數(shù) 15.3K，Github 地址：

https://github.com/iview/iview-admin

3. vue-admin-template

這是一個極簡的 vue admin 管理后臺。它只包含了 Element UI & axios & iconfont & permission control & lint，這些搭建后臺必要的東西。

目前版本為 v4.0+ 基于 vue-cli 進行構建，若你想使用舊版本，可以切換分支到 tag/3.11.0，它不依賴 vue-cli。

極簡版，就是 vue-Element-Admin 的簡化版，功能簡單一點，方便快速開發(fā)用的。

而且也是配有使用文檔的，很不錯。

Github Star 數(shù) 12K，Github 地址：

https://github.com/PanJiaChen/vue-admin-template

4. ant-design-pro

開箱即用的中臺前端 / 設計解決方案。

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

隨著『設計者』的不斷反饋，我們將持續(xù)迭代，逐步沉淀和總結出更多設計模式和相應的代碼實現(xiàn)，闡述中后臺產(chǎn)品模板/組件/業(yè)務場景的最佳實踐，也十分期待你的參與和共建。

Ant Design Pro 在力求提供開箱即用的開發(fā)體驗，為此我們提供完整的腳手架，涉及國際化，權限，mock，數(shù)據(jù)流，網(wǎng)絡請求等各個方面。

為這些中后臺中常見的方案提供了最佳實踐來減少學習和開發(fā)成本。

而且也是配有使用文檔的，很不錯。

Github Star 數(shù) 27.2K，Github 地址：

https://github.com/ant-design/ant-design-pro

5. ngx-admin

基于Angular 10+ 的可定制管理儀表板模，還擁有 6 個驚人的視覺主題。

Github Star 數(shù) 21.7K，Github 地址：

https://github.com/akveo/ngx-admin

6. vue-admin-beautiful

vue-admin-beautiful 是一款基于 vue+element-ui 的絕佳的中后臺前端開發(fā)管理框架（基于 vue/cli 4 最新版，同時支持電腦，手機，平板）。

vue-admin-beautiful-pro 擁有四種布局（畫廊布局、綜合布局、縱向布局、橫向布局）四種主題（默認、海洋之心、綠茵草場，榮耀典藏），共計 16 布局主題種組合，滿足所有項目場景。

已支持常規(guī) bug 自動修復，前端代碼自動規(guī)范，代碼一鍵生成等眾多功能，可以在完全不依賴后臺的情況下獨立開發(fā)完成項目，以及接口自動模擬生成，支持 JAVA、PHP、NODE、.NET、Django 等常用所有后臺對接，甚至完全放棄 JAVA 等常規(guī)后端開發(fā)，內(nèi)置 node 服務支持直接操作數(shù)據(jù)庫進行增刪改查，支持當前流行的 unicloud、serverless 云開發(fā)。

該項目還在不斷更新和維護中，不錯。

https://github.com/chuzhixin/vue-admin-beautiful

7. vuestic-admin

這是一個免費與美妙 Vue.js 管理模板，包括 38 以上個定制用戶界面組件。

響應布局 | 圖表(Charts.js) | 進度表 | 表格 | 選輯 | 日期選擇器 | 復選框和單選框 | 靜態(tài)表與數(shù)據(jù)表 | medium editor | 平滑設計字體 | 按鈕 | 塌縮 | 顏色選擇器 | 時間線 | 土司通知 | 工具提示 | 彈窗 | 圖標 | 自旋體 | 模式 | 文件上傳 | 厚切薯條通知 | 樹 | 卡片 | 等級 | 滑動器 | 聊天系統(tǒng) | 地圖(Google, Yandex, Leaflet, amMap) | 登錄/注冊頁模板 | 404頁模板 | i18n

Github Star 數(shù) 7.6K，Github 地址：

https://github.com/epicmaxco/vuestic-admin

8. antd-admin

一套優(yōu)秀的中后臺前端解決方案。

特性

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

https://github.com/zuiidea/antd-admin

9. eladmin

一個簡單且易上手的 Spring boot 后臺管理框架

技術棧

使用 SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技術開發(fā)。

模塊化

后端采用按功能分模塊開發(fā)方式，提升開發(fā)，測試效率。

高效率

項目簡單可配，內(nèi)置代碼生成器，配置好表信息就能一鍵生成前后端代碼。

分離式

前后端完全分離，前端基于 Vue，后端基于 Spring boot。

響應式

支持電腦、平板、手機等所有主流設備訪問。

易用性

幾乎可用于所有 Web 項目的開發(fā)，如 OA、Cms，網(wǎng)址后臺管理等。

前后端都有，還是挺不錯的。

https://github.com/elunez/eladmin

10. AdminLTE

AdminLTE 是一個完全響應的管理模板?；?Bootstrap 4.5 框架以及 JS / jQuery 插件。

高度可定制且易于使用。適合從小型移動設備到大型臺式機的多種屏幕分辨率。

AdminLTE 的所有 JS，SCSS 和 HTML 文件均經(jīng)過精心編碼，并帶有清晰的注釋。SCSS 已用于提高代碼的可定制性。

ui 風格也不偏向于外國吧，比較簡結。

好的地方是還一直在更新和維護，最大的不足就是還依賴于 jQuery 這個舊時代的產(chǎn)物，唉。

Github Star 數(shù) 36.8K 也非常高 ， Github 地址：

https://github.com/almasaeed2010/AdminLTE