关于vue.js:🎉🎉Vue-3-Element-Plus-Vite-2-的后台管理系统开源啦🎉🎉

之前公布过一篇文章《Vue3教程：开发一个 Vue 3 + element-plus 的后盾管理系统》，文中提到会开发并开源一个 Vue 3 + Element Plus 的我的项目供大家练手和学习，随后也始终有收到留言和反馈，问我什么时候开源之类的问题，明天终于能够告诉大家，实现啦！🎉🎉开源啦！🎉🎉

如果感觉我写得还行的话，请献上你贵重的一赞👍，这将是我继续写作的能源！感激大家啦。

vue3-admin 开源地址

所有的代码、文件全副都开源到 GitHub 仓库中，前后端代码全副都在仓库里。

并没有任何藏着掖着的行为，包含后端 API 接口的代码也全副开源，不会说短少哪个页面或者某个重要性能，这种事件是不存在的，大家先看看文章和预览图，感觉不错的敌人能够持续理解一下这个我的项目。

当然，也心愿感兴趣的敌人能够找找其中的问题，提一些 pr 或者 issue，让这个开源我的项目可能缩小问题并且放弃提高。

vue3-admin 在 GitHub 和国内的码云都创立了代码仓库，如果有人拜访 GitHub 比较慢的话，倡议在 Gitee 上查看该我的项目，两个仓库会放弃同步更新。

• in GitHub : vue3-admin
• in Gitee : vue3-admin

vue3-admin 预览地址

本我的项目在一周之前曾经部署到线上环境，在开源仓库里能够看到拜访地址。

因为服务器的带宽并不是十分大，放心大家间接把服务器挤爆了，心愿大家不要一起拜访，哈哈哈哈。

测试过程和测试后果，感激大家参加测试

测试过程大略大半个月吧，总共有三轮测试，前两轮都是自测，改了不少问题。前面是发了一篇文章介绍了这个我的项目，并且把我的项目的预览地址和测试账号密码公布出来，让大家一起点一点页面、测一测性能，还是有不少人参加到这个我的项目的测试环节的，在这里感激一下大家啦。

下图是某个时间段内生成的登录token记录，就是每次有人登录零碎都会生成这样一条记录，数据量还是挺大的。

汇总了网站上线之初（也就是上周一），到上周末的 token 产生数据状况，如下图所示：

通过这个数据能够大抵的推算出一些后果，每天大略有 200 ~ 300 人登录并测试了 vue3-admin 这个我的项目。不过，反馈过去的问题不是很多，bug 也没有，可能大家测试的也不是很深刻，后续大家理论的运行代码和具体的体验后，应该会有更多问题呈现，期待大家的反馈。

测试过程中啼笑皆非的一件事

也有一个很气的事件，这个事件我之前提过很屡次，真的是很啼笑皆非。

我做了不少开源我的项目，这些我的项目也都会把预览地址放进去给大家用，让大家能够提前体验性能，我这个想法是很为大家思考的，然而总有些人比拟怪，做一些怪事件。最经典的一件事件就是删数据，原本满满登登的测试数据，全给我删咯，比方这次 vue3-admin 预览网站中的轮播图数据、分类数据，刚把预览地址收回去半天工夫，数据就没了，页面成果如下图所示：

而后我又去复原，而后商品数据、订单数据、用户数据为什么没被删呢？因为这些模块里我没放删除按钮，然而第一页的订单数据也给我敞开了、第一页的商品数据也给我下架了、第一页的用户数据也给我禁用了，我前面时不时的去复原一下这些数据。

这个事件呢，说切实的，从我 2017 年做第一个开源我的项目就存在，然而也没法解决，不放预览地址吧，影响大家的体验，然而放上去吧，总有些二货删掉全副数据或者改测试账号的明码让他人没法测。这里呢，还是心愿各位盲目一点，能够测试删除性能，然而你别全删了，或者说你删完之后加几条数据也行啊。

次要技术栈

vue3-admin 我的项目的技术栈抉择如下：

• Vue 3.0
• Element-Plus
• Vite 2.0
• Vue-Router
• Echarts 5.0
• Axios

次要技术栈为 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 开源地址：

• in GitHub : vue3-admin
• in Gitee : vue3-admin

除注明转载/出处外，皆为作者原创，欢送转载，但未经作者批准必须保留此段申明，且在文章页面显著地位给出原文链接，否则保留查究法律责任的权力。