10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了
大家好，我是你們的 超級貓，一個不喜歡吃魚、又不喜歡喵 的超級貓 ~
前言
一般人沒事的時候刷刷朋友圈、微博、電視劇、知乎，而有些人是沒事的時候刷刷 GitHub ，看看最近有哪些流行的項目。
久而久之，這差距就越來越大，因此總會有開源信息的不對稱，有哪些優(yōu)秀的前端開源項目值得學習的也不知道。
初步前端與高級前端之間，最大的差距可能就是信息差造成的。
超級貓從 2016 年加入 GitHub，到現(xiàn)在的 2020 年，快整整 5 個年頭了。
從 2018 年開始，我就養(yǎng)成了每天逛 GitHub 的習慣，一般在早上上班前或者中午午休的時候都會逛一下。
看看每天都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，值得我去學習的。
因此也收藏了不少好的開源項目，在此推薦給大家，每周會有一到三篇精華文章推送。
希望你在瀏覽、學習了超級貓推薦的這些開源項目的過程中，你能學習到更多編程知識、提高編程技巧、找到編程的樂趣。
公眾號：前端GitHub，專注于挖掘 GitHub 上優(yōu)秀的前端開源項目，抹平你的前端信息不對稱，涵蓋 JavaScript、Vue、React、Node、小程序、Flutter、Deno、HTML、CSS、數(shù)據(jù)結(jié)構(gòu)與算法 等等。
平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目
以下為【前端GitHub】的第 8 期精華內(nèi)容。
今天給大家?guī)淼氖?GitHub 上 10 個超火和超好看管理后臺模版，希望你在這里面找到寫 省時省力的模版！
喵~ ?喵~ 喵~ 正文開始了，上車坐穩(wěn)扶好了~
Web 開發(fā)中幾乎的平臺都需要一個后臺管理，但是從零開發(fā)一套管理后臺模版并不容易，幸運的是有很多開源免費的管理后臺模版可以給開發(fā)者使用。
那么有哪些優(yōu)秀的開源免費的管理后臺模版呢？
我在 GitHub 上收集了一些優(yōu)秀的管理后臺模版，而且是還在不斷更新和維護的項目，并總結(jié)得出 Top 10。
1. vue-Element-Admin
vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現(xiàn)。
它使用了最新的前端技術棧，內(nèi)置了 i18n 國際化解決方案，動態(tài)路由，權(quán)限驗證，提煉了典型的業(yè)務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業(yè)級中后臺產(chǎn)品原型。
同時配套了系列教程文章，如何從零構(gòu)建后一個完整的后臺項目。
手摸手，帶你用 vue 擼后臺 系列一(基礎篇)
手摸手，帶你用 vue 擼后臺 系列二(登錄權(quán)限篇)
手摸手，帶你用 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?進行構(gòu)建，若你想使用舊版本，可以切換分支到 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ù)向上構(gòu)建，提煉出典型模板/業(yè)務組件/配套設計資源，進一步提升企業(yè)級中后臺產(chǎn)品設計研發(fā)過程中的『用戶』和『設計者』的體驗。
隨著『設計者』的不斷反饋，我們將持續(xù)迭代，逐步沉淀和總結(jié)出更多設計模式和相應的代碼實現(xiàn)，闡述中后臺產(chǎn)品模板/組件/業(yè)務場景的最佳實踐，也十分期待你的參與和共建。
Ant Design Pro 在力求提供開箱即用的開發(fā)體驗，為此我們提供完整的腳手架，涉及國際化，權(quán)限，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)權(quán)限，不同權(quán)限對應不同菜單
優(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 風格也不偏向于外國吧，比較簡結(jié)。
好的地方是還一直在更新和維護，最大的不足就是還依賴于 jQuery 這個舊時代的產(chǎn)物，唉。
Github Star 數(shù) 36.8K 也非常高 ， Github 地址：
https://github.com/almasaeed2010/AdminLTE
最后
最近加班有點嚴重，經(jīng)常都是晚上 10、11 點多才下班，所以文章更新慢了很多。
因為文章都是在晚上肝出來的，一篇文章要肝幾個晚上才行，肝到這里時，已經(jīng)過了零晨了，唉。
同是打工貓，生活不易啊！
最后就以一張很治愈的圖片來治愈一下疲憊的心靈吧。
好了啦，【前端GitHub】的第 8 期內(nèi)容已經(jīng)講完了啦。
更多精彩內(nèi)容請關注下方倉庫，你將發(fā)現(xiàn)更大的前端世界：
原文地址：https://github.com/FrontEndGitHub/FrontEndGitHub
平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目 和 恕我直言，你可能連 GitHub 搜索都不會用 - 如何精準搜索的神仙技巧。
可以加超級貓的 wx：CB834301747 ，一起閑聊 前端GitHub。
覺得有用 ？喜歡就收藏，順便點個贊吧，你的支持是我最大的鼓勵！
微信搜 “前端GitHub”，回復 “電子書” 即可以獲得 160 本前端精華書籍哦。
往期精文
10 個 GitHub 上超火的 CSS 技巧項目，找到寫 CSS 的靈感！
10 個 GitHub 上超火的前端面試項目，打造自己的加薪寶庫！
11 個超火的大廠前端代碼規(guī)范，你也能寫出詩一樣的代碼！
恕我直言，你可能連 GitHub 搜索都不會用 - 如何精準搜索的神仙技巧
GitHub 上最火的、最值得前端學習的數(shù)據(jù)結(jié)構(gòu)與算法項目！沒有之一
全球最火的 WEB 開發(fā)學習路線！沒有之一！3 天就在 GitHub 收獲了接近 1w 點贊
GitHub 標星1.6W+，程序員不得不知的“潛規(guī)則”又火了，早知道就不會禿頭了
總結(jié)
以上是生活随笔為你收集整理的10 个 GitHub 上超火和超好看的管理后台模版，后台管理项目有着落了的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 10 个 GitHub 上超火的 CSS
- 下一篇： 10 个 GitHub 上最火的程序员简