Vite+Vue3+ElementPlus+Pinia+ES6
Vue后台管理系统
- [免费] 1.课程简介
- [免费] 2.基于Vite创建Vue3项目
- [免费] 3.规划目录结构 - 可扩展
- [免费] 4.配置环境变量
- [免费] 5.安装和配置路由 Vue Router
- [免费] 6.配置路径别名@和VSCode路径提示
- [免费] 7.安装和配置ElementPlus
- [免费] 8.安装 Pinia 和 持久化存储插件
- [免费] 9.DR-API_v2.1 接口调试工具使用指南
- 10.登录页面 - 布局
- 11.登录校验
- 12.安装 axios 、调用登录接口
- 13.解码jwt生成的token
- 14.使用 pinia 存储数据 和 跳转至后台
- 15.Vue Router 身份验证 - 页面拦截
- 16.后台页面布局和重定向至后台首页
- 17.侧边栏和封装侧边栏组件
- 18.Header 组件 - 封装
- 19.显示登录用户和退出登录
- 20.校验登录状态是否过期
- 21.管理员列表页面布局和重写ElementPlus默认样式
- 22.封装axios和调用管理员列表接口
- 23.添加管理员页面 - 布局
- 24.添加管理员 - 接口
- 25.删除管理员 - async、await 实践
- 26.编辑管理员 - 路由传参
- 27.类别列表页面 - 布局
- 28.基于 axios 封装 api
- 29.类别列表 - api
- 30.删除类别 - api
- 31.a标签 替换为 router-link
- 32.生命周期函数 onUpdated 实践
- 33.自动侦听器 watchEffect 替换生命周期函数
- 34.封装添加类别组件 - 弹出层
- 35.添加类别 - 跨组件通信(依赖注入)
- 36.编辑类别 - 跨组件通信(依赖注入)
- 37.文章列表页面 - 布局
- 38.文章列表 - 分页
- 39.删除文章
- 40.添加文章页面 - 布局
- 41.添加文章 - api
- 42.增加富文本编辑器 wangEditor
- 43.配置 wangEditor 工具栏和上传图片 - 代码拆分
- 44.上传缩略图
- 45.编辑文章
- 46.导航列表页面 - 布局
- 47.导航列表 - api
- 48.添加导航 - 使用 pinia 传递数据
- 49.编辑导航 - 使用 pinia 传递数据
- 50.删除导航
- 51.动态渲染侧边栏 - api
- 52.项目打包并部署至 nginx
- 53.课程源码下载
- 状态: 已完结
- 课程价格: 158 元
- 课时数量: 52 节课