vue3+ TypeScript后台管理系统

在用vue3+uni写完一个公司的移动端跨平台的项目后，TS也学完后，着手跟着coderwhy的视频讲解，跟着写了一个后台管理系统，当然不是简单的你说我写的模式，而是在结合ts相关知识点和老师讲的逻辑点进行写的（代码自己一个个的敲，没有command+c😄），如果知识照着超，那不写也罢。

整个项目以vite为构建工具，利用element-plusUI框架（一些主要的），并利用了Pinia的状态管理，vuerouter的路由，还有axios的三方网络请求这些官方的或者三方的进行项目的开发。

难点：

• 动态路由的添加：
  这个是根据接口数据返回的path进行动态的路由添加，保证登录用户有区别的进行菜单的分配，防止用户访问没有权限的菜单界面
• 菜单在网页刷新后的状态保存管理：
  这个要求界面在刷新时候能够保存刷新之前的菜单选中状态
  
  菜单默认选中 、刷新状态保存
• 通用界面（增删改查）的封装：
  这个难点是对通用文件的字段展示不能写死，而是根据配置文件进行UI的展示，逻辑的处理，数据请求
• 在通用界面的基础上，处理一些特殊的UI展示，逻辑的处理：
  这个难点是对通用的不同点的处理上
  
  通用界面的封装和不同点处理
• echarts的封装和配置数据
  这个要求对echarts的不同的图进行数据配置的处理上，需要熟悉接口数据转换为需求数据和对echarts的各项数据配置的理解上
  
  echats数据配置，网络数据转换

老师由于时间上的限制，在ts语言优势上，特别是类型方面，有所不足，很多状况下，是能不用类型就不用，基本能用any的就是any了。瑕不掩瑜，还是很优秀的。之所以提到这点，就是希望在真的写项目的时候，多多利用ts的类型，让项目更加健壮和安全。（当然，我在写的时候，弥补了这点缺憾）

总的来说，写了这个项目后，就掌握了大概的后台管理系统的架构以及功能点，在实际的项目开发上有了一定的经验和理解，能够在效率提升上大有提高。