本课程基于Vue3 + ElementPlus + Vite实战开发商城后台管理系统,其中包括Vite的使用,Vue3全新的<script setup>语法,vuex4、Vue-router4、使用ElementPlus库、多权限管理、商品多规格实现、订单发货、导出订单、图库模块、分销模块、分享海报以及部署服务器上线知识等。
Part1: 课程介绍
Part2: 创建vite项目和配置
Part3: 登录页开发和功能实现
Part4: 后台全局Layout布局开发
Part5: 后台主控台开发和交互
Part6: 图库模块开发
Part7: 公告模块开发
Part8: 管理员模块开发
Part9: 菜单权限模块开发
Part10: 角色模块开发
Part11: 商品规格管理开发
Part12: 优惠券模块开发
Part13: 商品模块开发
Part14: 商品分类模块开发
Part15: 会员和会员等级模块开发
Part16: 商品评论模块开发
Part17: 订单模块开发
Part18: 基础、物流和交易设置页开发
Part19: 分销模块开发
Part20: 部署服务器上线
Part1.课程介绍
01-课程介绍(买前必看)
Part2.创建vite项目和配置
01-创建vite项目并安装vscode插件
02-引入ElmentPlus和基本使用
03-引入windicss工具库和配置,安装代码提示
04-windicss/小案例和@apply简化代码
05-引入vue-router4
06-路由配置和404页面捕获
Part3.登录页开发和功能实现
01-登录页开发
02-登录页响应式处理
03-全局引入图标
04-结合@apply实现样式隔离
05-setup语法糖和组合式api
06-登录表单验证处理
07-引入axios请求库和登录接口交互
08-引入cookie存储用户token
09-请求拦截器和响应拦截器
10-常用工具库封装
11-引入vuex状态管理用户信息
12-全局路由拦截实现登录判断
13-登录功能完善
14-退出登录功能实现
15-全局loading进度条实现
16-动态页面标题实现
Part4.后台全局Layout布局开发
01-后台布局实现
02-公共头部开发-样式布局
03-公共头部开发-刷新和全屏
04-公共头部开发-修改密码
05-通用弹框表单组件封装(一)
06-通用弹框表单组件封装(二)
07-组合式api封装简化代码
08-侧边菜单开发-样式布局和路由跳转
09-展开和收起菜单功能实现
10-菜单选中和路由联动
11-菜单数据前后端交互
12–根据菜单动态添加路由
13-标签导航组件实现-样式布局
14-标签导航组件实现-同步路由和存储(一)
15-标签导航组件实现-同步路由和存储(二)
16-标签导航组件实现-关闭当前标签处理
17-标签导航组件实现-关闭其他全部标签功能
18-优化点击菜单加载速度
19-keep-alive页面缓存
20-transition全局过渡动画
Part5.后台主控台开发和交互
01-统计面板组件开发(一)
02-统计面板组件开发(二)-骨架屏优化体验
03-数字滚动动画实现
04-分类组件开发和跳转
05-echarts图表组件开发和交互(一)
06-echarts图表组件开发和交互(二)
07-店铺和交易提示组件开发和交互
08-v-permission指令按需权限控制(一)
09-v-permission指令按需权限控制(二)
Part6.图库模块开发
01-图库模块开发-布局实现(一)
02-图库模块开发-布局实现(二)
03-图库分类组件开发
04-图库分类列表分页实现(一)
05-图库分类列表分页实现(二)
06-新增图库分类表单实现
07-新增图库分类功能交互
08-修改图库分类功能交互
09-删除图库分类功能实现
10-图片列表分页功能交互
11-图片列表组件开发
12-重命名和删除功能交互
13-上传多图功能实现
Part7.公告模块开发
01-公告模块布局实现
02-公告列表分页交互
03-公告新增功能实现
04-公告删除和修改功能实现
Part8.管理员模块开发
01-管理员列表分页交互
02-搜索管理员功能实现
03-修改管理员状态功能实现
04-新增修改和删除管理员功能
05-全局选中图库组件开发(一)
06-全局选中图库组件开发(二)
07-组合式API特性封装-列表分页搜索
08-组合式API特性封装-新增修改
09-组合式API特性封装-修改状态和删除















