當(dāng)你寫(xiě)項(xiàng)目的時(shí)候，如何快速的完成一個(gè)項(xiàng)目的搭建，這個(gè)時(shí)候就需要借助到一些模板了，前端開(kāi)發(fā)的一個(gè)好處就是，各類(lèi)UI模板都是相當(dāng)?shù)凝R全的，直接拿來(lái)用就可以了，脫離了一行又一行壘代碼的繁瑣的工作，以下的開(kāi)源后臺(tái)管理系統(tǒng)模板是我在逛GitHub的時(shí)候看到的，排名先后是按照2020/5月份GitHub上面的star進(jìn)行排名的。

1：vue-element-admin

推薦指數(shù)：star:55k
Github 地址：https://github.com/PanJiaChen/vue-element-admin
demo預(yù)覽體驗(yàn)地址：https://panjiachen./vue-element-admin/#/dashboard

一個(gè)基于 vue2.0 和 Eelement 的控制面板 UI 框架，這是使用vue技術(shù)棧開(kāi)發(fā)的前端程序員的首選管理系統(tǒng)模板，模板以及非常的成熟了，并且有相關(guān)的社區(qū)和維護(hù)人員，開(kāi)發(fā)時(shí)候遇到問(wèn)題也不要慌。

2：AdminLTE

推薦指數(shù)：star:34.7k
Github 地址：https://github.com/almasaeed2010/AdminLTE
預(yù)覽：https:///themes/AdminLTE/index2.html

非常流行的基于 Bootstrap 3.x 的免費(fèi)的后臺(tái) UI 框架，這是一個(gè)非常老牌的后臺(tái)管理系統(tǒng)模板，每個(gè)頁(yè)面都是單獨(dú)的html網(wǎng)頁(yè)，適合前端入門(mén)新手來(lái)做項(xiàng)目。

3：ant-design-pro

推薦指數(shù)：star：25.2k
Github 地址：https://github.com/ant-design/ant-design-pro
demo預(yù)覽：https://preview.pro./

這個(gè)就不多說(shuō)了，選擇react技術(shù)棧的童鞋們必然離不開(kāi)這個(gè)優(yōu)秀開(kāi)箱即用的中臺(tái)前端/設(shè)計(jì)解決方案，文檔齊全，組件豐富，一鍵生成模板，更支持開(kāi)啟復(fù)制黏貼模式哦。

4：ng2-admin

推薦指數(shù)：star：20.6k
Github 地址：https://github.com/akveo/ngx-admin
demo：https://www./ngx-admin/pages/dashboard

這是基于 Angular 2, Bootstrap 4 和 Webpack 的后臺(tái)管理面板框架，要說(shuō)前面已經(jīng)有了react和vue技術(shù)棧的模板，那怎么能少的了ng的？雖然在國(guó)外用的比較多，國(guó)內(nèi)較少使用，但絲毫不影響n(yōu)g作為前端框架三大巨頭之一的地位呀。

5：Gentelella

推薦指數(shù)：star：19.1k
Github 地址：https://github.com/puikinsh/gentelella
demo預(yù)覽：https:///polygon/gentelella/index.html

Gentelella 是一個(gè)可免費(fèi)使用的 Bootstrap 管理界面模版，使用群體比較廣泛，這個(gè)模版使用默認(rèn)的 Bootstrap 3 的樣式，還有一系列功能強(qiáng)大的 jQuery 插件和工具，可快速創(chuàng)建管理界面模版或者后臺(tái)的 Dashboard。

6：iview-admin

推薦指數(shù)：star：14.7k
Github 地址：https://github.com/iview/iview-admin
demo 預(yù)覽：https://admin./home

iView admin 是基于 iView 的 Vue 2.0 控制面板，搭配使用 iView UI 組件庫(kù)形成的一套后臺(tái)集成解決方案 。

7：blur-admin

推薦指數(shù)：star：10.9k
Github 地址：https://github.com/akveo/blur-admin
demo：https://www./blur-admin-mint/#/dashboard

BlurAdmin 是一款使用 AngularJs + Bootstrap實(shí)現(xiàn)的單頁(yè)管理端模版，視覺(jué)沖擊極強(qiáng)的管理后臺(tái)，各種動(dòng)畫(huà)效果。

8：vue-manage-system

推薦指數(shù)：star:10.6k
地址：https://github.com/lin-xin/vue-manage-system
demo預(yù)覽：https://lin-xin./example/work/#/dashboard

vue-manage-system，一個(gè)基于 Vue.js 和 element-ui 的后臺(tái)管理系統(tǒng)模板，挺喜歡這個(gè)界面的UI，簡(jiǎn)約清晰不累贅，多功能的后臺(tái)框架模板，適用于絕大部分的后臺(tái)管理系統(tǒng)開(kāi)發(fā)。

9：material-dashboard

推薦指數(shù)：star：9.1k
Github 地址：https://github.com/creativetimofficial/material-dashboard
demo：https://demos./material-dashboard

基于 Bootstrap 4 和 Material 風(fēng)格的控制面板。Material Dashboard 是一個(gè)開(kāi)源的 Material Bootstrap Admin，其設(shè)計(jì)靈感來(lái)自谷歌的 Material Design 。

10：d2-admin

推薦指數(shù)：star:8.7k
github地址：https://github.com/d2-projects/d2-admin

D2Admin 是一個(gè)完全 開(kāi)源免費(fèi) 的企業(yè)中后臺(tái)產(chǎn)品前端集成方案，基于 vue.js 和 ElementUI 的管理系統(tǒng)前端解決方案 ，小于 60kb 的本地首屏 js 加載，已經(jīng)做好大部分項(xiàng)目前期準(zhǔn)備工作。

11：vuestic-admin

推薦指數(shù)：star:7.1k
GitHub:https://github.com/epicmaxco/vuestic-admin
預(yù)覽：https://vuestic./admin/dashboard

vuestic-admin管理臺(tái)儀表盤(pán)是一個(gè)響應(yīng)式的儀表盤(pán)模板，采用Bootstrap 4和Vue.js構(gòu)建。這個(gè)精美的管理臺(tái)模板提供了自定義元素組件，如地圖，聊天，個(gè)人資料卡，圖標(biāo)，進(jìn)度條等，以及用于登錄和注冊(cè)的預(yù)建頁(yè)面。