课程大纲介绍

项目效果展示

产品开发流程

项目搭建和自动访问

Vue及cli多版本切换

项目构建

elementUI全局和按需配置

CSS预处理器及样式重置

图标库安装使用

axios和路由安装使用

路由懒加载和异步组件

登录页简单验证

登录页进阶验证

登录校验封装及token封装

接口说明及Postman验证

axios二次封装

登录方法封装及404

Header和Footer组件

基础菜单和模块路由实现

菜单路由和面包屑

学生列表渲染api封装

表格数据转换

前端分页实现

学生列表删查重方法

信息列表页面实现

新增修改弹窗复用

新增修改api的封装

增删改查封装复用

表格数据方法的封装

后端分页方法

分页组件封装及复用

ECharts柱状图实现

ECharts折线图实现

ECharts基础地图绘制

地图区域样式设置

区域文字和立体设置

地图单点涟漪配置

地图多点散点图配置

地图单线图配置

地图单线路样式设置

散点线路图实现

网上地图资源获取

树形控件及路由权限分析

获取树形控件选中的值

路由导航守卫拦截验证

Vue项目打包nginx部署

nginx部署刷新404的问题

nginx项目部署500的问题

TS项目重构搭建

TS重构项目依赖安装

main.ts重构及报错处理

路由TS重构

api.ts重构

TS重构实现

登录页重构及总结

Vue3项目搭建

Vue3项目依赖安装

ElementPlus和axios全局使用

Vue3重构之代码迁移

Vue3重构报错解决

Vue3重构菜单组件

main.js重构完善

Vue3数据概览页setup重构

Vue3地图概览重构

Vue3旅游地图重构

项目实战小结