17款優(yōu)秀開源免費(fèi)管理后臺(tái)模版，建議收藏！

時(shí)間：2023-06-15 08:42:02 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-06-15 08:42:02 來源：網(wǎng)站運(yùn)營(yíng)

17款優(yōu)秀開源免費(fèi)管理后臺(tái)模版，建議收藏?。?blockquote data-first-child data-pid="DradlvjB">工欲善其事，必先利其器Web 開發(fā)中幾乎的平臺(tái)都需要一個(gè)后臺(tái)管理，但是從零開發(fā)一套管理后臺(tái)模版并不容易，幸運(yùn)的是有很多開源免費(fèi)的管理后臺(tái)模版可以給開發(fā)者使用。

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




1. vue-Element-Admin Star : 57.5k

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





這個(gè)項(xiàng)目，是一個(gè)后臺(tái)管理系統(tǒng)的前端網(wǎng)頁模板，它基于 vue 和 element-ui實(shí)現(xiàn)。
直接使用了目前最新的前端開發(fā)技術(shù)，可以幫助企業(yè)快速搭建企業(yè)級(jí)的后臺(tái)產(chǎn)品項(xiàng)目原型。
這個(gè)項(xiàng)目模板有幾個(gè)特點(diǎn)：

1. 動(dòng)態(tài)路由
2. 權(quán)限驗(yàn)證
3. 提典型的業(yè)務(wù)模型
4. 豐富的功能組件
5. 內(nèi)置 i18n 國(guó)際化解決方案
   

而且這個(gè)項(xiàng)目模板居然還有配套的教程API，帶你如何從零開始構(gòu)建項(xiàng)目，簡(jiǎn)直就是練手好項(xiàng)目??！特別是最近面試缺少項(xiàng)目經(jīng)驗(yàn)的同學(xué)們，可以直接拿來練項(xiàng)目經(jīng)驗(yàn)！



效果地址：https://panjiachen.github.io/vue-element-admin







2. tabler Star : 21.6k
https://github.com/tabler/tabler
這個(gè)是一個(gè)后臺(tái)管理模板，技術(shù)是基于 BootStrap 4 ，有4個(gè)不錯(cuò)的特點(diǎn)：

• 響應(yīng)式：有了對(duì)移動(dòng)設(shè)備，平板電腦和臺(tái)式機(jī)顯示器的支持，
• 無論您使用什么設(shè)備。Tabler在所有主要瀏覽器中都響應(yīng)迅速。
• HTML5和CSS3：包括一些體驗(yàn)感不錯(cuò)的CSS3動(dòng)畫
• 代碼簡(jiǎn)潔：遵循Bootstrap規(guī)范
• 兼容現(xiàn)代瀏覽器：支持最新的Chrome，F(xiàn)irefox +，最新的Safari，Opera，Edge和移動(dòng)瀏覽器完美配合。
  

3. AdminLTE Star : 35.5k

https://github.com/almasaeed2010/AdminLTE


AdminLTE后臺(tái)管理模板也是基于Bootstrap 4.4框架以及JS / jQuery插件的。


最大的特點(diǎn)就是高度可定制而且容易上手使用，方便快捷。并且支持從小型移動(dòng)設(shè)備到大型臺(tái)式機(jī)的多種屏幕分辨率，兼容性強(qiáng)。


效果地址：https://adminlte.io/themes/v3/


4. ng2-admin Star : 21k


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


ng2-admin是基于 Angular 9+, Bootstrap 4 的后臺(tái)管理框架模板，他有下面這些不錯(cuò)的特點(diǎn)：

1. Angular 9+和Typescript
2. Bootstrap 4+和SCSS
3. 響應(yīng)式布局
4. RTL支持
5. 高分辨率
6. 可通過熱重載靈活配置主題
7. 40多個(gè) Angular 組件
8. 60多個(gè)用法示例

使用typescript，用法示例比較多，也是練手的好模板。
效果地址：https://hubs.ly/H0n4Tk70





5. blur-admin Star : 11k


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


blur-admin這個(gè)項(xiàng)目模板，是基于Bootstrap 和 Angular 的后臺(tái)管理系統(tǒng)模板。
主要有這九個(gè)特點(diǎn)：

1. AngularJS
2. Jquery
3. Charts (amChart, Chartist, Chart.js, Morris)
4. Maps (Google, Leaflet, amMap)
5. 響應(yīng)式布局
6. 高分辨率
7. Bootstrap CSS Framework
8. Sass
9. Gulp 構(gòu)建

比較有科技感，坐一些數(shù)據(jù)可視化的項(xiàng)目體驗(yàn)感不錯(cuò)的。
效果地址：https://akveo.github.io/blur-admin/



6. iview-admin Star 15.3K

