VueCli3实战项目-还原eleme订餐App(短信验证码登录+高德定位+微信支付+服务器代理)

Name: VueCli3实战项目-还原eleme订餐App(短信验证码登录+高德定位+微信支付+服务器代理)
Rating: 4.6 (41 reviews)

VueCli3实战项目(vue/axios/better-scroll/手机短信验证/高德地图定位/微信支付/服务器代理

Created by米斯特吴

Last updated 8/2021

Chinese (Simplified)

Chinese (Simplified) [Auto],

What you'll learn

vue实战项目
高德定位
手机号验证码登录
条件筛选
移动端滚动 better-scroll
微信支付
服务器代理

Course content

4 sections • 83 lectures • 17h 2m total length

VueCli3-饿了吗项目成果展示和注意事项15:49
VueCli3-构建项目和准备工作18:18
VueCli3-构建登录组件6:39
VueCli3-展示登录页面16:39
VueCli3-验证码点击倒计时10:36
VueCLi3-获取短信验证码13:12
VueCLi3-检验手机号和验证9:37
VueCLi3-封装tabbar组件12:48
VueCli3-获取定位信息(精准定位和非精准定位)15:12
VueCli3-实现定位显示13:07
VueCli3-封装Header组件7:54
VueCli3-搜索框和定位信息展示14:36
VueCli3-根据关键字检索位置信息7:53
VueCli3-选择收获地址和城市页面头部展示11:28
VueCli3-展示所有城市列表15:22
VueCli3-使用BScroll实现滚动6:29
VueCli3-字母索引和选择城市14:30
VueCli3-根据关键字检索城市及优化19:40

VueCli3实战项目饿了么-第二部分的成果展示7:58
VueCli3实战项目饿了么-获取代码及样式调整4:52
VueCli3实战项目饿了么-请求动画和轮播图10:24
VueCli3实战项目饿了么-实现分类和推荐商家8:30
VueCli3实战项目饿了么-实现排序导航9:55
VueCli3实战项目饿了么-组件显示隐藏遮罩13:07
VueCli3实战项目饿了么-选择排序条件15:32
VueCli3实战项目饿了么-展示筛选条件9:28
VueCli3实战项目饿了么-选择筛选条件20:13
VueCli3实战项目饿了么-展示商家信息14:45
VueCli3实战项目饿了么-封装评分星标组件和计算距离13:21
VueCli3实战项目饿了么-下拉刷新上拉加载16:32
VueCli3实战项目饿了么-根据关键字搜索商家商品名称10:38
VueCli3实战项目饿了么-显示商家商品列表9:46
VueCli3实战项目饿了么-点击搜索查看搜索内容11:59
VueCli3实战项目饿了么-搜索内容显示14:27

VueCli3.x实战饿了么3-课程介绍及注意事项9:03
VueCli3.x实战项目饿了么3-页面跳转和头部设计11:55
VueCli3.x实战项目饿了么3-封装商家信息弹框组件12:42
VueCli3.x实战项目饿了么3-显示隐藏商家信息组件3:58
VueCli3.x实战项目饿了么3-封装商家优惠活动组件10:43
VueCli3.x实战项目饿了么3-查看隐藏商家优惠活动5:31
VueCli3.x实战项目饿了么3-封装NavBar组件7:32
VueCli3.x实战项目饿了么3-展示商家推荐内容11:30
VueCli3.x实战项目饿了么3-封装商品数量增减组件8:50
VueCli3.x实战项目饿了么3-渲染点餐的分类和菜单14:33
VueCli3.x实战项目饿了么3-点击分类右侧菜单连动14:51
VueCli3.x实战项目饿了么3-右侧滚动关联分类索引13:50
VueCli3.x实战项目饿了么3-封装购物车组件12:10
VueCli3.x实战项目饿了么3-计算购物车的数量和总价12:00
VueCli3.x实战项目饿了么3-显示隐藏购物车商品列表12:49
VueCli3.x实战项目饿了么3-查看商品详情信息14:43
VueCli3.x实战项目饿了么3-展示商家评分信息9:35
VueCli3.x实战项目饿了么3-展示用户评价内容13:48
VueCli3.x实战项目饿了么3-展示商家信息4:59

VueCli3实战项目-还原饿了么订餐app4-课程介绍5:46
VueCli3实战项目-还原饿了么订餐app4-展示我的页面15:48
VueCli3实战项目-还原饿了么订餐app4-展示地址15:15
VueCli3实战项目-还原饿了么订餐app4-封装添加地址表单组件11:44
VueCli3实战项目-还原饿了么订餐app4-封装标签组件(多组件通信)18:36
VueCli3实战项目-还原饿了么订餐app4-搜索地址26:08
VueCli3实战项目-还原饿了么订餐app4-添加数据到接口10:16
VueCli3实战项目-还原饿了么订餐app4-显示收货地址8:55
VueCli3实战项目-还原饿了么订餐app4-编辑和删除地址17:59
VueCli3实战项目-还原饿了么订餐app4-keepAlive和结算组件15:15
VueCli3实战项目-还原饿了么订餐app4-选择收货地址12:00
VueCli3实战项目-还原饿了么订餐app4-显示收货地址12:31
VueCli3实战项目-还原饿了么订餐app4-组件展示配送信息11:03
VueCli3实战项目-还原饿了么订餐app4-组件展示商品信息15:19
VueCli3实战项目-还原饿了么订餐app4-组件展示备注信息5:52
VueCli3实战项目-还原饿了么订餐app4-组件选择餐具份数15:41
VueCli3实战项目-还原饿了么订餐app4-订单备注页面8:44
VueCli3实战项目-还原饿了么订餐app4-口味偏好11:36
VueCli3实战项目-还原饿了么订餐app4-渲染支付页面13:47
VueCli3实战项目-还原饿了么订餐app4-倒计时6:16
VueCli3实战项目-还原饿了么订餐app4-调用微信支付方法17:12
VueCli3实战项目-还原饿了么订餐app4-打包上线实现支付16:28
VueCli3实战项目-还原饿了么订餐app4-准备生成订单11:38
VueCli3实战项目-还原饿了么订餐app4-生成订单15:31
VueCli3实战项目-还原饿了么订餐app4-订单详情(上)8:08
VueCli3实战项目-还原饿了么订餐app4-订单详情(下)9:04
VueCli3实战项目-还原饿了么订餐app4-打包调整上线8:32
VueCli3实战项目-还原饿了么订餐app4-部署阿里云15:27
VueCli3实战项目-还原饿了么订餐app4-微信支付后端流程19:07
VueCli3实战项目-还原饿了么订餐app4-申请支付流程16:11

Requirements

有一定的vue实战经验

Description

1. 适合与有一定vue基础的同学学习

2. 适合想学习如何实现手机短信验证功能的同学学习

3. 适合想学习高德定位功能的同学学习

4. 整个系列课程会包含几个阶段, 我是一遍写一遍录制的, 所以当前上线的是第一阶段. 希望大家能够在课程中有所得着.

Who this course is for:

对vue实战开发感兴趣的朋友

VueCli3实战项目-还原eleme订餐App(短信验证码登录+高德定位+微信支付+服务器代理)

What you'll learn

Explore related topics

Course content

VueCli3实战项目-还原eleme订餐App1(短信验证码登录和高德定位)18 lectures • 3hr 50min

VueCli3实战项目-还原eleme订餐App2(排序筛选搜索)16 lectures • 3hr 11min

VueCli3实战项目-还原饿了么订餐app3(商品列表+详情+购物车)19 lectures • 3hr 25min

VueCli3实战项目-还原饿了么订餐app4(微信支付+打包+服务器部署)30 lectures • 6hr 36min

Requirements

Description

Who this course is for: