• 课程 / 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中文网