课程介绍

注意0：欲购买此课程，获取安全购买链接，索要正版授权学习平台账号，务必加咨询QQ：2536379620
注意1：由于编码原因，试听课程视频画面清晰度不如最终购买的视频。最终购买视频的画面清晰度可参见以下两张图。图1   图2
注意2：正版良心视频，购买后有机会和原作者直接短暂技术交流。

本季度为uni-app实战项目第2季度，将实战商城类app和小程序，其中会包括发布到安卓端app，iOS端app、微信小程序，另外还会涉及Weex（nvue），Vuex模块化管理，商城支付模块等。

适合人群

1、具有Html+CSS+JavaScript基础
2、有一定的Vue.js基础
3、2022年挑战高薪职位

课程大纲

01
项目介绍

【录播】项目介绍（买前必看）(16分钟)         暂无试看
02
环境搭建和项目创建

【录播】环境搭建和项目创建(5分钟)
03
App.vue引入全局公共样式

【录播】App.vue引入全局公共样式(9分钟)

【录播】修复引入uni.css报错问题(3分钟)

【录播】动画库使用和图标库创建(11分钟)

【录播】编写uniapp全局样式(12分钟)
04
底部导航开发

【录播】底部导航开发(10分钟)
05
UI基础库封装

【录播】基础UI库快速上手(12分钟)

【录播】UI基础库封装（一）(13分钟)

【录播】UI基础库封装（二）(12分钟)
06
首页开发（vue部分）（一）

【录播】首页pages.json配置(9分钟)

【录播】首页轮播图组件开发(7分钟)

【录播】封装首页轮播图组件(8分钟)

【录播】图标分类组件开发(9分钟)

【录播】封装图标分类组件(6分钟)

【录播】封装全局分割线组件(7分钟)

【录播】三图广告位组件开发(11分钟)

【录播】封装三图广告位组件(7分钟)

【录播】大图广告组件开发(9分钟)

【录播】封装基础卡片组件(13分钟)
07
首页开发（vue部分）（二）

【录播】公共列表组件开发(18分钟)

【录播】封装价格显示组件(5分钟)

【录播】封装公共列表组件(8分钟)

【录播】顶部选项卡（一）(7分钟)

【录播】顶部选项卡（二）-获得列表模块（一）(11分钟)

【录播】顶部选项卡（三）-滑动列表模块（二）(8分钟)

【录播】顶部选项卡（四）-组织数据格式(12分钟)

【录播】顶部选项卡（五）-加载数据(8分钟)

【录播】顶部选项卡（六）-上拉加载更多(10分钟)
08
nvue基础快速入门

【录播】补充课：关于nvue编译模式问题（重要）(8分钟)

【录播】如何使用nvue(6分钟)

【录播】weex组件浅析（一）(13分钟)

【录播】nvue中css的注意事项(19分钟)

【录播】weex组件浅析（二）(6分钟)

【录播】nvue和vue之间的通讯（一）(10分钟)

【录播】nvue和vue之间的通讯（二）(9分钟)

【录播】vue和nvue共享变量和数据(8分钟)

【录播】nvue使用uni-app接口(7分钟)
09
首页开发（Nvue部分）（一）

【录播】轮播图组件开发(8分钟)

【录播】封装轮播图组件(4分钟)

【录播】图标分类组件开发(12分钟)

【录播】封装图标分类组件(7分钟)

【录播】封装分割线组件和监听页面显示(9分钟)

【录播】三图广告位组件开发(12分钟)

【录播】大图广告位组件开发(4分钟)

【录播】公共列表组件开发(21分钟)

【录播】封装公共列表组件(9分钟)

【录播】原生顶部选项卡开发（一）(14分钟)
10
首页开发（Nvue部分）（二）

【录播】原生顶部选项卡开发（二）(11分钟)

【录播】原生顶部选项卡开发（三）(15分钟)

【录播】原生顶部选项卡开发（四）(6分钟)

【录播】原生顶部选项卡开发（五）(15分钟)

【录播】原生顶部选项卡开发（六）(26分钟)
11
搜索页开发

【录播】Pages.json配置(5分钟)

【录播】随机颜色按钮组件开发(14分钟)

【录播】搜索记录组件开发(14分钟)
12
搜索列表页开发

【录播】排序筛选组件开发（一）(13分钟)

【录播】排序筛选组件开发（二）(12分钟)

【录播】排序筛选组件开发（三）(13分钟)

【录播】排序筛选组件开发（四）(6分钟)

【录播】排序筛选组件开发（五）(9分钟)

【录播】开发搜索列表组件(10分钟)

