一共90多个课时 录制时间是2025年## 第一大章 项目初始化与基础配置1. 项目工程化搭建规范（基础结构、文件目录设计）2. Vue3 + TS 项目路由配置（基础路由、@src 路径别名···
一共90多个课时 录制时间是2025年
## 第一大章 项目初始化与基础配置
1. 项目工程化搭建规范（基础结构、文件目录设计）
2. Vue3 + TS 项目路由配置（基础路由、@src 路径别名配置及 TS 报错解决）
3. 项目目录划分原则与核心文件作用
## 第二大章 登录模块与权限基础
1. 登录界面静态组件开发（布局、表单结构设计）
2. 基于 TS 的 Axios 二次封装（请求/响应拦截器配置）
3. 接口 API 统一管理方案
4. Pinia 实现登录状态管理（token 存储、用户信息维护）
5. 导航守卫的应用（路由权限控制、未登录拦截）
6. useRouter 常见使用误区规避
## 第三大章 主页面布局与导航功能
1. 主页面整体布局设计（侧边栏、头部、内容区划分）
2. 侧边菜单动态生成（递归处理路由数据实现多级菜单）
3. 页面级权限控制的两种实现方案
4. 快捷页签导航核心逻辑（Pinia 维护标签页、标签页联动与刷新优化）
5. 组件间通信技巧（解决弹窗开关等交互需求）
## 第四大章 数据可视化模块
1. ECharts 与 Vue3 结合使用（图表渲染、配置项解读）
2. 窗口自适应方案（resize 事件处理图表适配）
3. 组合式函数封装（useChart 抽离图表通用逻辑）
4. 异步数据渲染图表（解决接口请求异步问题）
5. 常见图表配置（电量统计、饼状图、雷达图实现）
6. 营收统计、故障报警模块核心功能开发
## 第五大章 核心业务模块开发
1. 充电站监控模块（表格查询、分页功能、表单组件封装复用）
2. 充电桩管理模块（模糊查询、类别筛选、watch 监听优化查询）
3. 订单管理模块（自定义 Hooks 封装通用表格、批量操作、KeepAlive 条件缓存）
4. 计费管理模块（树形控件渲染、动态表单开发、表单验证）
5. 地图集成（高德地图 API 调用、标记点添加与信息窗体实现）
6. 数据导出功能（Excel 导出实现与插件二次封装）
## 第六大章 系统功能与权限进阶
1. 富文本编辑器（TinyMCE）集成与内容导出
2. 权限管理体系（递归闭包处理权限菜单、按钮级权限控制）
3. 自定义指令封装（实现按钮权限的便捷控制）
4. 个人中心模块开发（用户信息展示与修改）
5. 组件二次封装技巧（分步表单封装与优化）
## 第七大章 项目部署与上线
1. Vite 环境变量配置（区分开发/生产环境）
2. 项目打包流程与常见报错解决
3. 阿里云服务器部署步骤
4. Nginx 配置（解决页面刷新 404 问题）
