Vue3教程：Vue3+ElementPlus+Vite2的后台管理系统开源啦
之前发布过⼀篇⽂章，⽂中提到会开发并开源⼀个 Vue 3 + Element Plus 的项⽬供⼤家练⼿和学习，随后也⼀直有收到留⾔和反馈，问我什么时候开源之类的问题，今天终于可以通知⼤家，完成啦！  开源啦！
如果觉得我写得还⾏的话，请献上你宝贵的⼀赞 ，这将是我持续写作的动⼒！感谢⼤家啦。
vue3-admin 开源地址
所有的代码、⽂件全部都开源到 GitHub 仓库中，前后端代码全部都在仓库⾥。
并没有任何藏着掖着的⾏为，包括后端 API 接⼝的代码也全部开源，不会说缺少哪个页⾯或者某个重要功能，这种事情是不存在的，⼤家先看看⽂章和预览图，觉得不错的朋友可以继续了解⼀下这个项⽬。
当然，也希望感兴趣的朋友可以其中的问题，提⼀些 pr 或者 issue，让这个开源项⽬能够减少问题并且保持进步。
vue3-admin 在 GitHub 和国内的码云都创建了代码仓库，如果有⼈访问 GitHub ⽐较慢的话，建议在 Gitee 上查看该项⽬，两个仓库会保持同步更新。
vue3-admin 预览地址
本项⽬在⼀周之前已经部署到线上环境，在开源仓库⾥可以看到访问地址。
由于服务器的带宽并不是⾮常⼤，担⼼⼤家直接把服务器挤爆了，希望⼤家不要⼀起访问，哈哈哈哈。
测试过程和测试结果，感谢⼤家参与测试
测试过程⼤概⼤半个⽉吧，总共有三轮测试，前两轮都是⾃测，改了不少问题。后⾯是发了⼀篇⽂章介绍了这个项⽬，并且把项⽬的预览地址和测试账号密码公布出来，让⼤家⼀起点⼀点页⾯、测⼀测功能，还是有不少⼈参与到这个项⽬的测试环节的，在这⾥感谢⼀下⼤家啦。
下图是某个时间段内⽣成的登录token记录，就是每次有⼈登录系统都会⽣成这样⼀条记录，数据量还是挺⼤的。
汇总了⽹站上线第⼀周的 token 产⽣数据情况，如下图所⽰：
通过这个数据可以⼤致的推算出⼀些结果，每天⼤概有 200 ~ 300 ⼈登录并测试了 这个项⽬。不过，反馈过来的问题不是很多，bug 也没有，可能⼤家测试的也不是很深⼊，后续⼤家实际的运⾏代码和详细的体验后，应该会有更多问题出现，期待⼤家的反馈。
测试过程中哭笑不得的⼀件事
也有⼀个很⽓的事情，这个事情我之前提过很多次，真的是很哭笑不得。
我做了不少开源项⽬，这些项⽬也都会把预览地址放出来给⼤家⽤，让⼤家可以提前体验功能，我这个想法是很为⼤家考虑的，但是总有些⼈⽐较怪，做⼀些怪事情。最经典的⼀件事情就是删数据，本来满满登登的测试数据，全给我删咯，⽐如这次 预览⽹站中的轮播图数据、
分类数据，刚把预览地址发出去半天时间，数据就没了，页⾯效果如下图所⽰：
然后我⼜去恢复，然后商品数据、订单数据、⽤户数据为什么没被删呢？因为这些模块⾥我没放删除按钮，但是第⼀页的订单数据也给我关闭了、第⼀页的商品数据也给我下架了、第⼀页的⽤户数据也给我禁⽤了，我后⾯时不时的去恢复⼀下这些数据。
这个事情呢，说实在的，从我 2017 年做第⼀个开源项⽬就存在，但是也没法解决，不放预览地址吧，影响⼤家的体验，但是放上去吧，总有些⼆货删掉全部数据或者改测试账号的密码让别⼈没法测。这⾥呢，还是希望各位⾃觉⼀点，可以测试删除功能，但是你别全删了，或者说你删完之后加⼏条数据也⾏啊。
主要技术栈
项⽬的技术栈选择如下：
主要技术栈为 Vue 3.0 和 Element Plus，Vue 3.0 正式版本已上线半年有余，之后⼜看到 @iamkun ⼤佬发了⼀篇⽂章，⽂章中有提到Element Plus 正式发版，就想着⽤它来重构之前写的⼀个后台管理系统，然后⼜尝试了⼀下 Vite 2.0，算是尝鲜吧。
vue3-admin项⽬预览图
预览图如下：
登录页
轮播图管理
分类管理
商品列表vue element 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 开源地址：
除注明转载/出处外，皆为作者原创，欢迎转载，但未经作者同意必须保留此段声明，且在⽂章页⾯明显位置给出原⽂链接，否则保留追究法律责任的权利。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。