【录播】封装搜索列表组件(7分钟)
13
商品分类页开发

【录播】商品分类页UI界面构建（一）(10分钟)

【录播】商品分类页UI界面构建（二）(10分钟)

【录播】商品分类页UI界面构建（三）(8分钟)

【录播】分类菜单联动实现（一）(15分钟)

【录播】分类菜单联动实现（二）(6分钟)

【录播】分类菜单联动实现（三）(8分钟)

【录播】分类菜单联动实现（四）(15分钟)

【录播】分类菜单联动实现（五）(10分钟)

【录播】优化分类页体验(7分钟)
14
商品详情页开发（一）

【录播】轮播图组件二次优化(17分钟)

【录播】基础详情组件开发(7分钟)

【录播】滚动商品特性组件开发(12分钟)

【录播】开发属性选择样式(14分钟)

【录播】滚动评论列表组件开发(21分钟)

【录播】商品详情富文本解析开发(11分钟)

【录播】热门推荐商品列表开发(6分钟)

【录播】底部操作条组件开发(9分钟)

【录播】底部弹出框组件开发(20分钟)

【录播】弹出属性筛选组件开发（一）(15分钟)
15
商品详情页开发（二）

【录播】弹出属性筛选组件开发（二）(15分钟)

【录播】弹出选择配送地址开发(10分钟)

【录播】封装弹出服务说明组件(6分钟)

【录播】修改返回键默认行为(4分钟)
16
商品评论列表页开发

【录播】评论分类组件开发(15分钟)

【录播】评论列表组件开发(20分钟)
17
vuex快速掌握

【录播】Vuex的基础使用(7分钟)

【录播】Vuex的state多种用法(14分钟)

【录播】Vuex的Getters多种用法（一）(8分钟)

【录播】Vuex的Getters多种用法（二）(9分钟)

【录播】Vuex的Mutation多种用法(5分钟)

【录播】Vuex的Action用法(8分钟)

【录播】Vuex模块化实现(14分钟)
18
购物车开发（一）

【录播】自定义导航开发(14分钟)

【录播】无商品默认显示组件开发(6分钟)

【录播】开发购物车商品列表组件（一）(5分钟)

【录播】开发购物车商品列表组件（二）(13分钟)

【录播】开发购物车商品列表组件（三）(11分钟)

【录播】合计组件开发(5分钟)

【录播】全选和取消全选功能实现(19分钟)

【录播】合计价格优雅实现(6分钟)

【录播】选中和取消选中单个实现(7分钟)

【录播】无商品禁用全选功能(3分钟)
19
购物车开发（二）

【录播】修复分类页联动滚动bug(5分钟)

【录播】编辑购物车（一）- ui构建(7分钟)

【录播】编辑购物车（二）- 删除功能(8分钟)

【录播】编辑购物车（三）- 修改属性（1）(12分钟)

【录播】编辑购物车（四）- 修改属性（2）(12分钟)

【录播】完善详情页加入购物车功能(14分钟)
20
个人中心页开发

【录播】自定义头部组件开发(16分钟)

【录播】UI界面构建（一）- 图标分类(9分钟)

【录播】UI界面构建（二）- 菜单部分(9分钟)
21
设置页开发

【录播】用户设置页面开发(11分钟)
22
编辑个人资料页开发

【录播】修改资料页面开发(7分钟)
23
收货地址页开发（一）

【录播】收货地址页面开发(9分钟)

【录播】增加收货地址页面开发(14分钟)

【录播】引入三级联动(17分钟)

【录播】列表滑动操作(8分钟)

【录播】使用vuex来管理收货地址(8分钟)

【录播】创建收货地址功能(11分钟)

【录播】删除收货地址功能(5分钟)

【录播】修改收货地址功能(15分钟)

【录播】完善详情页收货地址(11分钟)

【录播】完善设置默认收货地址（一）(9分钟)
24
收货地址页开发（二）

【录播】完善设置默认收货地址（二）(7分钟)

【录播】补充购物车热门列表(11分钟)
25
订单页开发

【录播】创建订单页面(7分钟)

【录播】封装默认显示组件(13分钟)

【录播】顶部tab选项卡开发(11分钟)

【录播】订单列表组件开发（一）(11分钟)

【录播】订单列表组件开发（二）(9分钟)

【录播】订单列表组件开发（三）(20分钟)
26
订单支付页开发

【录播】选择地址组件开发(12分钟)

【录播】列表组件功能升级(11分钟)

【录播】订单支付页UI开发(13分钟)

【录播】底部导航组件开发(8分钟)

【录播】自动填写默认地址(9分钟)

