VUE电商项目（前台&后台双项目实战）-免费在线视频教程-php中文网

讲师介绍课程介绍课程大纲相关课程

讲师介绍

王林

金牌讲师 | 有朋自远方来，虽远必诛！

共有184课程 | 学员164807人 | 讲师评分5.6

课程介绍

前台+后台，双项目实战！前后端项目二者相互独立，又可以结合在一起，满足你对大型Vue项目实战的需求，一套教程覆盖Vue框架方方面面的知识点，全面、详细！

第1章项目初始化

教程简介 vue-cli脚手架初始化项目项目的其他配置

第2章项目路由

项目的路由分析 Header与Footer非路由组件完成完成路由组件的搭建路由元信息的使用路由传递参数路由传递参数相关面试题重写push与replace方法

第3章静态组件

home首页组件拆分业务分析 TypeNav三级联动全局组件完成 Home首页拆分静态组件

第4章接口

补录视频-说明（接口等问题） POSTMAN工具测试接口 axios二次封装 API接口统一管理

第5章三级联动

nprogress进度条的使用 vuex模板式开发动态展示三级联动数据完成三级联动动态背景颜色通过JS控制二三级分类显示与隐藏演示卡顿现象引入防抖与节流函数防抖的理解函数节流的理解三级联动节流三级联动路由跳转的分析完成三级联动的路由跳转与传递参数业务复习

第6章商品分类

Search模块中商品分类与过渡动画 typeNav商品分类列表的优化合并参数 mockjs模拟数据获取Banner轮播图的数据 swiper基本使用 Banner实现轮播图第一种解决方案轮播图通过watch+nectTick解决问题获取floor组件mock数据动态展示Floor组件共用组件Carsouel

第7章 Search模块

Search模块的静态组件 search模块veux操作 search模块中动态展示产品列表 Search模块根据不同的参数获取数据展示 Search模块中子组件动态开发监听路由的变化再次发请求获取数据

第8章面包屑

面包屑处理分类的操作面包屑处理关键字面包屑处理品牌信息平台售卖属性的操作

第9章排序

排序操作（上）排序操作（下）分页器静态组件排序复习

第10章分页

分页功能分析分页器起始与结束数字计算分页器动态展示分页器完成分页器添加类名滚动行为产品详情数据获取产品详情展示动态数据分页器复习-裁剪 zoom放大镜展示数据-裁剪 detail路由组件展示商品售卖属性-裁剪产品售卖属性值排他操作-裁剪

第11章放大镜

放大镜操作（上）放大镜结束

第12章购物车

购买产品个数的操作加入购物车加入购物车成功与失败的判断加入购物车操作路由传递参数结合会话存储购物车静态组件与修改 uuid游客身份获取购物车数据购物车动态展示数据处理产品数量修改购物车产品的数量完成删除购物车产品的操作修改产品状态复习删除全部选中的商品全部产品的勾选状态修改

第13章登录注册

登录注册静态组件注册业务（上）注册业务（下）登录业务（token）用户登录携带token获取用户信息登录业务中讲解存在问题退出登录

第14章导航守卫

导航守卫理解导航守卫的判断导航守卫用户登录操作

第15章交易、支付与个人中心

trade静态组件获取交易页数据用户地址信息的展示交易页面完成提交订单获取订单号与展示支付信息支付页面中使用ElementUI以及按需引入微信支付业务（上）微信支付（下）个人中心二级路由搭建我的订单未登录的导航守卫判断用户登录（路由独享与组件内守卫）图片懒加载 vee-validate表单验证使用路由懒加载处理map文件购买服务器安全组与xshell操作 nginx反向代理

第16章组件通信

组件通信的6种方式自定义事件深入 v-mode深入 sync属性修饰符 $attrs与$listeners $children与$parent 混入mixin 作用域插槽

第17章后台管理系统

后台管理系统项目简介后台管理系统模板介绍登录业务完成退出登录路由的搭建品牌管理静态组件品牌列表展示添加品牌域修改品牌静态完成添加品牌完成修改品牌完成品牌的表单验证（自定义校验规则）删除品牌操作商品管理之三级联动静态组件三级联动动态展示三级联动完成平台属性管理动态展示属性平台属性之添加属性与修改属性静态完成收集属性名的操作收集属性值操作解决返回按钮数据回显问题修改属性操作查看模式与修改模式切换查看模式与编辑模式注意事项修改属性的查看与编辑模式切换表单元素自动聚焦的实现删除属性值的操作保存操作按钮与三级联动的可操作性 SPU管理模块业务介绍 SPU管理模块静态动态展示SPU列表 SPU管理内容的切换 SpuForm静态组件完成 SpuForm请求业务的分析获取SpuForm数据 SpuForm组件数据展示与收集数据 SpuForm销售属性的数据展示完成SpuForm照片墙数据的收集销售属性添加的操作销售属性值展示与收集删除销售属性与属性值操作完成修改Spu的保存操作完成添加SPU的操作删除SPU的操作完成SKU静态组件获取SKUForm数据展示SKU与收集SKU的数据添加SKU图片列表数据的展示与收集完成添加SKU保存操作 SKU列表的展示 loding效果 sku模块数据展示与分页功能 SKU上架与下架操作 SKU详情查看完成深度选择器数据可视化简介 canvas绘制线段 canvas绘制矩形绘制圆形画布清除与绘制文字绘制柱状图 svg基本使用 echarts基本使用 charts展示多个图表一个容器显示多个图表 echarts中数据集dataset使用 echarts内置组件使用 echarts坐标体系 Home首页Card静态组件折线图完成柱状图和进度条完成 sale静态组件（上） sale静态组件（中） sale组件完毕 observe静态组件动态展示mock数据权限管理模块介绍权限管理模块的串讲菜单&按钮权限

24小时阅读排行榜

热门专题

PyTorch图像识别与TorchVision视觉实战

本专题整理PyTorch图像分类、CNN模型、TorchVision数据集、图片预处理、数据增强、训练评估和预测推理方法，适合视觉任务入门和项目实战。

180

2026.09.01

CLion如何配置调试程序

本专题详细介绍CLion开发环境配置、工具链设置、编译器配置、运行程序设置以及Debug调试功能使用方法。内容涵盖CLion断点调试、变量查看、代码跟踪、调试窗口使用、程序错误排查等实用技巧，帮助C/C++开发者快速掌握CLion调试流程，提高代码开发和问题定位效率。

160

2026.08.21

掌握Python venv的高效使用方法

本专题汇总了Python venv虚拟环境的高效使用方法与技巧合集，涵盖快速创建与激活环境（Windows/macOS/Linux差异）、依赖批量安装与requirements.txt导出迁移、环境复制与重建等核心操作。同时整理了在VS Code/PyCharm中集成venv、配合.gitignore规范版本控制、以及多版本Python共存下的环境指定等进阶技巧，助你显著提升项目依赖管理效率。

120

2026.09.10