大家好,，我是Echa,。

根據(jù)老鐵們的私信我，說疫情期間居家隔離,，沒有任何經(jīng)濟(jì)來源,，各種貸款壓著喘不過氣來，此時(shí)的我也是深有同感,。在口罩的大環(huán)境下，只求生存,，解決溫飽問題。那接私活格外重要了,，那怎么快速開發(fā)實(shí)現(xiàn)老板們提的開發(fā)需求呢,，接下來我給大家推薦18個(gè)適合接私活的優(yōu)秀開源項(xiàng)目,，也是我收藏已久的發(fā)財(cái)工具來著,，希望老鐵們能喜歡,。希望拿著這些優(yōu)秀開源項(xiàng)目進(jìn)行二開,，掙得平滿缽滿同時(shí)祝福老鐵們一路發(fā)發(fā)發(fā),。

創(chuàng)作不易,，喜歡的老鐵們加個(gè)關(guān)注，點(diǎn)個(gè)贊,，后面會(huì)持續(xù)更新干貨,，速速收藏，謝謝！

全文大綱

1. vue-element-admin
2. D2Admin
3. Vue-admin-better
4. AdminLTE
5. Ant Desiong Pro
6. Tabler
7. ngx-admin
8. Gentelella
9. blur-admin
10. HasChat
11. react-bilibili
12. JEECG-BOOT
13. Dcat-admin
14. RuoYi
15. renren-fast-vue
16. iview-admin
17. material-dashboard
18. EAdmin

vue-element-admin

在線演示：
https://panjiachen./vue-element-admin

Github(79.8k): https://github.com/PanJiaChen/vue-element-admin

vue-element-admin 是一個(gè)后臺(tái)前端解決方案,，它基于 vue 和 element-ui實(shí)現(xiàn),。它使用了最新的前端技術(shù)棧，內(nèi)置了 i18n 國(guó)際化解決方案,，動(dòng)態(tài)路由,，權(quán)限驗(yàn)證,，提煉了典型的業(yè)務(wù)模型,，提供了豐富的功能組件，它可以幫助你快速搭建企業(yè)級(jí)中后臺(tái)產(chǎn)品原型,。相信不管你的需求是什么,，本項(xiàng)目都能幫助到你,。

界面如下圖：

D2Admin

官方網(wǎng)址：https:///

在線演示：
https:///d2-admin/preview/

Github(11.9k): https://github.com/d2-projects/d2-admin

D2Admin 是一個(gè)完全 開源免費(fèi) 的企業(yè)中后臺(tái)產(chǎn)品前端集成方案,，使用最新的前端技術(shù)棧，小于 60kb 的本地首屏 js 加載,，已經(jīng)做好大部分項(xiàng)目前期準(zhǔn)備工作，并且?guī)в写罅渴纠a,，助力管理系統(tǒng)敏捷開發(fā),。

界面如下圖：

Vue-admin-better

官方網(wǎng)址：http:///5Urz9A

在線演示：
https:///vue-admin-beautiful-element-plus/

Github(13.3k): https://github.com/chuzhixin/vue-admin-better

vue-admin-better 同時(shí)支持電腦，手機(jī),，平板,，切換分支查看不同的vue版本,，包含 40+ 高質(zhì)量單頁,。RBAC 模型 + JWT 權(quán)限控制。

界面如下圖：

AdminLTE

官方網(wǎng)址：https:///

在線演示：
https:///themes/v3/

Github(41.8k): https://github.com/ColorlibHQ/AdminLTE

AdminLTE是一個(gè)完全響應(yīng)的管理模板,?；贐ootstrap 4.6框架和JS/jQuery插件。高度可定制且易于使用。適用于從小型移動(dòng)設(shè)備到大型臺(tái)式機(jī)的多種屏幕分辨率。

界面如下圖：

Ant Desiong Pro

官方網(wǎng)址：https://pro./

在線演示：
http://preview.pro./

Github(33.3k): https://github.com/ant-design/ant-design-pro