github.com/iview/iview…


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


iView Admin 遵守 iView 設(shè)計(jì)和開發(fā)約定，風(fēng)格統(tǒng)一，設(shè)計(jì)考究，并且更多功能在不停開發(fā)中。不過該項(xiàng)目已經(jīng)一年多沒有更新維護(hù)了，估計(jì)是在等出了配合 Vue3 相關(guān)的 iView UI 庫再更新了吧，而且也是配有使用文檔的，很不錯(cuò)。



7. vue-admin-template Star 12K

github.com/PanJiaChen/…


這是一個(gè)極簡(jiǎn)的 vue admin 管理后臺(tái)。它只包含了 Element UI & axios & iconfont & permission control & lint，這些搭建后臺(tái)必要的東西。


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


極簡(jiǎn)版，就是 vue-Element-Admin 的簡(jiǎn)化版，功能簡(jiǎn)單一點(diǎn)，方便快速開發(fā)用的。
而且也是配有使用文檔的，很不錯(cuò)。

8. ant-design-pro Star 27.2K

Github 地址： github.com/ant-design/…


開箱即用的中臺(tái)前端 / 設(shè)計(jì)解決方案。



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


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


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


為這些中后臺(tái)中常見的方案提供了最佳實(shí)踐來減少學(xué)習(xí)和開發(fā)成本。
而且也是配有使用文檔的，很不錯(cuò)。




9. vue-admin-beautiful


項(xiàng)目地址：github.com/chuzhixin/v…


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


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


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


該項(xiàng)目還在不斷更新和維護(hù)中。


10. vuestic-admin Star 7.6K


Github 地址： github.com/epicmaxco/v…

這是一個(gè)免費(fèi)與美妙 Vue.js 管理模板，包括 38 以上個(gè)定制用戶界面組件。響應(yīng)布局 | 圖表(Charts.js) | 進(jìn)度表 | 表格 | 選輯 | 日期選擇器 | 復(fù)選框和單選框 | 靜態(tài)表與數(shù)據(jù)表 | medium editor | 平滑設(shè)計(jì)字體 | 按鈕 | 塌縮 | 顏色選擇器 | 時(shí)間線 | 土司通知 | 工具提示 | 彈窗 | 圖標(biāo) | 自旋體 | 模式 | 文件上傳 | 厚切薯?xiàng)l通知 | 樹 | 卡片 | 等級(jí) | 滑動(dòng)器 | 聊天系統(tǒng) | 地圖(Google, Yandex, Leaflet, amMap) | 登錄/注冊(cè)頁模板 | 404頁模板 | i18n




11. antd-admin


項(xiàng)目地址：github.com/zuiidea/ant…


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


特性

• 國(guó)際化，源碼中抽離翻譯字段，按需加載語言包
• 動(dòng)態(tài)權(quán)限，不同權(quán)限對(duì)應(yīng)不同菜單
• 優(yōu)雅美觀，Ant Design 設(shè)計(jì)體系
• Mock 數(shù)據(jù)，本地?cái)?shù)據(jù)調(diào)試

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


12. eladmin


前后端都有，還是挺不錯(cuò)的。 github.com/elunez/elad…


一個(gè)簡(jiǎn)單且易上手的 Spring boot 后臺(tái)管理框架
技術(shù)棧
使用 SpringBoot、Jpa、Security、Redis、Vue 等前后端前沿技術(shù)開發(fā)。
模塊化
后端采用按功能分模塊開發(fā)方式，提升開發(fā)，測(cè)試效率。
高效率
項(xiàng)目簡(jiǎn)單可配，內(nèi)置代碼生成器，配置好表信息就能一鍵生成前后端代碼。
分離式
前后端完全分離，前端基于 Vue，后端基于 Spring boot。
響應(yīng)式
支持電腦、平板、手機(jī)等所有主流設(shè)備訪問。
易用性
幾乎可用于所有 Web 項(xiàng)目的開發(fā)，如 OA、Cms，網(wǎng)址后臺(tái)管理等。



13. layuiAdmin

采用自身模塊規(guī)范編寫的前端 UI 框架 地址：https://www.layui.com/admin/




14. gentelella Gentelella Admin Start 18.7k

是一個(gè)免費(fèi)使用的Bootstrap管理模板

Github 地址：https://github.com/ColorlibHQ/gentelella



15、vue-manage-system

地址：lin-xin/vue-manage-system

demo預(yù)覽：vue-manage-system | vue后臺(tái)管理系統(tǒng)

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


16、material-dashboard

推薦指數(shù)：star：9.1k

Github 地址：creativetimofficial/material-dashboard

demo：Page not found · GitHub Pages

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




17、d2-admin

推薦指數(shù)：star:8.7k

github地址：d2-projects/d2-admin

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