之前發布過一篇文章《Vue3教程：開發一個 Vue 3 + element-plus 的后台管理系統》，文中提到會開發並開源一個 Vue 3 + Element Plus 的項目供大家練手和學習，隨后也一直有收到留言和反饋，問我什么時候開源之類的問題，今天終於可以通知大家，完成啦！🎉🎉開源啦！🎉🎉
如果覺得我寫得還行的話，請獻上你寶貴的一贊👍，這將是我持續寫作的動力！感謝大家啦。
vue3-admin 開源地址
所有的代碼、文件全部都開源到 GitHub 倉庫中，前后端代碼全部都在倉庫里。
並沒有任何藏着掖着的行為，包括后端 API 接口的代碼也全部開源，不會說缺少哪個頁面或者某個重要功能，這種事情是不存在的，大家先看看文章和預覽圖，覺得不錯的朋友可以繼續了解一下這個項目。
當然，也希望感興趣的朋友可以找找其中的問題，提一些 pr 或者 issue，讓這個開源項目能夠減少問題並且保持進步。
vue3-admin 在 GitHub 和國內的碼雲都創建了代碼倉庫，如果有人訪問 GitHub 比較慢的話，建議在 Gitee 上查看該項目，兩個倉庫會保持同步更新。
vue3-admin 預覽地址
本項目在一周之前已經部署到線上環境，在開源倉庫里可以看到訪問地址。
由於服務器的帶寬並不是非常大，擔心大家直接把服務器擠爆了，希望大家不要一起訪問，哈哈哈哈。
測試過程和測試結果，感謝大家參與測試
測試過程大概大半個月吧，總共有三輪測試，前兩輪都是自測，改了不少問題。后面是發了一篇文章介紹了這個項目，並且把項目的預覽地址和測試賬號密碼公布出來，讓大家一起點一點頁面、測一測功能，還是有不少人參與到這個項目的測試環節的，在這里感謝一下大家啦。
下圖是某個時間段內生成的登錄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 開源地址：
除注明轉載/出處外，皆為作者原創，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接，否則保留追究法律責任的權利。