開箱即用的中臺(tái)前端/設(shè)計(jì)解決方案，基于 Ant Design 體系精心設(shè)計(jì),，使用 React/umi/dva/antd 等前端前沿技術(shù)開發(fā)，針對(duì)不同屏幕大小設(shè)計(jì)

界面如下圖：

Ant Desiong Pro

官方網(wǎng)址：https://pro./

在線演示：
http://preview.pro./

Github(33.3k): https://github.com/ant-design/ant-design-pro

開箱即用的中臺(tái)前端/設(shè)計(jì)解決方案,，基于 Ant Design 體系精心設(shè)計(jì)，使用 React/umi/dva/antd 等前端前沿技術(shù)開發(fā),，針對(duì)不同屏幕大小設(shè)計(jì)

界面如下圖：

Tabler

官方網(wǎng)址：preview.

在線演示：
https://preview./

Github(32.3k): https://github.com/tabler/tabler

該開源管理面板基于 BootStrap 4 ,，能夠?qū)σ苿?dòng)設(shè)備，平板電腦和臺(tái)式機(jī)顯示器進(jìn)行支持,?？鐬g覽器，基于 HTML5 和 CSS3：包括一些微妙的CSS3動(dòng)畫,。代碼簡(jiǎn)潔：遵循Bootstrap的指南。

界面如下圖：

ngx-admin

官方網(wǎng)址：
https://akveo./ngx-admin/

在線演示：https:///H0n4Tk70

Github(24.1k): https://github.com/akveo/ngx-admin

ngx-admin是基于 Angular 12+, Bootstrap 4 的后臺(tái)管理面板框架,。

界面如下圖：

Gentelella

在線演示：
https:///polygon/gentelella/index.html

Github(20.7k): https://github.com/puikinsh/gentelella

Gentelella Admin是免費(fèi)的 Bootstrap 后臺(tái)模板。該模板使用默認(rèn)的 Bootstrap 4 樣式以及各種功能強(qiáng)大的 jQuery 插件,。具有以下功能：圖表,，日歷，表單驗(yàn)證，向?qū)邮浇缑?，畫布?dǎo)航菜單,，文本表單,，日期范圍,，上傳區(qū)域,，表單自動(dòng)完成功能，范圍滑塊,，進(jìn)度條,，通知等。

界面如下圖：

blur-admin

官網(wǎng)網(wǎng)址：
http://akveo./blur-admin/

在線演示：
https://akveo./blur-admin/

Github(20.7k): https://github.com/akveo/blur-admin

blur-admin 是基于 Angular2+ 和 Bootstrap 的后臺(tái)管理面板框架,。

界面如下圖：

HasChat

在線演示：
https:///haschat

Gitee(1.5k): https:///howcode/has-chat

自我做的客服聊天以來,，讓我做一套聊天應(yīng)用的呼聲越來越多，加上那套客服聊天由于沒有組件化,、UI 設(shè)計(jì)等問題，也讓我一直心有遺憾做的不夠完美,，于是利用空余時(shí)間做了一套相對(duì)完整的聊天應(yīng)用,。HasChat 是一套使用全新技術(shù)完成的通訊聊天網(wǎng)頁,。

• PC 網(wǎng)頁版前端：Vue3 + Vite + TypeScript + Pinia + Naive UI + Socket.io
• 移動(dòng)版前端：uni-app + Socket.io
• 后端：Express.js

作者開源目的旨在給剛學(xué)習(xí)該領(lǐng)域的新人一些引路，不管你是前端還是后端,，都能對(duì)你在通訊聊天這個(gè)領(lǐng)域有一點(diǎn)點(diǎn)的啟發(fā),。

界面如下圖：

react-bilibili

Github(1.1k): https://github.com/dxx/react-bilibili

react-bilibili 來高仿B站web移動(dòng)端:

