• 课程 / Vue.js

    Vue实战—打造属于自己的外卖系统

    【23期】PHP培训班,最后一天报名!

    立即报名
    介绍章节评论课件
    1.基于 Vue 的新的版本; 2.项目是关于外卖业务的前后台分离Web App,功能模块包含商家, 商品, 购物车, 用户管理等多个模块; 3.后台应用技术架构为: Node + Express + Mongodb + Mongoose; 4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6; 5.采用模块化、组件化、工程化的模式开发;
  • 难度:中级
  • 共82章节
  • 43412次播放
  • 第1章 第一章

    项目功能演示

    11:23

    项目开发准备

    18:58

    创建项目并运行

    12:36

    资源准备

    08:55

    项目源码目录设计

    05:20

    stylus使用

    07:28

    组件化编码

    13:29

    引入vue-router

    08:38

    FooterGuide组件

    13:11

    各导航路由组件(静态)

    16:05
    第2章 第二章

    HeaderTop组件

    10:33

    使用swiper实现商品分类列表轮播

    08:43

    ShopList组件(静态)

    06:23

    Login组件(静态)

    16:58

    启动后台应用并测试接口

    18:40

    封装ajax请求函数

    13:17

    封装接口请求函数

    11:20

    使用git对项目进行版本控制

    04:52

    复习

    22:39

    配置代理实现跨域ajax请求

    08:09
    第3章 第三章

    创建vuex的整体结构

    08:15

    使用vuex管理首页数据

    21:10

    异步显示当前地地址

    08:24

    异步显示食品分类轮播列表

    25:34

    使用watch和$nextTick解决轮播的bug

    11:04

    异步显示商家列表

    11:16

    使用svg显示加载中提示界面

    07:25

    Star组件

    22:44

    注册登陆功能演示说明

    09:02

    登陆界面效果1_切换登陆方式

    07:09
    第4章 第四章

    登陆界面效果2_手机号检查

    08:01

    登陆界面效果3_倒计时效果

    13:00

    登陆界面效果4_切换密码的显示和隐藏

    12:35

    登陆界面效果5_前台表达验证

    21:31

    复习

    22:28

    动态一次性图形验证码

    09:19

    定义接口请求函数

    08:45

    登陆_发送短信验证码

    18:42

    登陆_完成登陆请求

    14:46

    登陆_保存用户信息到vuex

    06:12
    第5章 第五章

    登陆后更新个人中心界面

    07:00

    登陆更新跳转路由

    06:20

    自动登陆

    09:28

    退出登陆

    15:15

    搭建商家整体界面

    18:00

    json的理解

    10:14

    设计json数据

    17:27

    使用mockjs模拟接口数据

    19:58

    ajax请求mockjs模拟的接口

    10:25

    ShopHeader组件

    38:15
    第6章 第六章

    复习

    33:42

    异步显示goods数据

    23:15

    滑动效果分析

    13:34

    使用better-scroll实现回弹滑动

    19:19

    收集scrollY

    15:18

    收集tops

    08:49

    滑动右侧列表更新当前分类

    12:16

    解决惯性滑动不更新当前分类的bug

    04:46

    点击分类项滑动右侧列表

    13:39

    CartControl组件1

    10:07
    第7章 第七章

    CartControl组件2

    23:21

    Food组件1

    15:11

    Food组件2

    06:59

    ShopCart组件1

    18:51

    ShopCart组件2

    16:41

    显示购物项列表

    05:53

    解决列表显示的3个bug

    08:12

    复习

    25:21

    购物车动画

    08:47

    购物车列表的滑动

    13:43
    第8章 第八章

    清空购物车

    10:53

    ShopRatings组件1

    18:34

    ShopRatings组件2

    32:14

    ShopInfo组件1

    11:16

    ShopInfo组件2

    12:33

    ShopInfo组件3

    09:33

    Search组件

    28:03

    缓存路由组件对象

    03:37

    路由组件懒加载

    13:50

    图片懒加载vue-lazyload

    08:28

    使用moment实现日期过滤器

    05:09

    打包文件分析与优化

    09:16

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    1.基于 Vue 的新的版本; 2.项目是关于外卖业务的前后台分离Web App,功能模块包含商家, 商品, 购物车, 用户管理等多个模块; 3.后台应用技术架构为: Node + Express + Mongodb + Mongoose; 4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6; 5.采用模块化、组件化、工程化的模式开发;

    全部评论我要评论

  • 云淡风清

    云淡风清8个月前

    说的就是大姐夫范德萨发

    回复
    0

  • 取消回复发送
  • PHP中文网