课程 / 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.采用模块化、组件化、工程化的模式开发；

暂无课件

取消回复发送

PHP中文网