• react
• react-router-dom
• react-router-config
• redux(數(shù)據(jù)管理)
• redux-thunk(支持異步Action)
• react-helmet(Head管理)
• react-lazyload(圖片懶加載)
• loadable-components(代碼分割)
• cross-fetch(瀏覽器和node通用的Fetch API)
• express(后端服務(wù))

界面如下圖：

JEECG-BOOT

官方網(wǎng)址：http://www./

在線體驗(yàn)：http://boot./

Github(32.7k): https://github.com/zhangdaiscott/jeecg-boot

JeecgBoot 是一款基于代碼生成器的低代碼開發(fā)平臺(tái)！前后端分離架構(gòu) SpringBoot2.x,，SpringCloud，Ant Design&Vue,，Mybatis-plus，Shiro,，JWT，支持微服務(wù),。強(qiáng)大的代碼生成器讓前后端代碼一鍵生成,，實(shí)現(xiàn)低代碼開發(fā)! JeecgBoot 引領(lǐng)新的低代碼開發(fā)模式(OnlineCoding-> 代碼生成器-> 手工MERGE),， 幫助解決Java項(xiàng)目70%的重復(fù)工作,，讓開發(fā)更多關(guān)注業(yè)務(wù),。既能快速提高效率，節(jié)省研發(fā)成本,，同時(shí)又不失靈活性,！

JeecgBoot 提供了一系列低代碼模塊，實(shí)現(xiàn)在線開發(fā)真正的零代碼：Online表單開發(fā),、Online報(bào)表,、報(bào)表配置能力,、在線圖表設(shè)計(jì)、大屏設(shè)計(jì),、移動(dòng)配置能力,、表單設(shè)計(jì)器、在線設(shè)計(jì)流程,、流程自動(dòng)化配置,、插件能力（可插拔）等等！

JEECG宗旨是: 簡(jiǎn)單功能由OnlineCoding配置實(shí)現(xiàn),，做到零代碼開發(fā),；復(fù)雜功能由代碼生成器生成進(jìn)行手工Merge 實(shí)現(xiàn)低代碼開發(fā)，既保證了智能又兼顧靈活,；實(shí)現(xiàn)了低代碼開發(fā)的同時(shí)又支持靈活編碼,，解決了當(dāng)前低代碼產(chǎn)品普遍不靈活的弊端！

JEECG業(yè)務(wù)流程: 采用工作流來實(shí)現(xiàn),、擴(kuò)展出任務(wù)接口，供開發(fā)編寫業(yè)務(wù)邏輯,，表單提供多種解決方案： 表單設(shè)計(jì)器、online配置表單,、編碼表單,。同時(shí)實(shí)現(xiàn)了流程與表單的分離設(shè)計(jì)（松耦合）、并支持任務(wù)節(jié)點(diǎn)靈活配置,，既保證了公司流程的保密性,，又減少了開發(fā)人員的工作量。

界面如下圖：

Dcat-admin

官方網(wǎng)址：http://www./

在線體驗(yàn)：
http://103.39.211.179:8080/admin

Github(3.2k): https://github.com/jqhph/dcat-admin

Dcat Admin是一個(gè)基于laravel-admin二次開發(fā)而成的后臺(tái)系統(tǒng)構(gòu)建工具,，只需很少的代碼即可快速構(gòu)建出一個(gè)功能完善的高顏值后臺(tái)系統(tǒng),。內(nèi)置豐富的后臺(tái)常用組件，開箱即用,，讓開發(fā)者告別冗雜的HTML代碼,，對(duì)后端開發(fā)者非常友好。

界面如下圖：

RuoYi

官方網(wǎng)址：http:///

在線體驗(yàn)：
https://vue./index

Gitee(17.9k): https:///y_project/RuoYi

一直想做一款后臺(tái)管理系統(tǒng),，看了很多優(yōu)秀的開源項(xiàng)目但是發(fā)現(xiàn)沒有合適的,。于是利用空閑休息時(shí)間開始自己寫了一套后臺(tái)系統(tǒng)。如此有了若依,。她可以用于所有的Web應(yīng)用程序,，如網(wǎng)站管理后臺(tái),，網(wǎng)站會(huì)員中心，CMS,，CRM,，OA。所有前端后臺(tái)代碼封裝過后十分精簡(jiǎn)易上手,，出錯(cuò)概率低,。同時(shí)支持移動(dòng)客戶端訪問。系統(tǒng)會(huì)陸續(xù)更新一些實(shí)用功能,。

