课程 / Vue.js

VUE电商项目（前台&后台双项目实战）

《22期PHP线上直播班》开课啦！

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

难度：中级

共203章节

9576次播放

第1章项目初始化: 教程简介
03:24; vue-cli脚手架初始化项目
15:09; 项目的其他配置
08:51
第2章项目路由: 项目的路由分析
08:45; Header与Footer非路由组件完成
18:29; 完成路由组件的搭建
26:39; 路由元信息的使用
09:43; 路由传递参数
12:47; 路由传递参数相关面试题
25:01; 重写push与replace方法
27:13
第3章静态组件: home首页组件拆分业务分析
05:04; TypeNav三级联动全局组件完成
07:44; Home首页拆分静态组件
22:24
第4章接口: 补录视频-说明（接口等问题）
07:02; POSTMAN工具测试接口
04:38; axios二次封装
13:18; API接口统一管理
16:28
第5章三级联动: nprogress进度条的使用
07:29; vuex模板式开发
28:20; 动态展示三级联动数据
20:08; 完成三级联动动态背景颜色
21:37; 通过JS控制二三级分类显示与隐藏
06:03; 演示卡顿现象引入防抖与节流
07:53; 函数防抖的理解
14:48; 函数节流的理解
12:55; 三级联动节流
08:57; 三级联动路由跳转的分析
13:59; 完成三级联动的路由跳转与传递参数业务
18:03; 复习
06:51
第6章商品分类: Search模块中商品分类与过渡动画
27:27; typeNav商品分类列表的优化; 合并参数; mockjs模拟数据; 获取Banner轮播图的数据; swiper基本使用
13:24; Banner实现轮播图第一种解决方案
29:55; 轮播图通过watch+nectTick解决问题
45:49; 获取floor组件mock数据; 动态展示Floor组件
25:53; 共用组件Carsouel
第7章 Search模块: Search模块的静态组件; search模块veux操作; search模块中动态展示产品列表; Search模块根据不同的参数获取数据展示; Search模块中子组件动态开发; 监听路由的变化再次发请求获取数据
第8章面包屑: 面包屑处理分类的操作
30:08; 面包屑处理关键字; 面包屑处理品牌信息; 平台售卖属性的操作
第9章排序: 排序操作（上）; 排序操作（下）; 分页器静态组件; 排序复习
第10章分页: 分页功能分析; 分页器起始与结束数字计算; 分页器动态展示; 分页器完成; 分页器添加类名; 滚动行为; 产品详情数据获取; 产品详情展示动态数据; 分页器复习-裁剪; zoom放大镜展示数据-裁剪; detail路由组件展示商品售卖属性-裁剪; 产品售卖属性值排他操作-裁剪
第11章放大镜: 放大镜操作（上）
20:21; 放大镜结束
17:05
第12章购物车: 购买产品个数的操作; 加入购物车; 加入购物车成功与失败的判断; 加入购物车操作; 路由传递参数结合会话存储; 购物车静态组件与修改; uuid游客身份获取购物车数据; 购物车动态展示数据; 处理产品数量; 修改购物车产品的数量完成; 删除购物车产品的操作; 修改产品状态; 复习; 删除全部选中的商品; 全部产品的勾选状态修改
第13章登录注册: 登录注册静态组件; 注册业务（上）; 注册业务（下）; 登录业务（token）; 用户登录携带token获取用户信息; 登录业务中讲解存在问题; 退出登录
第14章导航守卫: 导航守卫理解; 导航守卫的判断; 导航守卫用户登录操作
第15章交易、支付与个人中心: trade静态组件
10:23; 获取交易页数据; 用户地址信息的展示; 交易页面完成; 提交订单
30:34; 获取订单号与展示支付信息; 支付页面中使用ElementUI以及按需引入; 微信支付业务（上）; 微信支付（下）; 个人中心二级路由搭建; 我的订单; 未登录的导航守卫判断; 用户登录（路由独享与组件内守卫）; 图片懒加载; vee-validate表单验证使用; 路由懒加载; 处理map文件; 购买服务器; 安全组与xshell操作; nginx反向代理
第16章组件通信: 组件通信的6种方式; 自定义事件深入; v-mode深入; sync属性修饰符; $attrs与$listeners; $children与$parent; 混入mixin; 作用域插槽
第17章后台管理系统: 后台管理系统项目简介
10:02; 后台管理系统模板介绍
30:34; 登录业务完成
27:57; 退出登录
04:25; 路由的搭建
18:47; 品牌管理静态组件
19:25; 品牌列表展示
37:43; 添加品牌域修改品牌静态完成
17:01; 添加品牌完成
34:28; 修改品牌完成
14:41; 品牌的表单验证（自定义校验规则）
22:31; 删除品牌操作
10:41; 商品管理之三级联动静态组件
10:23; 三级联动动态展示
27:41; 三级联动完成
17:39; 平台属性管理动态展示属性
18:20; 平台属性之添加属性与修改属性静态完成
15:30; 收集属性名的操作
17:15; 收集属性值操作; 解决返回按钮数据回显问题
05:21; 修改属性操作; 查看模式与修改模式切换
29:14; 查看模式与编辑模式注意事项; 修改属性的查看与编辑模式切换; 表单元素自动聚焦的实现
15:53; 删除属性值的操作; 保存操作
14:41; 按钮与三级联动的可操作性; SPU管理模块业务介绍
08:10; SPU管理模块静态
19:44; 动态展示SPU列表
23:55; SPU管理内容的切换
12:32; SpuForm静态组件完成; SpuForm请求业务的分析; 获取SpuForm数据; SpuForm组件数据展示与收集数据; SpuForm销售属性的数据展示; 完成SpuForm照片墙数据的收集; 销售属性添加的操作; 销售属性值展示与收集; 删除销售属性与属性值操作; 完成修改Spu的保存操作; 完成添加SPU的操作; 删除SPU的操作; 完成SKU静态组件; 获取SKUForm数据; 展示SKU与收集SKU的数据; 添加SKU图片列表数据的展示与收集; 完成添加SKU保存操作
33:44; SKU列表的展示; loding效果
10:12; sku模块数据展示与分页功能
23:12; SKU上架与下架操作
10:11; SKU详情查看完成
27:04; 深度选择器
25:37; 数据可视化简介
11:21; canvas绘制线段
19:18; canvas绘制矩形
07:05; 绘制圆形; 画布清除与绘制文字; 绘制柱状图; svg基本使用
20:19; echarts基本使用
25:08; charts展示多个图表; 一个容器显示多个图表; echarts中数据集dataset使用; echarts内置组件使用; echarts坐标体系; Home首页Card静态组件
33:02; 折线图完成; 柱状图和进度条完成; sale静态组件（上）; sale静态组件（中）; sale组件完毕; observe静态组件; 动态展示mock数据; 权限管理模块介绍; 权限管理模块的串讲; 菜单&按钮权限

讲师介绍

王林: 学生

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

暂无课件

取消回复发送

PHP中文网