业余时间,花了半个多月,用尽毕生所学,vue3.2+ts+elementPlus+vite4+pinia搭建了个纯前端的后台管理系统。
高手轻喷,我知道轮子很多了,我做这个,第一,是累积项目经验,第一次写ts项目,很多不会的地方直接都是any。第二嘛,就是自己写的轮子,二开起来比较方便,毕竟项目结构,开发文档啥的就在我的脑子里,轻车熟路
gitee仓库源码 https://gitee.com/chenguangan/vue3.2.ts.vite4
有登录,修改密码,产品列表,产品类型,产品编辑,一个企业站点后台管理的基础模块,都有了,后续想到什么,再继续完善吧
整合了如下功能:
1、多语言切换
2、主题色更换
3、路由过度动画
4、暗黑模式
5、图片管理组件
6、图片拖拽排序
7、引入了百度富文本编辑器
8、改造了百度富文本编辑器的图片上传功能
9、富文本,增加了模板功能
10、标签导航栏切换菜单功能
目前就这样吧,预计接下来做移动端的适配,首页再优化优化...
![](https://i-blog.csdnimg.cn/blog_migrate/515a53d061aedccdfb7322d07e209196.png)
![](https://i-blog.csdnimg.cn/blog_migrate/f19c80b47d5773b4200d39435eb687c3.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/3802d5098f56fb1dd9eef179a55f7a5b.png)
![](https://i-blog.csdnimg.cn/blog_migrate/294e3fc395fa26f4bc512f99a88a7023.png)
![](https://i-blog.csdnimg.cn/blog_migrate/3c81ac73d7f9574527899bb08e326cb8.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/55cddde34d8d41a07e1fc6d6a241fe63.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/081e52e6b12713e368ea0a2872415410.png)
![](https://i-blog.csdnimg.cn/blog_migrate/02d6b73b7eca65808cd96dc936984ea2.png)