本季度基于Vue3 + ElementPlus + Vite实战开发商城后台管理系统，其中包括Vite的使用，Vue3全新的 <script setup> 语法，vuex4、Vue-router4、使用ElementPlus 库、多权限管理、商品多规格实现、订单发货、导出订单、图库模块、分销模块、分享海报以及部署服务器上线知识等。

【课程演示】
课程演示地址：http://shopadmin.dishawang.com
账号：admin  密码：admin

【常见问题】
问题1：老师，这门课有涉及 Typescript 吗？
回答：靓仔，这门课没有加ts哦，主要是考虑到小白，打算下一门vue3的实战新课再加入

问题2：老师，这门课有讲后端开发吗？
回答：靓仔，只讲前端和前后端交互，不过会提供线上api接口和接口文档，另外 后端api源码 等课程完结之后也会共享到群文件中，同时也会提供后端api接口源码的部署教程。

课程目录

<3、Vue3实战商城后台管理系统开发>
├<01.课程介绍>
│ └[1.1]–课程介绍（买前必看）.mp4
├<02.创建vite项目和配置>
│ ├[2.1]–创建vite项目并安装vscode插件.mp4
│ ├[2.2]–引入ElmentPlus和基本使用.mp4
│ ├[2.3]–引入windicss工具库和配置，安装代码提示.mp4
│ ├[2.4]–windicss小案例和@apply简化代码.mp4
│ ├[2.5]–引入vue-router4.mp4
│ └[2.6]–路由配置和404页面捕获.mp4
├<03.登录页开发和功能实现>
│ ├[3.1]–登录页开发.mp4
│ ├[3.10]–常用工具库封装.mp4
│ ├[3.11]–引入vuex状态管理用户信息.mp4
│ ├[3.12]–全局路由拦截实现登录判断.mp4
│ ├[3.13]–登录功能完善.mp4
│ ├[3.14]–退出登录功能实现.mp4
│ ├[3.15]–全局loading进度条实现.mp4
│ ├[3.16]–动态页面标题实现.mp4
│ ├[3.2]–登录页响应式处理.mp4
│ ├[3.3]–全局引入图标.mp4
│ ├[3.4]–结合@apply实现样式抽离.mp4
│ ├[3.5]–setup语法糖和组合式api.mp4
│ ├[3.6]–登录表单验证处理.mp4
│ ├[3.7]–引入axios请求库和登录接口交互.mp4
│ ├[3.8]–引入cookie存储用户token.mp4
│ └[3.9]–请求拦截器和响应拦截器.mp4
├<04.后台全局Layout布局开发>
│ ├[4.1]–后台主布局实现.mp4
│ ├[4.10]–菜单选中和路由关联.mp4
│ ├[4.11]–菜单数据前后端交互.mp4
│ ├[4.12]–根据菜单动态添加路由.mp4
│ ├[4.13]–标签导航组件实现-样式布局.mp4
│ ├[4.14]–标签导航组件实现-同步路由和存储（一）.mp4
│ ├[4.15]–标签导航组件实现-同步路由和存储（二）.mp4
│ ├[4.16]–标签导航组件实现-关闭当前标签处理.mp4
│ ├[4.17]–标签导航组件实现-关闭其他全部标签功能.mp4
│ ├[4.18]–优化点击菜单加载速度.mp4
│ ├[4.19]–keep-alive页面缓存.mp4
│ ├[4.2]–公共头部开发-样式布局.mp4
│ ├[4.20]–transition全局过渡动画.mp4
│ ├[4.3]–公共头部开发-刷新和全屏.mp4
│ ├[4.4]–公共头部开发-修改密码.mp4
│ ├[4.5]–通用弹框表单组件封装（一）.mp4
│ ├[4.6]–通用弹框表单组件封装（二）.mp4
│ ├[4.7]–组合式api封装简化代码.mp4
│ ├[4.8]–侧边菜单开发-样式布局和路由跳转.mp4
│ └[4.9]–展开和收起菜单功能实现.mp4
├<05.后台主控台开发和交互>
│ ├[5.1]–统计面板组件开发（一）.mp4
│ ├[5.2]–统计面板组件开发（二）-骨架屏优化体验.mp4
│ ├[5.3]–数字滚动动画实现.mp4
│ ├[5.4]–分类组件开发和跳转.mp4
│ ├[5.5]–echarts图表组件开发和交互（一）.mp4
│ ├[5.6]–echarts图表组件开发和交互（二）.mp4
│ ├[5.7]–店铺和交易提示组件开发和交互.mp4
│ ├[5.8]–v-permission指令按钮级权限控制（一）.mp4
│ └[5.9]–v-permission指令按钮级权限控制（二）.mp4
├<06.图库模块开发>
│ ├[6.1]–图库模块开发-布局实现（一）.mp4
│ ├[6.10]–图片列表分页功能交互.mp4
│ ├[6.11]–图片列表组件开发.mp4
│ ├[6.12]–重命名和删除功能交互.mp4
│ ├[6.13]–上传多图功能实现.mp4
│ ├[6.2]–图库模块开发-布局实现（二）.mp4
│ ├[6.3]–图库分类组件开发.mp4
│ ├[6.4]–图库分类列表分页实现（一）.mp4
│ ├[6.5]–图库分类列表分页实现（二）.mp4
│ ├[6.6]–新增图库分类表单实现.mp4
│ ├[6.7]–新增图库分类功能交互.mp4
│ ├[6.8]–修改图库分类功能交互.mp4
│ └[6.9]–删除图库分类功能实现.mp4
├<07.公告模块开发>
│ ├[7.1]–公告模块布局实现.mp4
│ ├[7.2]–公告列表分页交互.mp4
│ ├[7.3]–公告新增功能实现.mp4
│ └[7.4]–公告删除和修改功能实现.mp4
├<08.管理员模块开发>
│ ├[8.1]–管理员列表分页交互.mp4
│ ├[8.2]–搜索管理员功能实现.mp4
│ ├[8.3]–修改管理员状态功能实现.mp4
│ ├[8.4]–新增修改和删除管理员功能.mp4
│ ├[8.5]–全局选中图库组件开发（一）.mp4
│ ├[8.6]–全局选中图库组件开发（二）.mp4
│ ├[8.7]–组合式API特姓封装-列表分页搜索.mp4
│ ├[8.8]–组合式API特姓封装-新增修改.mp4
│ └[8.9]–组合式API特姓封装-修改状态和删除.mp4
├<09.菜单权限模块开发>
│ ├[9.1]–菜单权限列表实现.mp4
│ ├[9.2]–树形控件自定义节点渲染.mp4
│ ├[9.3]–修复标签导航和菜单联动问题.mp4
│ ├[9.4]–新增和修改菜单权限功能（一）.mp4
│ ├[9.5]–新增和修改菜单权限功能（二）.mp4
│ ├[9.6]–自定义图标下拉选择组件.mp4
│ └[9.7]–修改菜单权限状态和删除功能.mp4
├<10.角涩模块开发>
│ ├[10.1]–复用代码快速实现角涩模块开发.mp4
│ ├[10.2]–配置权限表单-虚拟化树形控件.mp4
│ ├[10.3]–配置权限表单-默认选中渲染.mp4
│ └[10.4]–配置权限功能实现.mp4
├<11.商品规格管理开发>
│ ├[11.1]–商品规格模块-复用代码快速实现.mp4
│ ├[11.2]–TagInput组件封装.mp4
│ ├[11.3]–多选和批量删除规格实现.mp4
│ └[11.4]–组合式API特姓封装-批量删除功能.mp4
├<12.优惠券模块开发>
│ ├[12.1]–优惠券模块-复用代码快速实现.mp4
│ ├[12.2]–优惠券模块-优化列表展示.mp4
│ ├[12.3]–优惠券模块-新增修改功能实现.mp4
│ └[12.4]–优惠券模块-失效优惠券功能实现.mp4
├<13.商品模块开发>
│ ├[13.1]–商品模块-复用代码实现.mp4
│ ├[13.10]–设置商品轮播图功能（二）.mp4
│ ├[13.11]–设置商品轮播图功能（三）.mp4
│ ├[13.12]–设置商品轮播图功能（四）.mp4
│ ├[13.13]–引入tinymce富文本编辑器.mp4
│ ├[13.14]–修改商品详情功能实现.mp4
│ ├[13.15]–富文本编辑器选择图片功能（1）.mp4
│ ├[13.16]–富文本编辑器选择图片功能（2）.mp4
│ ├[13.17]–设置单规格功能实现.mp4
│ ├[13.18]–多SKU规格功能-规格选项（1）.mp4
│ ├[13.19]–多SKU规格功能-规格选项（2）.mp4
│ ├[13.2]–商品模块-Tabs标签页开发.mp4
│ ├[13.20]–多SKU规格功能-添加规格选项.mp4
│ ├[13.21]–多SKU规格功能-修改规格选项.mp4
│ ├[13.22]–多SKU规格功能-删除规格选项.mp4
│ ├[13.23]–多SKU规格功能-排序规格选项（1）.mp4
│ ├[13.24]–多SKU规格功能-排序规格选项（2）.mp4
│ ├[13.25]–多SKU规格列表-渲染选项的值.mp4
│ ├[13.26]–添加规格选项的值功能实现.mp4
│ ├[13.27]–修改规格选项的值功能实现.mp4
│ ├[13.28]–删除规格选项的值功能实现.mp4
│ ├[13.29]–规格选择弹框组件实现（1）.mp4
│ ├[13.3]–自定义表格商品列表样式（一）.mp4
│ ├[13.30]–规格选择弹框组件实现（2）.mp4
│ ├[13.31]–规格选择弹框组件实现（3）.mp4
│ ├[13.32]–规格选择弹框组件实现（4）.mp4
│ ├[13.33]–规格表格联动（1）.mp4
│ ├[13.34]–规格表格联动（2）.mp4
│ ├[13.35]–规格表格联动（3）.mp4
│ ├[13.36]–规格表格联动（4）.mp4
│ ├[13.37]–规格表格联动（5）.mp4
│ ├[13.38]–恢复回收站商品功能.mp4
│ ├[13.39]–彻底删除回收站商品功能.mp4
│ ├[13.4]–自定义表格商品列表样式（二）.mp4
│ ├[13.5]–高级搜索功能实现.mp4
│ ├[13.6]–封装搜索表单组件.mp4
│ ├[13.7]–新增修改商品功能实现.mp4
│ ├[13.8]–批量上架下架功能实现..mp4
│ └[13.9]–设置商品轮播图功能（一）.mp4
├<14.商品分类模块开发>
│ ├[14.1]–商品分类模块开发（一）.mp4
│ ├[14.2]–商品分类模块开发（二）.mp4
│ ├[14.3]–推荐商品功能实现-样式布局.mp4
│ ├[14.4]–推荐商品功能实现-删除关联.mp4
│ ├[14.5]–选择商品弹框组件（1）.mp4
│ └[14.6]–选择商品弹框组件（2）.mp4
├<15.会员和会员等级模块开发>
│ ├[15.1]–会员等级模块开发（1）.mp4
│ ├[15.2]–会员等级模块开发（2）.mp4
│ ├[15.3]–会员模块开发（1）.mp4
│ └[15.4]–会员模块开发（2）.mp4
├<16.商品评模块开发>
│ ├[16.1]–商品评模块开发（一）.mp4
│ ├[16.2]–商品评模块开发（二）.mp4
│ ├[16.3]–用户评价渲染.mp4
│ ├[16.4]–回复用户评价功能（一）.mp4
│ └[16.5]–回复用户评价功能（二）.mp4
├<17.订单模块开发>
│ ├[17.1]–订单模块-复用代码快速实现.mp4
│ ├[17.10]–同意拒绝退款功能实现.mp4
│ ├[17.2]–自定义订单列表样式.mp4
│ ├[17.3]–订单模块-高级搜索功能实现.mp4
│ ├[17.4]–导出订单功能（1）-表单样式.mp4
│ ├[17.5]–导出订单功能（2）-功能实现.mp4
│ ├[17.6]–查看订单详情功能实现（一）.mp4
│ ├[17.7]–查看订单详情功能实现（二）.mp4
│ ├[17.8]–查看物流信息功能实现（一）.mp4
│ └[17.9]–查看物流信息功能实现（二）.mp4
├<18.基础、物流和交易设置页开发>
│ ├[18.1]–基础设置功能开发（一）.mp4
│ ├[18.2]–基础设置功能开发（二）.mp4
│ ├[18.3]–物流和交易设置开发（1）.mp4
│ ├[18.4]–物流和交易设置开发（2）.mp4
│ └[18.5]–物流和交易设置开发（3）.mp4
├<19.分销模块开发>
│ ├[19.1]–分销员管理开发（一）-统计.mp4
│ ├[19.2]–分销员管理开发（二）.mp4
│ ├[19.3]–分销员管理开发（三）.mp4
│ └[19.4]–分销设置页开发.mp4
├<20.部署服务器上线>
│ ├[20.1]–部署前环境搭建.mp4
│ ├[20.2]–域名购买和解析.mp4
│ └[20.3]–前端打包上线部署.mp4
├<课件资料>
│ ├tinymce富文本编辑器引入.zip
│ ├后端api源码【仅供参考】.zip
│ ├课时10.全局引入图标.zip
│ ├课时100.自定义表格商品列表样式（一）.zip
│ ├课时101.自定义表格商品列表样式（二）.zip
│ ├课时102.高级搜索功能实现.zip
│ ├课时103.封装搜索表单组件.zip
│ ├课时104.新增修改商品功能实现.zip
│ ├课时105.批量上架下架功能实现.zip
│ ├课时106.设置商品轮播图功能（一）.zip
│ ├课时107.设置商品轮播图功能（二）.zip
│ ├课时108.设置商品轮播图功能（三）.zip
│ ├课时109.设置商品轮播图功能（四）.zip
│ ├课时11.结合@apply实现样式抽离.zip
│ ├课时110.引入tinymce富文本编辑器.zip
│ ├课时111.修改商品详情功能实现.zip
│ ├课时112.富文本编辑器选择图片功能（1）.zip
│ ├课时113.富文本编辑器选择图片功能（2）.zip
│ ├课时114.设置单规格功能实现.zip
│ ├课时115.多SKU规格功能-规格选项（1）.zip
│ ├课时116.多SKU规格功能-规格选项（2）.zip
│ ├课时117.多SKU规格功能-添加规格选项.zip
│ ├课时118.多SKU规格功能-修改规格选项.zip
│ ├课时119.多SKU规格功能-删除规格选项.zip
│ ├课时12.setup语法糖和组合式api.zip
│ ├课时120.多SKU规格功能-排序规格选项（1）.zip
│ ├课时121.多SKU规格功能-排序规格选项（2）.zip
│ ├课时122.多SKU规格列表-渲染选项的值.zip
│ ├课时123.添加规格选项的值功能实现.zip
│ ├课时124.修改规格选项的值功能实现.zip
│ ├课时125.删除规格选项的值功能实现.zip
│ ├课时126.规格选择弹框组件实现（1）.zip
│ ├课时127.规格选择弹框组件实现（2）.zip
│ ├课时128.规格选择弹框组件实现（3）.zip
│ ├课时129规格选择弹框组件实现（4）.zip
│ ├课时13.登录表单验证处理.zip
│ ├课时130.规格表格联动（1）.zip
│ ├课时131.规格表格联动（2）.zip
│ ├课时132.规格表格联动（3）.zip
│ ├课时133.规格表格联动（4）.zip
│ ├课时134.规格表格联动（5）.zip
│ ├课时135.恢复回收站商品功能.zip
│ ├课时136.彻底删除回收站商品功能.zip
│ ├课时137.商品分类模块开发（一）.zip
│ ├课时138.商品分类模块开发（二）.zip
│ ├课时139.推荐商品功能实现-样式布局.zip
│ ├课时14.引入axios请求库和登录接口交互.zip
│ ├课时140.推荐商品功能实现-删除关联.zip
│ ├课时141.选择商品弹框组件（1）.zip
│ ├课时142.选择商品弹框组件（2）.zip
│ ├课时143.会员等级模块开发（1）.zip
│ ├课时144.会员等级模块开发（2）.zip
│ ├课时145.会员模块开发（1）.zip
│ ├课时146.会员模块开发（2）.zip
│ ├课时147.商品评模块开发（一）.zip
│ ├课时148.商品评模块开发（二）.zip
│ ├课时149.用户评价渲染.zip
│ ├课时15.引入cookie存储用户token.zip
│ ├课时150.回复用户评价功能（一）.zip
│ ├课时151.回复用户评价功能（二）.zip
│ ├课时152.订单模块-复用代码快速实现.zip
│ ├课时153.自定义订单列表样式.zip
│ ├课时154.订单模块-高级搜索功能实现.zip
│ ├课时155.导出订单功能（1）-表单样式.zip
│ ├课时156.导出订单功能（2）-功能实现.zip
│ ├课时157.查看订单详情功能实现（一）.zip
│ ├课时158.查看订单详情功能实现（二）.zip
│ ├课时159.查看物流信息功能实现（一）.zip
│ ├课时16.请求拦截器和响应拦截器.zip
│ ├课时160.查看物流信息功能实现（二）.zip
│ ├课时161.同意拒绝退款功能实现.zip
│ ├课时162.基础设置功能开发（一）.zip
│ ├课时163.基础设置功能开发（二）.zip
│ ├课时164.物流和交易设置开发（1）.zip
│ ├课时165.物流和交易设置开发（2）.zip
│ ├课时166.物流和交易设置开发（3）.zip
│ ├课时167.分销员管理开发（一）-统计.zip
│ ├课时168.分销员管理开发（二）.zip
│ ├课时169.分销员管理开发（三）.zip
│ ├课时17.常用工具库封装.zip
│ ├课时170.分销设置页开发.zip
│ ├课时18.引入vuex状态管理用户信息.zip
│ ├课时19.全局路由拦截实现登录判断.zip
│ ├课时2.创建vite项目并安装vscode插件.zip
│ ├课时20.登录功能完善.zip
│ ├课时21.退出登录功能实现.zip
│ ├课时22.全局loading进度条实现.zip
│ ├课时23.动态页面标题实现.zip
│ ├课时24.后台主布局实现.zip
│ ├课时25.公共头部开发-样式布局.zip
│ ├课时26.公共头部开发-刷新和全屏功能.zip
│ ├课时27.公共头部开发-修改密码.zip
│ ├课时28.通用弹框表单组件封装（一）.zip
│ ├课时29.通用弹框表单组件封装（二）.zip
│ ├课时3.引入ElementPlus和基本使用.zip
│ ├课时30.组合式api封装简化代码.zip
│ ├课时31.侧边菜单开发-样式布局和路由跳转.zip
│ ├课时32.展开和收起菜单功能实现.zip
│ ├课时33.菜单选中和路由关联.zip
│ ├课时34.菜单数据前后端交互.zip
│ ├课时35.根据菜单动态添加路由.zip
│ ├课时36.标签导航组件实现-样式布局.zip
│ ├课时37.标签导航组件实现-同步路由和存储（一）.zip
│ ├课时38.标签导航组件实现-同步路由和存储（二）.zip
│ ├课时39.标签导航组件实现-关闭当前标签处理.zip
│ ├课时4.引入windicss工具库和配置，安装代码提示.zip
│ ├课时40.标签导航组件实现-关闭其他标签功能.zip
│ ├课时41.优化点击菜单加载速度.zip
│ ├课时42.keep-alive页面缓存.zip
│ ├课时43.transition全局过渡动画.zip
│ ├课时44.统计面板组件开发（一）.zip
│ ├课时45.统计面板组件开发（二）-骨架屏优化体验.zip
│ ├课时46.数字滚动动画实现.zip
│ ├课时47.分类组件开发和跳转.zip
│ ├课时48.echarts图表组件开发和交互（一）.zip
│ ├课时49.echarts图表组件开发和交互（二）.zip
│ ├课时5.windicss小案例和@apply简化代码.zip
│ ├课时50.店铺和交易提示组件开发和交互.zip
│ ├课时51.v-permission指令按钮级权限控制（一）.zip
│ ├课时52.v-permission指令按钮级权限控制（二）.zip
│ ├课时53.图库模块开发-布局实现（一）.zip
│ ├课时54.图库模块开发-布局实现（二）.zip
│ ├课时55.图库分类组件开发.zip
│ ├课时56.图库分类列表分页实现（一）.zip
│ ├课时57.图库分类列表分页实现（二）.zip
│ ├课时58.新增图库分类表单实现.zip
│ ├课时59.新增图库分类功能交互.zip
│ ├课时6.引入vue-router4.zip
│ ├课时60.修改图库分类功能交互.zip
│ ├课时61.删除图库分类功能实现.zip
│ ├课时62.图片列表分页功能交互.zip
│ ├课时63.图片列表组件开发 (1).zip
│ ├课时63.图片列表组件开发.zip
│ ├课时64.重命名和删除功能交互.zip
│ ├课时65.上传多图功能实现.zip
│ ├课时66.公告模块布局实现.zip
│ ├课时67.公告列表分页交互.zip
│ ├课时68.公告新增功能实现.zip
│ ├课时69.公告删除和修改功能实现.zip
│ ├课时7.路由配置和404页面捕获.zip
│ ├课时70.管理员列表分页交互.zip
│ ├课时71.搜索管理员功能实现.zip
│ ├课时72.修改管理员状态功能实现.zip
│ ├课时73.新增修改和删除管理员功能.zip
│ ├课时74.全局选中图库组件开发（一）.zip
│ ├课时75.全局选中图库组件开发（二）.zip
│ ├课时76.组合式API特姓封装-列表分页搜索.zip
│ ├课时77.组合式API特姓封装-新增修改.zip
│ ├课时78.组合式API特姓封装-修改状态和删除.zip
│ ├课时79.菜单权限列表实现.zip
│ ├课时8.登录页开发.zip
│ ├课时80.树形控件自定义节点渲染.zip
│ ├课时81.修复标签导航和菜单联动问题.zip
│ ├课时82.新增和修改菜单权限功能（一）.zip
│ ├课时83.新增和修改菜单权限功能（二）.zip
│ ├课时84.自定义图标下拉选择组件.zip
│ ├课时85.修改菜单权限状态和删除功能.zip
│ ├课时86.复用代码快速实现角涩模块开发.zip
│ ├课时87.配置权限表单-虚拟化树形控件.zip
│ ├课时88.配置权限表单-默认选中渲染.zip
│ ├课时89.配置权限功能实现.zip
│ ├课时9.登录页响应式处理.zip
│ ├课时90.商品规格模块-复用代码快速实现.zip
│ ├课时91.TagInput组件封装.zip
│ ├课时92.多选和批量删除规格实现.zip
│ ├课时93.组合式API特姓封装-批量删除功能.zip
│ ├课时94.优惠券模块-复用代码快速实现.zip
│ ├课时95.优惠券模块-优化列表展示.zip
│ ├课时96.优惠券模块-新增修改功能实现.zip
│ ├课时97.优惠券模块-失效优惠券功能实现.zip
│ ├课时98.商品模块-复用代码快速实现.zip
│ ├课时99.商品模块-Tabs标签页开发.zip
│ ├完整代码.zip
│ └完整前端代码（参考版，非最终完整版）.zip