【录播】选择收货地址功能(13分钟)
27
发票页开发

【录播】发票选择页面开发（一）(11分钟)

【录播】发票选择页面开发（二）(8分钟)
28
登录页开发

【录播】登录页UI界面构建（一）(9分钟)

【录播】登录页UI界面构建（二）(9分钟)

【录播】登录页UI界面构建（三）(8分钟)

【录播】表单验证功能实现（一）(12分钟)

【录播】表单验证功能实现（二）(15分钟)
29
通知页开发

【录播】通知列表页开发(10分钟)
30
通知详情页开发

【录播】通知详情页开发(12分钟)
31
优化首次加载白屏问题

【录播】优化首次加载页面白屏问题（一）(12分钟)

【录播】优化首次加载页面白屏问题（二）(11分钟)
32
支付方式页和支付成功页开发

【录播】选择支付方式页开发（一）(10分钟)

【录播】选择支付方式页开发（二）(8分钟)

【录播】支付成功页开发(8分钟)
33
选择优惠券页开发

【录播】选择优惠券页开发（一）(8分钟)

【录播】选择优惠券页开发（二）(14分钟)

【录播】选择优惠券页开发（三）(13分钟)
34
订单详情页开发

【录播】订单详情页开发（一）(11分钟)

【录播】订单详情页开发（二）(5分钟)

【录播】订单详情页页面开发（三）(10分钟)
35
物流信息页开发

【录播】物流信息页开发(4分钟)
36
申请售后页开发

【录播】申请售后页开发（一）(11分钟)

【录播】申请售后页开发（二）(11分钟)

【录播】申请售后页开发（三）(8分钟)
37
关于商城页开发

【录播】关于商城页开发(6分钟)
38
前后端交互部分开发（一）

【录播】前后端交互前置知识(13分钟)

【录播】request的三种方式（一）(9分钟)

【录播】request的三种方式（二）(10分钟)

【录播】首页前后端交互（一）渲染分类和首屏数据(10分钟)

【录播】首页前后端交互（二）滑动渲染数据(12分钟)

【录播】首页前后端交互（三）上拉加载实现(9分钟)

【录播】首页前后端交互（四）下拉刷新(8分钟)

【录播】优化空数据默认显示(6分钟)

【录播】防止选项卡多次请求问题(8分钟)

【录播】优化首页加载状态(8分钟)
39
前后端交互部分开发（二）

【录播】request请求类封装（一）(14分钟)

【录播】request请求类封装（二）(7分钟)

【录播】request请求类封装（三）(12分钟)

【录播】【小程序端】首页导航适配(16分钟)

【录播】【小程序端】首页前后端交互（一）(7分钟)

【录播】【小程序端】首页前后端交互（二）(12分钟)

【录播】【小程序端】首页前后端交互（三）(5分钟)

【录播】【小程序端】首页前后端交互（四）(10分钟)

【录播】【小程序端】首页前后端交互（五）(8分钟)

【录播】商品详情页交互（一）轮播图(17分钟)
40
前后端交互部分开发（三）

【录播】商品详情页交互（二）商品信息(9分钟)

【录播】商品详情页交互（三）热门评论(8分钟)

【录播】商品详情页交互（四）商品详情和热门推荐(7分钟)

【录播】商品详情页交互（五）多规格（一）(13分钟)

【录播】商品详情页交互（六）多规格（二）(6分钟)

【录播】评论接口调整(8分钟)

【录播】多规格选择功能（一）(7分钟)

【录播】多规格选择功能（二）(12分钟)

【录播】多规格选择功能（三）(6分钟)

【录播】规格选择库存限制(6分钟)
41
前后端交互部分开发（四）

【录播】最大购买数的处理(6分钟)

【录播】指定商品评论列表交互(22分钟)

【录播】评论列表 - 分页功能实现(12分钟)

【录播】评论列表 - 分类实现(10分钟)

【录播】评论列表 - 下拉刷新功能(7分钟)

【录播】评论列表 - 客服回复(7分钟)

【录播】优化蒙版滚动问题(3分钟)

【录播】完善搜索页面-搜索记录（一）(10分钟)

【录播】完善搜索页面-搜索记录（二）(6分钟)

【录播】完善搜索页面-搜索记录（三）(5分钟)
42
前后端交互部分开发（五）

【录播】完善搜索页面-搜索记录（四）(6分钟)

【录播】搜索列表 - 搜索功能(15分钟)

【录播】搜索列表 - 排序功能（一）(7分钟)

【录播】搜索列表 - 排序功能（二）(10分钟)

【录播】搜索列表-筛选功能（一）(10分钟)

【录播】搜索列表-筛选功能（二）(10分钟)

【录播】搜索列表-重置筛选功能(9分钟)

【录播】搜索列表-上拉加载更多(8分钟)

【录播】搜索列表-下拉刷新功能(8分钟)

【录播】搜索列表-优化搜索页面（一）(12分钟)
43
前后端交互部分开发（六）

【录播】搜索列表-优化搜索页面（二）(8分钟)

【录播】搜索列表-优化搜索页面（三）(8分钟)

【录播】优化搜索列表和公共列表(7分钟)

【录播】商品分类前后端交互（一）(15分钟)

【录播】商品分类前后端交互（二）(4分钟)

【录播】用户登录功能（一）(8分钟)

【录播】用户登录功能（二）(11分钟)

【录播】退出登录功能(9分钟)

【录播】初始化登录状态(12分钟)

【录播】封装跳转权限验证(8分钟)
44
前后端交互部分开发（七）

【录播】全局处理请求token（一）(7分钟)

【录播】全局处理请求token（二）(8分钟)

【录播】全局处理token失效（三）(6分钟)

【录播】商品详情单规格处理(17分钟)

【录播】优化收货地址滑动操作性能(12分钟)

【录播】收货地址列表和下拉刷新功能(9分钟)

【录播】收货地址列表上拉加载功能(10分钟)

【录播】新增收货地址功能实现(14分钟)

【录播】删除收货地址功能实现(6分钟)

【录播】修改收货地址功能实现(15分钟)
45
前后端交互部分开发（八）

【录播】修复购物车一些小问题(6分钟)

【录播】获取当前用户购物车列表(11分钟)

【录播】修改购物车商品数量(5分钟)

【录播】修改购物车商品sku（一）(12分钟)

【录播】修改购物车商品sku（二）(13分钟)

【录播】修改购物车商品sku（三）(9分钟)

【录播】修改购物车商品sku（四）(7分钟)

【录播】修改购物车商品sku（五）(7分钟)

【录播】修改购物车商品sku（六）- 默认选中规格(8分钟)

【录播】处理库存不足问题(9分钟)
46
前后端交互部分开发（九）

【录播】购物车列表下拉刷新功能(4分钟)

【录播】加入购物车功能(11分钟)

【录播】批量删除购物车商品功能(5分钟)

【录播】购物车角标提示更新功能（一）(8分钟)

【录播】购物车角标提示更新功能（二）(8分钟)

【录播】优化购物车列表加载问题（一）(9分钟)

【录播】优化购物车列表加载问题（二）(9分钟)

【录播】领取优惠券功能（一）(9分钟)

【录播】领取优惠券功能（二）(16分钟)

【录播】领取优惠券功能（三）(5分钟)
47
前后端交互部分开发（十）

【录播】领取优惠券功能（四）(11分钟)

【录播】当前用户已领取优惠券列表(15分钟)

【录播】购物车结算交互（一）(7分钟)

【录播】购物车结算交互（二）(17分钟)

【录播】购物车结算交互（三）-可用优惠券数量(10分钟)

【录播】购物车结算交互（四）-优惠券价格计算(17分钟)

【录播】购物车结算交互（五）-优惠券不可用判断(13分钟)

【录播】购物车结算交互（六）-下单流程（一）(15分钟)

【录播】购物车结算交互（七）-下单流程（二）(7分钟)

【录播】订单支付（一）(11分钟)
48
前后端交互部分开发（十一）

【录播】订单支付（二）-支付实现(18分钟)

【录播】订单支付（三）-支付成功处理(11分钟)

【录播】订单列表交互(24分钟)

【录播】订单列表交互-完成支付和取消订单(14分钟)

【录播】订单列表交互-申请退款(12分钟)

【录播】订单列表交互-查看物流(15分钟)

【录播】订单列表交互-确认收货(3分钟)

【录播】订单详情交互(15分钟)

【录播】订单详情交互-自动取消订单(16分钟)

【录播】订单详情交互-自动确认收货(4分钟)
49
前后端交互部分开发（十二）

【录播】订单详情交互-优惠券显示(8分钟)

【录播】订单详情交互-完善小细节(16分钟)

【录播】微信支付申请流程(12分钟)

【录播】自定义基座和微信支付调试(7分钟)
50
多端兼容处理

【录播】多端兼容处理(27分钟)

【录播】微信小程序支付申请到实现流程(26分钟)
51
打包上线

【录播】打包上线(19分钟)
52
后端部署（附加课）

【录播】部署前环境搭建(15分钟)

【录播】域名解析(5分钟)

【录播】后端api部署(17分钟)