推薦18個(gè)適合接私活的優(yōu)秀開(kāi)源項(xiàng)目（接私活的平臺(tái)有哪些）
大家好，我是Echa。
根據(jù)老鐵們的私信我，說(shuō)疫情期間居家隔離，沒(méi)有任何經(jīng)濟(jì)來(lái)源，各種貸款壓著喘不過(guò)氣來(lái)，此時(shí)的我也是深有同感。在口罩的大環(huán)境下，只求生存，解決溫飽問(wèn)題。那接私活格外重要了，那怎么快速開(kāi)發(fā)實(shí)現(xiàn)老板們提的開(kāi)發(fā)需求呢，接下來(lái)我給大家推薦18個(gè)適合接私活的優(yōu)秀開(kāi)源項(xiàng)目，也是我收藏已久的發(fā)財(cái)工具來(lái)著，希望老鐵們能喜歡。希望拿著這些優(yōu)秀開(kāi)源項(xiàng)目進(jìn)行二開(kāi)，掙得平滿缽滿同時(shí)祝福老鐵們一路發(fā)發(fā)發(fā)。
創(chuàng)作不易，喜歡的老鐵們加個(gè)關(guān)注，點(diǎn)個(gè)贊，后面會(huì)持續(xù)更新干貨，速速收藏，謝謝！
全文大綱
- vue-element-admin
- D2Admin
- Vue-admin-better
- AdminLTE
- Ant Desiong Pro
- Tabler
- ngx-admin
- Gentelella
- blur-admin
- HasChat
- React-bilibili
- JEECG-BOOT
- Dcat-admin
- RuoYi
- renren-fast-vue
- iview-admin
- material-dashboard
- EAdmin
vue-element-admin
在線演示：https://panjiachen.Github.io/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://d2.pub/
在線演示：https://d2.pub/d2-admin/preview/
Github(11.9k): https://github.com/d2-projects/d2-admin
D2Admin 是一個(gè)完全 開(kāi)源免費(fèi) 的企業(yè)中后臺(tái)產(chǎn)品前端集成方案，使用最新的前端技術(shù)棧，小于 60kb 的本地首屏 js 加載，已經(jīng)做好大部分項(xiàng)目前期準(zhǔn)備工作，并且?guī)в写罅渴纠a，助力管理系統(tǒng)敏捷開(kāi)發(fā)。
界面如下圖：
Vue-admin-better
官方網(wǎng)址：http://mtw.so/5Urz9A
在線演示：https://vue-admin-beautiful.com/vue-admin-beautiful-element-plus/
Github(13.3k): https://github.com/chuzhixin/vue-admin-better
vue-admin-better 同時(shí)支持電腦，手機(jī)，平板，切換分支查看不同的vue版本，包含 40 高質(zhì)量單頁(yè)。RBAC 模型 JWT 權(quán)限控制。
界面如下圖：
AdminLTE
官方網(wǎng)址：https://adminlte.io/
在線演示：https://adminlte.io/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.ant.design/
在線演示：http://preview.pro.ant.design/
Github(33.3k): https://github.com/ant-design/ant-design-pro
開(kāi)箱即用的中臺(tái)前端/設(shè)計(jì)解決方案，基于 Ant Design 體系精心設(shè)計(jì)，使用 React/umi/dva/antd 等前端前沿技術(shù)開(kāi)發(fā)，針對(duì)不同屏幕大小設(shè)計(jì)
界面如下圖：
Ant Desiong Pro
官方網(wǎng)址：https://pro.ant.design/
在線演示：http://preview.pro.ant.design/
Github(33.3k): https://github.com/ant-design/ant-design-pro
開(kāi)箱即用的中臺(tái)前端/設(shè)計(jì)解決方案，基于 Ant Design 體系精心設(shè)計(jì)，使用 React/umi/dva/antd 等前端前沿技術(shù)開(kāi)發(fā)，針對(duì)不同屏幕大小設(shè)計(jì)
界面如下圖：
Tabler
官方網(wǎng)址：preview.tabler.io
在線演示：https://preview.tabler.io/
Github(32.3k): https://github.com/tabler/tabler
該開(kāi)源管理面板基于 Bootstrap 4 ，能夠?qū)σ苿?dòng)設(shè)備，平板電腦和臺(tái)式機(jī)顯示器進(jìn)行支持?？鐬g覽器，基于 HTML5 和 CSS3：包括一些微妙的CSS3動(dòng)畫(huà)。代碼簡(jiǎn)潔：遵循Bootstrap的指南。
界面如下圖：
ngx-admin
官方網(wǎng)址：https://akveo.github.io/ngx-admin/
在線演示：https://hubs.ly/H0n4Tk70
Github(24.1k): https://github.com/akveo/ngx-admin
ngx-admin是基于 Angular 12 , Bootstrap 4 的后臺(tái)管理面板框架。
界面如下圖：
Gentelella
在線演示：https://colorlib.com/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ū)邮浇缑?，?huà)布導(dǎo)航菜單，文本表單，日期范圍，上傳區(qū)域，表單自動(dòng)完成功能，范圍滑塊，進(jìn)度條，通知等。
界面如下圖：
blur-admin
官網(wǎng)網(wǎng)址：http://akveo.github.io/blur-admin/
在線演示：https://akveo.github.io/blur-admin/
Github(20.7k): https://github.com/akveo/blur-admin
blur-admin 是基于 Angular2 和 Bootstrap 的后臺(tái)管理面板框架。
界面如下圖：
HasChat
在線演示：https://howcode.online/haschat
Gitee(1.5k): https://gitee.com/howcode/has-chat
自我做的客服聊天以來(lái)，讓我做一套聊天應(yīng)用的呼聲越來(lái)越多，加上那套客服聊天由于沒(méi)有組件化、UI 設(shè)計(jì)等問(wèn)題，也讓我一直心有遺憾做的不夠完美，于是利用空余時(shí)間做了一套相對(duì)完整的聊天應(yīng)用。HasChat 是一套使用全新技術(shù)完成的通訊聊天網(wǎng)頁(yè)。
- PC 網(wǎng)頁(yè)版前端：Vue3 Vite TypeScript Pinia Naive UI Socket.io
- 移動(dòng)版前端：uni-app Socket.io
- 后端：Express.js
作者開(kāi)源目的旨在給剛學(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 來(lái)高仿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.jeecg.com/
在線體驗(yàn)：http://boot.jeecg.com/
Github(32.7k): https://github.com/zhangdaiscott/jeecg-boot
JeecgBoot 是一款基于代碼生成器的低代碼開(kāi)發(fā)平臺(tái)！前后端分離架構(gòu) SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服務(wù)。強(qiáng)大的代碼生成器讓前后端代碼一鍵生成，實(shí)現(xiàn)低代碼開(kāi)發(fā)! JeecgBoot 引領(lǐng)新的低代碼開(kāi)發(fā)模式(OnlineCoding-> 代碼生成器-> 手工MERGE)， 幫助解決Java項(xiàng)目70%的重復(fù)工作，讓開(kāi)發(fā)更多關(guān)注業(yè)務(wù)。既能快速提高效率，節(jié)省研發(fā)成本，同時(shí)又不失靈活性！
JeecgBoot 提供了一系列低代碼模塊，實(shí)現(xiàn)在線開(kāi)發(fā)真正的零代碼：Online表單開(kāi)發(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)，做到零代碼開(kāi)發(fā)；復(fù)雜功能由代碼生成器生成進(jìn)行手工Merge 實(shí)現(xiàn)低代碼開(kāi)發(fā)，既保證了智能又兼顧靈活；實(shí)現(xiàn)了低代碼開(kāi)發(fā)的同時(shí)又支持靈活編碼，解決了當(dāng)前低代碼產(chǎn)品普遍不靈活的弊端！
JEECG業(yè)務(wù)流程: 采用工作流來(lái)實(shí)現(xiàn)、擴(kuò)展出任務(wù)接口，供開(kāi)發(fā)編寫(xiě)業(yè)務(wù)邏輯，表單提供多種解決方案： 表單設(shè)計(jì)器、online配置表單、編碼表單。同時(shí)實(shí)現(xiàn)了流程與表單的分離設(shè)計(jì)（松耦合）、并支持任務(wù)節(jié)點(diǎn)靈活配置，既保證了公司流程的保密性，又減少了開(kāi)發(fā)人員的工作量。
界面如下圖：
Dcat-admin
官方網(wǎng)址：http://www.dcatadmin.com/
在線體驗(yàn)：http://103.39.211.179:8080/admin
Github(3.2k): https://github.com/jqhph/dcat-admin
Dcat Admin是一個(gè)基于laravel-admin二次開(kāi)發(fā)而成的后臺(tái)系統(tǒng)構(gòu)建工具，只需很少的代碼即可快速構(gòu)建出一個(gè)功能完善的高顏值后臺(tái)系統(tǒng)。內(nèi)置豐富的后臺(tái)常用組件，開(kāi)箱即用，讓開(kāi)發(fā)者告別冗雜的HTML代碼，對(duì)后端開(kāi)發(fā)者非常友好。
界面如下圖：
RuoYi
官方網(wǎng)址：http://ruoyi.vip/
在線體驗(yàn)：https://vue.ruoyi.vip/index
Gitee(17.9k): https://gitee.com/y_project/RuoYi
一直想做一款后臺(tái)管理系統(tǒng)，看了很多優(yōu)秀的開(kāi)源項(xiàng)目但是發(fā)現(xiàn)沒(méi)有合適的。于是利用空閑休息時(shí)間開(kāi)始自己寫(xiě)了一套后臺(tái)系統(tǒng)。如此有了若依。她可以用于所有的Web應(yīng)用程序，如網(wǎng)站管理后臺(tái)，網(wǎng)站會(huì)員中心，CMS，CRM，OA。所有前端后臺(tái)代碼封裝過(guò)后十分精簡(jiǎn)易上手，出錯(cuò)概率低。同時(shí)支持移動(dòng)客戶端訪問(wèn)。系統(tǒng)會(huì)陸續(xù)更新一些實(shí)用功能。
性別男，若依是給女兒取的名字（寓意：你若不離不棄，我必生死相依）
若依是一套全部開(kāi)源的快速開(kāi)發(fā)平臺(tái)，毫無(wú)保留給個(gè)人及企業(yè)免費(fèi)使用。
界面如下圖：
renren-fast-vue
官方網(wǎng)址：https://www.renren.io/community
在線體驗(yàn)：http://demo.open.renren.io/renren-fast/#/home
Gitee: https://gitee.com/renrenio/renren-fast-vue
renren-fast-vue基于vue、element-ui構(gòu)建開(kāi)發(fā)，實(shí)現(xiàn)renren-fast后臺(tái)管理前端功能，提供一套更優(yōu)的前端解決方案
- 前后端分離，通過(guò)token進(jìn)行數(shù)據(jù)交互，可獨(dú)立部署
- 主題定制，通過(guò)scss變量統(tǒng)一一站式定制
- 動(dòng)態(tài)菜單，通過(guò)菜單管理統(tǒng)一管理訪問(wèn)路由
- 數(shù)據(jù)切換，通過(guò)mock配置對(duì)接口數(shù)據(jù)／mock模擬數(shù)據(jù)進(jìn)行切換
- 發(fā)布時(shí)，可動(dòng)態(tài)配置CDN靜態(tài)資源／切換新舊版本
界面如下圖：
iview-admin
官方網(wǎng)址：https://admin.iviewui.com/
在線體驗(yàn)：https://admin.iviewui.com/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.creative-tim.com/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ì)靈感來(lái)自Google的Material design。我們很高興通過(guò)一組易于使用和美觀的組件介紹我們對(duì)材料概念的理解。Material Dashboard是在流行的Bootstrap框架上構(gòu)建的，它帶有一些經(jīng)過(guò)重新設(shè)計(jì)的第三方插件，以適應(yīng)其他元素。
材質(zhì)儀表板利用光線、表面和運(yùn)動(dòng)?？傮w布局類(lèi)似于多個(gè)不同層的紙張，因此深度和順序很明顯。導(dǎo)航主要停留在左側(cè)邊欄上，內(nèi)容位于主面板的右側(cè)。
在我們發(fā)布了成功的材料工具包后，用戶要求提供材料儀表板，因此推出了該產(chǎn)品。我們根據(jù)您的反饋開(kāi)發(fā)了它，它是一個(gè)強(qiáng)大的引導(dǎo)管理儀表板，允許您構(gòu)建管理面板、內(nèi)容管理系統(tǒng)和CRM等產(chǎn)品。
Material Dashboard為側(cè)邊欄和卡片標(biāo)題提供了5種顏色過(guò)濾器選項(xiàng)（藍(lán)色、綠色、橙色、紅色和紫色），并提供了在側(cè)邊欄上顯示背景圖像的選項(xiàng)。
界面如下圖：
EAdmin
在線體驗(yàn)：http://www.eui6.com/
Github: https://github.com/suruibuas/eadmin
Eui（原Eadmin）開(kāi)箱即用的后臺(tái)UI框架更新到了 v3.0版本
依舊保持原生JS開(kāi)發(fā)，開(kāi)箱即用，無(wú)需打包環(huán)境，寫(xiě)法與原生HTML幾乎一致。為不熟悉mvvm模式的開(kāi)發(fā)人員提供了多一種的選擇。
界面如下圖：
