
Vue3+Vite+ElementPlus实战商城后台管理系统
来自 网络整理·免费领取学习资源
8,737 领取 · 9,860 收藏更新于 2026年9月20日
这份资料来自网络整理2026年的付费VIP课,内容以视频为主,对应《Vue3+Vite+ElementPlus实战商城后台管理系统》。官网需要单独购买,有集上可以免费领取。
课程目录
- 01.课程介绍
- 1.1–课程介绍(买前必看)
- 02.创建vite项目和配置
- 2.1–创建vite项目并安装vscode插件
- 2.2–引入ElmentPlus和基本使用
- 2.3–引入windicss工具库和配置,安装代码提示
- 2.4–windicss小案例和@apply简化代码
- 2.5–引入vue-router4
- 2.6–路由配置和404页面捕获
- 03.登录页开发和功能实现
- [3.10]–常用工具库封装
- [3.11]–引入vuex状态管理用户信息
- [3.12]–全局路由拦截实现登录判断
- [3.13]–登录功能完善
- [3.14]–退出登录功能实现
- [3.15]–全局loading进度条实现
- [3.16]–动态页面标题实现
- [3.1]–登录页开发
- [3.2]–登录页响应式处理
- [3.3]–全局引入图标
- [3.4]–结合@apply实现样式抽离
- [3.5]–setup语法糖和组合式api
- [3.6]–登录表单验证处理
- [3.7]–引入axios请求库和登录接口交互
- [3.8]–引入cookie存储用户token
- [3.9]–请求拦截器和响应拦截器
- 04.后台全局Layout布局开发
- 4.1–后台主布局实现
- 4.10–菜单选中和路由关联
- 4.11–菜单数据前后端交互
- 4.12–根据菜单动态添加路由
- 4.13–标签导航组件实现-样式布局
- 4.14–标签导航组件实现-同步路由和存储(一)
- 4.15–标签导航组件实现-同步路由和存储(二)
- 4.16–标签导航组件实现-关闭当前标签处理
- 4.17–标签导航组件实现-关闭其他全部标签功能
- 4.18–优化点击菜单加载速度
- 4.19–keep-alive页面缓存
- 4.2–公共头部开发-样式布局
- 4.20–transition全局过渡动画
- 4.3–公共头部开发-刷新和全屏
- 4.4–公共头部开发-修改密码
- 4.5–通用弹框表单组件封装(一)
- 4.6–通用弹框表单组件封装(二)
- 4.7–组合式api封装简化代码
- 4.8–侧边菜单开发-样式布局和路由跳转
- 4.9–展开和收起菜单功能实现
- 05.后台主控台开发和交互
- 5.1–统计面板组件开发(一)
- 5.2–统计面板组件开发(二)-骨架屏优化体验
- 5.3–数字滚动动画实现
- 5.4–分类组件开发和跳转
- 5.5–echarts图表组件开发和交互(一)
- 5.6–echarts图表组件开发和交互(二)
- 5.7–店铺和交易提示组件开发和交互
- 5.8–v-permission指令按钮级权限控制(一)
- [5.9]–v-permission指令按钮级权限控制(二)
- 06.图库模块开发
- 6.1–图库模块开发-布局实现(一)
- 6.10–图片列表分页功能交互
- 6.11–图片列表组件开发
- 6.12–重命名和删除功能交互
- 6.13–上传多图功能实现
- 6.2–图库模块开发-布局实现(二)
- 6.3–图库分类组件开发
- 6.4–图库分类列表分页实现(一)
- 6.5–图库分类列表分页实现(二)
- 6.6–新增图库分类表单实现
- 6.7–新增图库分类功能交互
- 6.8–修改图库分类功能交互
- 6.9–删除图库分类功能实现
- 07.公告模块开发
- 7.1–公告模块布局实现
- 7.2–公告列表分页交互
- 7.3–公告新增功能实现
- 7.4–公告删除和修改功能实现
- 08.管理员模块开发
- 8.1–管理员列表分页交互
- 8.2–搜索管理员功能实现
- 8.3–修改管理员状态功能实现
- 8.4–新增修改和删除管理员功能
- 8.5–全局选中图库组件开发(一)
- 8.6–全局选中图库组件开发(二)
- 8.7–组合式API特性封装-列表分页搜索
- 8.8–组合式API特性封装-新增修改
- 8.9–组合式API特性封装-修改状态和删除
- 09.菜单权限模块开发
- 9.1–菜单权限列表实现
- 9.2–树形控件自定义节点渲染
- 9.3–修复标签导航和菜单联动问题
- 9.4–新增和修改菜单权限功能(一)
- 9.5–新增和修改菜单权限功能(二)
- 9.6–自定义图标下拉选择组件
- 9.7–修改菜单权限状态和删除功能
- 10.角色模块开发
- 10.1–复用代码快速实现角色模块开发
- 10.2–配置权限表单-虚拟化树形控件
- 10.3–配置权限表单-默认选中渲染
- 10.4–配置权限功能实现
- 11.商品规格管理开发
- 11.1–商品规格模块-复用代码快速实现
- 11.2–TagInput组件封装
- 11.3–多选和批量删除规格实现
- 11.4–组合式API特性封装-批量删除功能
- 12.优惠券模块开发
- 12.1–优惠券模块-复用代码快速实现
- 12.2–优惠券模块-优化列表展示
- 12.3–优惠券模块-新增修改功能实现
- 12.4–优惠券模块-失效优惠券功能实现
- 13.商品模块开发
- 13.1–商品模块-复用代码实现
- 13.10–设置商品轮播图功能(二)
- 13.11–设置商品轮播图功能(三)
- 13.12–设置商品轮播图功能(四)
- 13.13–引入tinymce富文本编辑器
- 13.14–修改商品详情功能实现
- 13.15–富文本编辑器选择图片功能(1)
- 13.16–富文本编辑器选择图片功能(2)
- 13.17–设置单规格功能实现
- 13.18–多SKU规格功能-规格选项(1)
- 13.19–多SKU规格功能-规格选项(2)
- 13.2–商品模块-Tabs标签页开发
- 13.20–多SKU规格功能-添加规格选项
- 13.21–多SKU规格功能-修改规格选项
- 13.22–多SKU规格功能-删除规格选项
- 13.23–多SKU规格功能-排序规格选项(1)
- 13.24–多SKU规格功能-排序规格选项(2)
- 13.25–多SKU规格列表-渲染选项的值
- 13.26–添加规格选项的值功能实现
- 13.27–修改规格选项的值功能实现
- 13.28–删除规格选项的值功能实现
- 13.29–规格选择弹框组件实现(1)
- 13.3–自定义表格商品列表样式(一)
- 13.30–规格选择弹框组件实现(2)
- 13.31–规格选择弹框组件实现(3)
- 13.32–规格选择弹框组件实现(4)
- 13.33–规格表格联动(1)
- 13.34–规格表格联动(2)
- 13.35–规格表格联动(3)
- 13.36–规格表格联动(4)
- 13.37–规格表格联动(5)
- 13.38–恢复回收站商品功能
- 13.39–彻底删除回收站商品功能
- 13.4–自定义表格商品列表样式(二)
- 13.5–高级搜索功能实现
- 13.6–封装搜索表单组件
- 13.7–新增修改商品功能实现
- 13.8–批量上架下架功能实现.
- 13.9–设置商品轮播图功能(一)
- 14.商品分类模块开发
- 14.1–商品分类模块开发(一)
- 14.2–商品分类模块开发(二)
- 14.3–推荐商品功能实现-样式布局
- 14.4–推荐商品功能实现-删除关联
- 14.5–选择商品弹框组件(1)
- 14.6–选择商品弹框组件(2)
- 15.会员和会员等级模块开发
- 15.1–会员等级模块开发(1)
- 15.2–会员等级模块开发(2)
- 15.3–会员模块开发(1)
- 15.4–会员模块开发(2)
- 16.商品评论模块开发
- 16.1–商品评论模块开发(一)
- 16.2–商品评论模块开发(二)
- 16.3–用户评价渲染
- 16.4–回复用户评价功能(一)
- 16.5–回复用户评价功能(二)
- 17.订单模块开发
- 17.1–订单模块-复用代码快速实现
- 17.10–同意拒绝退款功能实现
- 17.2–自定义订单列表样式
- 17.3–订单模块-高级搜索功能实现
- 17.4–导出订单功能(1)-表单样式
- 17.5–导出订单功能(2)-功能实现
- 17.6–查看订单详情功能实现(一)
- 17.7–查看订单详情功能实现(二)
- 17.8–查看物流信息功能实现(一)
- 17.9–查看物流信息功能实现(二)
- 18.基础、物流和交易设置页开发
- 18.1–基础设置功能开发(一)
- 18.2–基础设置功能开发(二)
- 18.3–物流和交易设置开发(1)
- 18.4–物流和交易设置开发(2)
- 18.5–物流和交易设置开发(3)
- 19.分销模块开发
- 19.1–分销员管理开发(一)-统计
- 19.2–分销员管理开发(二)
- 19.3–分销员管理开发(三)
- 19.4–分销设置页开发
- 20.部署服务器上线
- 20.1–部署前环境搭建
- 20.2–域名购买和解析
- 20.3–前端打包上线部署
包含内容
- · 01.课程介绍
- · 1.1–课程介绍(买前必看)
- · 02.创建vite项目和配置
- · 2.1–创建vite项目并安装vscode插件
- · 2.2–引入ElmentPlus和基本使用
- · 2.3–引入windicss工具库和配置,安装代码提示
- · 2.4–windicss小案例和@apply简化代码
- · 2.5–引入vue-router4
贡献者
小宇
白银
学习社区
1 人正在学习
编程与技术实践交流
交流编程基础、项目实践、数据库和部署问题。提问请说明环境、复现步骤与已尝试的方法。