大家好，我是你們的 超級貓，一個不喜歡吃魚、又不喜歡喵 的超級貓 ~

前言

一般人沒事的時候刷刷朋友圈、微博、電視劇、知乎，而有些人是沒事的時候刷刷 GitHub ，看看最近有哪些流行的項目。

久而久之，這差距就越來越大，因此總會有開源信息的不對稱，有哪些優秀的前端開源項目值得學習的也不知道。

初步前端與高級前端之間，最大的差距可能就是信息差造成的。

超級貓從 2016 年加入 GitHub，到現在的 2020 年，快整整 5 個年頭了。

從 2018 年開始，我就養成了每天逛 GitHub 的習慣，一般在早上上班前或者中午午休的時候都會逛一下。

看看每天都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，值得我去學習的。

因此也收藏了不少好的開源項目，在此推薦給大家，每周會有一到三篇精華文章推送。

希望你在瀏覽、學習了超級貓推薦的這些開源項目的過程中，你能學習到更多編程知識、提高編程技巧、找到編程的樂趣。

公眾號：前端GitHub，專注于挖掘 GitHub 上優秀的前端開源項目，抹平你的前端信息不對稱，涵蓋 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS、數據結構與算法 等等。

平時如何發現好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目

---

以下為【前端GitHub】的第 8 期精華內容。

今天給大家帶來的是 GitHub 上 10 個超火和超好看管理后臺模版，希望你在這里面找到寫 省時省力的模版！

喵~ ?喵~ 喵~ 正文開始了，上車坐穩扶好了~

---

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

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

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

1. vue-Element-Admin

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

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

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

• 手摸手，帶你用 vue 擼后臺 系列一(基礎篇)

• 手摸手，帶你用 vue 擼后臺 系列二(登錄權限篇)

• 手摸手，帶你用 vue 擼后臺 系列三 (實戰篇)

• 手摸手，帶你用 vue 擼后臺 系列四(vueAdmin 一個極簡的后臺基礎模板)

• 手摸手，帶你用 vue 擼后臺 系列五(v4.0新版本)

• 手摸手，帶你封裝一個 vue component

• 手摸手，帶你優雅的使用 icon

• 手摸手，帶你用合理的姿勢使用 webpack4（上）

• 手摸手，帶你用合理的姿勢使用 webpack4（下）

該項目還在一直維護中。

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

Github Star 數 62.2K， Github 地址：

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

2. iview-admin

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

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

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

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

Github Star 數 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 的簡化版，功能簡單一點，方便快速開發用的。

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

Github Star 數 12K，Github 地址：

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

4. ant-design-pro

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

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

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

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

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

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

Github Star 數 27.2K，Github 地址：

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

5. ngx-admin

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

Github Star 數 21.7K，Github 地址：

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

6. vue-admin-beautiful

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

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

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

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

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

7. vuestic-admin

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

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

Github Star 數 7.6K，Github 地址：

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

8. antd-admin

一套優秀的中后臺前端解決方案。

特性

• 國際化，源碼中抽離翻譯字段，按需加載語言包

• 動態權限，不同權限對應不同菜單

• 優雅美觀，Ant Design 設計體系

• Mock 數據，本地數據調試

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

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

9. eladmin

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

技術棧

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

模塊化

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

高效率

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

分離式

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

響應式

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

易用性

幾乎可用于所有 Web 項目的開發，如 OA、Cms，網址后臺管理等。

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

https://github.com/elunez/eladmin

10. AdminLTE

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

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

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

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

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

Github Star 數 36.8K 也非常高 ， Github 地址：

https://github.com/almasaeed2010/AdminLTE

最后

最近加班有點嚴重，經常都是晚上 10、11 點多才下班，所以文章更新慢了很多。

因為文章都是在晚上肝出來的，一篇文章要肝幾個晚上才行，肝到這里時，已經過了零晨了，唉。

同是打工貓，生活不易啊！

最后就以一張很治愈的圖片來治愈一下疲憊的心靈吧。

好了啦，【前端GitHub】的第 8 期內容已經講完了啦。

更多精彩內容請關注下方倉庫，你將發現更大的前端世界：

原文地址：https://github.com/FrontEndGitHub/FrontEndGitHub

平時如何發現好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目 和 恕我直言，你可能連 GitHub 搜索都不會用 - 如何精準搜索的神仙技巧。

可以加超級貓的 wx：CB834301747 ，一起閑聊 前端GitHub。

覺得有用 ？喜歡就收藏，順便點個贊吧，你的支持是我最大的鼓勵！

微信搜 “前端GitHub”，回復 “電子書” 即可以獲得 160 本前端精華書籍哦。

往期精文

• 10 個 GitHub 上超火的 CSS 技巧項目，找到寫 CSS 的靈感！

• 10 個 GitHub 上超火的前端面試項目，打造自己的加薪寶庫！

• 11 個超火的大廠前端代碼規范，你也能寫出詩一樣的代碼！

• 恕我直言，你可能連 GitHub 搜索都不會用 - 如何精準搜索的神仙技巧

• GitHub 上最火的、最值得前端學習的數據結構與算法項目！沒有之一

• 全球最火的 WEB 開發學習路線！沒有之一！3 天就在 GitHub 收獲了接近 1w 點贊

• GitHub 標星1.6W+，程序員不得不知的“潛規則”又火了，早知道就不會禿頭了

總結

以上是生活随笔為你收集整理的10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。