前言

幾年前，筆者自學(xué)了vue這一優(yōu)秀的前端框架，但苦于沒項(xiàng)目練手，無意間發(fā)現(xiàn)了vue-admin-beautiful這一優(yōu)秀的前端集成框架。當(dāng)時(shí)就使用它做了一很有意思的小項(xiàng)目---終端監(jiān)控云平臺(tái)，實(shí)現(xiàn)了前端和后臺(tái)的整體功能。整體方案介紹參見博文《終端出廠后自動(dòng)化運(yùn)維方案》，前端使用vue-admin-beautiful框架，后端使用go-zero微服務(wù)框架，幾天內(nèi)就搞出來了一個(gè)包含前端和后臺(tái)的小項(xiàng)目。發(fā)現(xiàn)它確實(shí)好用，是我目前用過最順手的一個(gè)前端admin管理框架，推薦給有需要的小伙伴，喜歡的可以收藏。

我的monitor-ui前端運(yùn)行界面：

后續(xù)有機(jī)會(huì)介紹下我這個(gè)終端監(jiān)控云平臺(tái)小項(xiàng)目的具體實(shí)現(xiàn)，挺有意思的。幾年前還用到過幾個(gè)地方的公交客戶現(xiàn)場(chǎng)，客戶挺喜歡這個(gè)功能的。但由于無法跟現(xiàn)有的產(chǎn)品集成，且我我個(gè)人的業(yè)余項(xiàng)目，沒功夫維護(hù)，銷售覺得很遺憾，于是作罷?，F(xiàn)開源出前端(vue)和后臺(tái)golang源碼，感興趣的可以把前端和后臺(tái)都運(yùn)行起來，抽空我再介紹下如何把前端和后臺(tái)都部署起來。

前端：monitor-ui: vue ui

后臺(tái)：https://gitee.com/yyz116/monitor

vue-admin-beautiful介紹

vue-admin-beautiful是github開源admin中最優(yōu)秀的集成框架之一,它是國(guó)內(nèi)首個(gè)基于vue3.0的開源admin項(xiàng)目,同時(shí)支持電腦,手機(jī),平板,默認(rèn)分支使用vue3.x+antdv（ant-design-vue）開發(fā)。免費(fèi)開源admin項(xiàng)目，star高達(dá)5.9K+，是我目前用過最順手的。

功能特性

• 💪 40+高質(zhì)量單頁(yè)
• 💅 RBAC 模型 + JWT 權(quán)限控制
• 🌍 10 萬+ 項(xiàng)目實(shí)際應(yīng)用
• 👏 良好的類型定義
• 🥳 開源版本支持免費(fèi)商用
• 🚀 跨平臺(tái) PC、手機(jī)端、平板
• 📦? 后端路由動(dòng)態(tài)渲染

官方示例效果圖如下：

快速安裝?

下面介紹的是vue3.0-antdv分支(ant-design-vue)
# 克隆項(xiàng)目

git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-beautiful.git

# 進(jìn)入項(xiàng)目目錄

cd vue-admin-beautiful

# 安裝依賴

#這個(gè)不更新npm鏡像源的話會(huì)很慢
npm install
# 或者 安裝依賴
npm i --registry=http://mirrors.cloud.tencent.com/npm/
# 本地開發(fā) 啟動(dòng)項(xiàng)目
npm run serve

非常絕佳的一款免費(fèi)開源Vue3中后臺(tái)前端開發(fā)管理框架，作者長(zhǎng)期更新維護(hù)，需要的不可錯(cuò)過。

# 演示地址 
http://chu1204505056.gitee.io/vue-admin-beautiful
# 倉(cāng)庫(kù)地址
https://github.com/chuzhixin/vue-admin-beautiful

其他資源

終端出廠后自動(dòng)化運(yùn)維方案_終端軟件版本自動(dòng)更新 運(yùn)維系統(tǒng)-CSDN博客

vue-admin-beautiful: vue-admin-beautiful 是一款前端開發(fā)框架，vue 學(xué)習(xí)搭框架必備,集合了所有的 vue 技術(shù)棧 - 木蘭確實(shí)

國(guó)內(nèi)npm源鏡像（npm加速下載） 指定npm鏡像_npm 國(guó)內(nèi)鏡像-CSDN博客

GitHub - umicro/uView: uView UI，是uni-app生態(tài)最優(yōu)秀的UI框架，全面的組件和便捷的工具會(huì)讓您信手拈來，如魚得水

vue-admin-beautiful–國(guó)內(nèi)首個(gè)vue3.0+antdv開源Admin管理系統(tǒng)-CSDN博客

【黃啊碼】關(guān)于vue的PC端和手機(jī)端框架-騰訊云開發(fā)者社區(qū)-騰訊云

太酷了！這款vue3.0+antdv管理系統(tǒng)，我粉了！_基于vue3.0 vite 人員管理 免費(fèi)框架-CSDN博客