🎉🎉Vue 3 + Element Plus + Vite 2 的後臺管理系統開源啦🎉🎉

以前發佈過一篇文章《Vue3教程：開發一個 Vue 3 + element-plus 的後臺管理系統》，文中提到會開發並開源一個 Vue 3 + Element Plus 的項目供你們練手和學習，隨後也一直有收到留言和反饋，問我何時開源之類的問題，今天終於能夠通知你們，完成啦！🎉🎉開源啦！🎉🎉html

若是以爲我寫得還行的話，請獻上你寶貴的一讚👍，這將是我持續寫做的動力！感謝你們啦。vue

vue3-admin 開源地址

全部的代碼、文件所有都開源到 GitHub 倉庫中，先後端代碼所有都在倉庫裏。ios

並無任何藏着掖着的行爲，包括後端 API 接口的代碼也所有開源，不會說缺乏哪一個頁面或者某個重要功能，這種事情是不存在的，你們先看看文章和預覽圖，以爲不錯的朋友能夠繼續瞭解一下這個項目。git

固然，也但願感興趣的朋友能夠找找其中的問題，提一些 pr 或者 issue，讓這個開源項目可以減小問題而且保持進步。github

vue3-admin 在 GitHub 和國內的碼雲都建立了代碼倉庫，若是有人訪問 GitHub 比較慢的話，建議在 Gitee 上查看該項目，兩個倉庫會保持同步更新。web

vue3-admin 預覽地址

本項目在一週以前已經部署到線上環境，在開源倉庫裏能夠看到訪問地址。apache

因爲服務器的帶寬並非很是大，擔憂你們直接把服務器擠爆了，但願你們不要一塊兒訪問，哈哈哈哈。axios

測試過程和測試結果，感謝你們參與測試

測試過程大概大半個月吧，總共有三輪測試，前兩輪都是自測，改了很多問題。後面是發了一篇文章介紹了這個項目，而且把項目的預覽地址和測試帳號密碼公佈出來，讓你們一塊兒點一點頁面、測一測功能，仍是有很多人蔘與到這個項目的測試環節的，在這裏感謝一下你們啦。後端

下圖是某個時間段內生成的登陸token記錄，就是每次有人登陸系統都會生成這樣一條記錄，數據量仍是挺大的。服務器

彙總了網站上線之初（也就是上週一），到上週末的 token 產生數據狀況，以下圖所示：

經過這個數據能夠大體的推算出一些結果，天天大概有 200 ~ 300 人登陸並測試了 vue3-admin 這個項目。不過，反饋過來的問題不是不少，bug 也沒有，可能你們測試的也不是很深刻，後續你們實際的運行代碼和詳細的體驗後，應該會有更多問題出現，期待你們的反饋。

測試過程當中啼笑皆非的一件事

也有一個很氣的事情，這個事情我以前提過不少次，真的是很啼笑皆非。

我作了很多開源項目，這些項目也都會把預覽地址放出來給你們用，讓你們能夠提早體驗功能，我這個想法是很爲你們考慮的，可是總有些人比較怪，作一些怪事情。最經典的一件事情就是刪數據，原本滿滿登登的測試數據，全給我刪咯，好比此次 vue3-admin 預覽網站中的輪播圖數據、分類數據，剛把預覽地址發出去半天時間，數據就沒了，頁面效果以下圖所示：

而後我又去恢復，而後商品數據、訂單數據、用戶數據爲何沒被刪呢？由於這些模塊裏我沒放刪除按鈕，可是第一頁的訂單數據也給我關閉了、第一頁的商品數據也給我下架了、第一頁的用戶數據也給我禁用了，我後面時不時的去恢復一下這些數據。

這個事情呢，說實在的，從我 2017 年作第一個開源項目就存在，可是也無法解決，不放預覽地址吧，影響你們的體驗，可是放上去吧，總有些二貨刪掉所有數據或者改測試帳號的密碼讓別人無法測。這裏呢，仍是但願各位自覺一點，能夠測試刪除功能，可是你別全刪了，或者說你刪完以後加幾條數據也行啊。

主要技術棧

vue3-admin 項目的技術棧選擇以下：

主要技術棧爲 Vue 3.0 和 Element Plus，Vue 3.0 正式版本已上線半年有餘，以後又看到 @iamkun 大佬發了一篇文章《🎉 Element UI for Vue 3.0 來了！》，文章中有提到 Element Plus 正式發版，就想着用它來重構以前寫的一個後臺管理系統，而後又嘗試了一下 Vite 2.0，算是嚐鮮吧。

vue3-admin項目預覽圖

預覽圖以下：

登陸頁

輪播圖管理

分類管理

商品列表

商品編輯

訂單管理

訂單詳情

代碼貢獻

固然，目前是 vue3-admin 的第一個版本，雖然已經測試過幾輪，不排除還會有一些問題存在，也但願你們能夠提出一些優化建議，能夠提交issue，也能夠給我留言或者到交流羣裏直接艾特我。

固然我也但願你們都可以爲該項目作一下代碼貢獻，步驟以下：

fork 代碼
建立本身的分支
commit 並 push 修改的代碼到你fork的代碼倉庫
提交 pr

總結

因爲時間的關係也沒有時間詳細的講解開發過程和一些注意事項，只是經過這篇簡簡單單的文章告訴你們，Vue 3.0 + Vite 2.0 + Vue-Router 4.0 + Element-Plus + Echarts 5.0 + Axios 的後臺管理系統開發出來了，在充分的測試以後也開源了出來供你們學習和練習，過程當中若是有任何問題，也但願你們給我反饋，我會盡快的修復掉這些問題。

感謝你們的查看，而後也但願你們動動發財的小手，幫忙點個 Star或者分享出去讓更多地人能夠看到這個項目，謝謝你們的支持啦。

vue3-admin 開源地址：

除註明轉載/出處外，皆爲做者原創，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文連接，不然保留追究法律責任的權利。