性別男,，若依是給女兒取的名字（寓意：你若不離不棄，我必生死相依）

若依是一套全部開源的快速開發(fā)平臺(tái),，毫無保留給個(gè)人及企業(yè)免費(fèi)使用,。

界面如下圖：

renren-fast-vue

官方網(wǎng)址：
https://www./community

在線體驗(yàn)：
http://demo.open./renren-fast/#/home

Gitee: https:///renrenio/renren-fast-vue

renren-fast-vue基于vue、element-ui構(gòu)建開發(fā),，實(shí)現(xiàn)renren-fast后臺(tái)管理前端功能,，提供一套更優(yōu)的前端解決方案

• 前后端分離，通過token進(jìn)行數(shù)據(jù)交互,，可獨(dú)立部署
• 主題定制,，通過scss變量統(tǒng)一一站式定制
• 動(dòng)態(tài)菜單，通過菜單管理統(tǒng)一管理訪問路由
• 數(shù)據(jù)切換,，通過mock配置對(duì)接口數(shù)據(jù)／mock模擬數(shù)據(jù)進(jìn)行切換
• 發(fā)布時(shí),，可動(dòng)態(tài)配置CDN靜態(tài)資源／切換新舊版本

界面如下圖：

iview-admin

官方網(wǎng)址：
https://admin./

在線體驗(yàn)：
https://admin./home

Github(16.3k): https://github.com/iview/iview-admin

iViewAdmin是一個(gè)前端管理后臺(tái)集成解決方案。它基于Vue,。js并使用UI Toolkit iView,。

界面如下圖：

material-dashboard

在線體驗(yàn)：
https://demos./material-dashboard/examples/dashboard.html

Github(10.4k): https://github.com/creativetimofficial/material-dashboard#demo

Material Dashboard是一個(gè)免費(fèi)的Material Bootstrap Admin，其設(shè)計(jì)靈感來自Google的Material design,。我們很高興通過一組易于使用和美觀的組件介紹我們對(duì)材料概念的理解,。Material Dashboard是在流行的Bootstrap框架上構(gòu)建的，它帶有一些經(jīng)過重新設(shè)計(jì)的第三方插件,，以適應(yīng)其他元素,。

材質(zhì)儀表板利用光線、表面和運(yùn)動(dòng),?？傮w布局類似于多個(gè)不同層的紙張，因此深度和順序很明顯,。導(dǎo)航主要停留在左側(cè)邊欄上，內(nèi)容位于主面板的右側(cè),。

在我們發(fā)布了成功的材料工具包后,，用戶要求提供材料儀表板，因此推出了該產(chǎn)品,。我們根據(jù)您的反饋開發(fā)了它,，它是一個(gè)強(qiáng)大的引導(dǎo)管理儀表板,，允許您構(gòu)建管理面板,、內(nèi)容管理系統(tǒng)和CRM等產(chǎn)品。

Material Dashboard為側(cè)邊欄和卡片標(biāo)題提供了5種顏色過濾器選項(xiàng)（藍(lán)色,、綠色,、橙色、紅色和紫色）,，并提供了在側(cè)邊欄上顯示背景圖像的選項(xiàng)。

界面如下圖：

EAdmin

在線體驗(yàn)：http://www./

Github: https://github.com/suruibuas/eadmin

Eui（原Eadmin）開箱即用的后臺(tái)UI框架更新到了 v3.0版本

依舊保持原生JS開發(fā),，開箱即用,，無需打包環(huán)境，寫法與原生HTML幾乎一致,。為不熟悉mvvm模式的開發(fā)人員提供了多一種的選擇,。

界面如下圖：