Vue3教程：开发一个Vue3+elementplus的后台管理系统

最近在开发一个 Vue 3.0 + element-plus 练手项目，后面测试完成后，会把代码全部开源。

最近在开发一个 Vue 3.0 + element-plus 练手项目，后面测试完成后，会把代码全部开源，部分页面的预览图如下：

本来是这周一发的文章，但是博客园当时在维护，所以今天才发布。

被最初的自己感动

本来不想写这些话的，翻文章的时候翻到了几年前写的一篇旧文，里面记录了我为什么做开源项目，忽然被那时的自己感动了，于是有了下面这些话，希望大家看一看。

写了几年的博客，也做了不少开源项目，最令我感动的不是“牛逼”、“厉害”、“大佬”这样的评价，因为我不牛逼，我也不是大佬，我更喜欢大家说自己懂了、明白了、学到了，或者有人因为这些项目解决了缺少练手项目的问题，甚至因为这些实战项目找到了工作、完成了课程作业，这些都让我觉得我尽力了，奉献了自己微小的力量帮助别人。

5 年前，我做第一个开源项目的时候，在博客园的一篇文章里就写过下面这段话：

在博客里我会分享代码和自己解决问题的方式和方法，也会把项目部署好给大家一个直观的感受，如果不满意的话就不用继续浪费时间去看了，如果觉得还可以，就继续读下去，至于我为什么写了博客，还要公开代码，还要部署上去，是因为我也是从新手过来的，我知道那种想要学习却无能为力而不知所措的感觉，因为知识面不广，因为没有方向而深深的迷茫和懊恼，这些我都体验过的，所以我会把能做的都做了，也算是弥补当时自己知识面的空洞的遗憾吧，唉，如果当时。

这就是我做开源项目的原因，因为我也是从新手过来的，我那时候自学 Java，能上手的实战项目可太少太少了，想要找练习的 demo 都找不到，十分的煎熬。当我有能力做这件事的时候，我就要认真去做，页面要做的漂亮，功能要做的完整，代码要全部开源，而不是去学一些垃圾项目，或者去贴吧、论坛、网盘、QQ群里，去求别人分享一个练手的项目。

你们知道，这样做的时候，一个人的头可以有多低吗？

我是知道的。

所以我才做了这些开源项目，技术栈从 SSM 到 Spring Boot，再从 Spring Boot 到 Vue，项目从最初的一个登录功能，到各种练手项目，简易的后台管理系统、资讯管理系统、博客项目、商城项目、前后端分离项目，代码全部开源出来供大家学习。你看，一开始可能没什么，但是你坚持个 5 年，坚持和积累的作用就显现出来了。

虽然有时候也被人骂，想想也是挺可笑的。但是今后我依然会走在这条路上，我不是一个大佬，我也没有多高的技术能力，但是我依然会努力，做更多的开源项目造福社区，我的文章和开源项目最大的作用就是陪大家在技术道路上走上一段路，哪怕不能陪伴你太久，因为你技术能力高了之后，会越来越看不上这些练手项目。

不过，我依然感谢大家让我陪你们走过这段路。

项目开发背景

言归正传，说说最新的这个项目吧。

Vue 3.0 正式版本已上线半年有余，之前在我的专栏里也为大家阐述过一篇关于 Vue 3.0 的文章，Vue 3.0 来了，我们该做些什么？。在当时看来，Vue 3.0 的周边生态，还不算健全，如路由插件 Vue-Router、状态管理插件 Vuex、各大组件库的 Vue 3.0 版本等等，都还处以 beta 版本，甚至有些组件库都还没有更新，这让广大 Vue 使用者们很难去将自己的项目平稳的迁移至 Vue 3.0。

随着时间的推移，Vue 的周边插件开始升级为正式版，几大知名的 UI 组件库也都度过的阵痛期，纷纷推出了 Vue 3.0 版本，如 Element-Plus、Ant Design of Vue、Vant 等等，都是业界比较知名的 UI 组件库，它们作为先驱，为 Vue 生态作出的贡献有目共睹，在此也希望大家能一起为 Vue 的生态添砖加瓦。

这半年来，我也一直在学习和分享 Vue3 的知识点，比如发布一些 Vue3 的教程：

我也一直在学习和分享 Vue3 的知识点，过程中也写了一些 Vue3 的教程：