當你寫項目的時候,如何快速的完成一個項目的搭建,這個時候就需要借助到一些模板了,前端開發的一個好處就是,各類UI模板都是相當的齊全的,直接拿來用就可以了,脫離了一行又一行壘代碼的繁瑣的工作,以下的開源后臺管理系統模板是我在逛GitHub的時候看到的,排名先后是按照2020/5月份GitHub上面的star進行排名的。
1:vue-element-admin
推薦指數:star:55k
Github 地址:https://github.com/PanJiaChen/vue-element-admin
Demo體驗:https://panjiachen.github.io/vue-element-admin/#/dashboard
一個基于 vue2.0 和 Eelement 的控制面板 UI 框架,這是使用vue技術棧開發的前端程序員的首選管理系統模板,模板以及非常的成熟了,并且有相關的社區和維護人員,開發時候遇到問題也不要慌。
2:AdminLTE
推薦指數:star:34.7k
Github 地址: https://github.com/almasaeed2010/AdminLTE
Demo體驗:https://adminlte.io/themes/AdminLTE/index2.html
非常流行的基于 Bootstrap 3.x 的免費的后臺 UI 框架,這是一個非常老牌的后臺管理系統模板,每個頁面都是單獨的html網頁,適合前端入門新手來做項目。
3:ant-design-pro
推薦指數:star:25.2k
Github 地址:https://github.com/ant-design/ant-design-pro
Demo體驗:https://preview.pro.ant.design/
這個就不多說了,選擇react技術棧的童鞋們必然離不開這個優秀開箱即用的中臺前端/設計解決方案,文檔齊全,組件豐富,一鍵生成模板,更支持開啟復制黏貼模式哦。
4:layui
推薦指數:star:21.7k
Github 地址:https://github.com/sentsin/layui/
Demo體驗:https://www.layui.com/admin/pro/
經典模塊化前端框架,由職業前端傾情打造,面向全層次的前后端開發者,低門檻開箱即用的前端 UI 解決方案。根據大家的建議,把忘記的這個框架也補充,這個框架有收費和免費的版本,在去年的時候進入過開源中國前端框架最受歡迎的框架前三名,實至名歸,確實很好用,支持單頁面,PC端和響應式移動端。
5:ng2-admin
推薦指數:star:20.6k
Github 地址:https://github.com/akveo/ngx-admin
Demo體驗:https://www.akveo.com/ngx-admin/pages/dashboard
這是基于 Angular 2, Bootstrap 4 和 Webpack 的后臺管理面板框架,要說前面已經有了react和vue技術棧的模板,那怎么能少的了ng的?雖然在國外用的比較多,國內較少使用,但絲毫不影響ng作為前端框架三大巨頭之一的地位呀。
6:Gentelella
推薦指數:star:19.1k
Github 地址:https://github.com/puikinsh/gentelella
Demo體驗:https://colorlib.com/polygon/gentelella/index.html
Gentelella 是一個可免費使用的 Bootstrap 管理界面模版,使用群體比較廣泛。這個模版使用默認的 Bootstrap 3 的樣式,還有一系列功能強大的 jQuery 插件和工具,可快速創建管理界面模版或者后臺的 Dashboard。
7:iview-admin
推薦指數:star:14.7k
Github 地址:https://github.com/iview/iview-admin
Demo體驗:https://admin.iviewui.com/home
iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 組件庫形成的一套后臺集成解決方案 。
8:blur-admin
推薦指數:star:10.9k
Github 地址:https://github.com/akveo/blur-admin
Demo體驗:https://www.akveo.com/blur-admin-mint/#/dashboard
BlurAdmin 是一款使用 AngularJs + Bootstrap實現的單頁管理端模版,視覺沖擊極強的管理后臺,各種動畫效果。
9:vue-manage-system
推薦指數:star:10.6k
地址:https://github.com/lin-xin/vue-manage-system
Demo體驗:https://lin-xin.gitee.io/example/work/#/dashboard
vue-manage-system,一個基于 Vue.js 和 element-ui 的后臺管理系統模板,挺喜歡這個界面的UI,簡約清晰不累贅,多功能的后臺框架模板,適用于絕大部分的后臺管理系統開發。
10:material-dashboard
推薦指數:star:9.1k
Github 地址: https://github.com/creativetimofficial/material-dashboard
Demo體驗:https://demos.creative-tim.com/material-dashboard
基于 Bootstrap 4 和 Material 風格的控制面板。Material Dashboard 是一個開源的 Material Bootstrap Admin,其設計靈感來自谷歌的 Material Design 。
11:d2-admin
推薦指數:star:8.7k
github地址:https://github.com/d2-projects/d2-admin
D2Admin 是一個完全 開源免費 的企業中后臺產品前端集成方案,基于 vue.js 和 ElementUI 的管理系統前端解決方案 ,小于 60kb 的本地首屏 js 加載,已經做好大部分項目前期準備工作
12:vuestic-admin
推薦指數:star:7.1k
GitHub:https://github.com/epicmaxco/vuestic-admin
Demo體驗:https://vuestic.epicmax.co/admin/dashboard
vuestic-admin管理臺儀表盤是一個響應式的儀表盤模板,采用Bootstrap 4和Vue.js構建。這個精美的管理臺模板提供了自定義元素組件,如地圖,聊天,個人資料卡,圖標,進度條等,以及用于登錄和注冊的預建頁面。