项目介绍
项目名称:基于Vue3&Ts开发的后台管理系统
开发人员:呆头鸭
更新日期:2022年5月7日
项目地址:基于Vue3&Ts开发的后台管理系统)
有任何疑问请联系
请勿商用
功能介绍
①后台不同权限管理员的账号登陆
②不同权限管理员展示不同菜单列表(动态权限菜单)
③数据可视化展示,利用了
Echarts
及countup
对展示数据进行可视化处理④正常后台系统的增删改查功能
项目技术栈
Vue3.2
&&VueX
&&Vue-Router
&&TypeScript
&&Element Plus
&&Echarts
&&Axios
项目特色
①菜单部分用的动态路由注册技术,展现效果为不同权限用户会展现不同的菜单
②全部代码采用均采用
TypeScript
代码进行类型限制,包括Vuex
、Axios
等③
Form
表单部分与Table
表格部分均对Element Plus
进行了二次封装,通过传入配置项即可生成表单④网络请求部分均用
Vuex
统一管理,公共部分放置根模块,单独部分放对应子模块⑤每个页面的增删改查主要逻辑均抽成hook,增强组件复用性
⑥项目搭建使用
集成 editorconfig 配置
—prettier 工具
—ESLint 检测
—git Husky 和 eslint
注:
editorconfig
(有助于为不同 IDE
编辑器上处理同一项目的多个开发人员维护一致的编码风格。)
prettier
(代码格式化工具)
ESLint
(代码规范检测工具)
git Husky 和 eslint
(执行 git commit
命令的时候对代码进行eslint
校验并修复)