uni-app实战商城类app和小程序

帝莎学院创始人&CEO，目前主要从事全栈开发、Python、PHP、小程序、App、Web等技术的研究和开发。专注于实战类教程，授课风趣幽默，讲解条理清晰、通俗易懂，能举一反三，发散学生的思维，指引学生发掘适合自己的学习方法。

郑楚绵

¥198.00

立即订阅

扫码下载「CSDN程序员学院APP」，1000+技术好课免费看

APP订阅课程，领取优惠，最少立减5元 ↓↓↓

订阅后：请点击此处观看视频课程

视频教程-uni-app实战商城类app和小程序-Webapp

学习有效期：永久观看

学习时长：2799分钟

学习计划：47天

难度：中

「口碑讲师带队学习，让你的问题不过夜」

讲师姓名：郑楚绵

CEO/董事长/总经理

讲师介绍：帝莎学院创始人&CEO，目前主要从事全栈开发、Python、PHP、小程序、App、Web等技术的研究和开发。专注于实战类教程，授课风趣幽默，讲解条理清晰、通俗易懂，能举一反三，发散学生的思维，指引学生发掘适合自己的学习方法。

☛点击立即跟老师学习☚

「你将学到什么？」

适用人群

具备Html+Css+Javascript基础知识和Vuejs基础知识。

课程概述

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

「课程学习目录」

第1章：项目介绍

1.项目介绍（买前必看）

第2章：环境搭建和项目创建

1.环境搭建和项目创建

第3章：App.vue引入全局公共样式

1.App.vue引入全局公共样式

2.修复引入uni.css报错问题

3.动画库使用和图标库创建

4.编写uniapp全局样式

第4章：底部导航开发

1.底部导航开发

第5章：UI基础库封装

1.基础UI库快速上手

2.UI基础库封装（一）

3.UI基础库封装（二）

第6章：首页开发（vue部分）

1.首页pages.json配置

2.首页轮播图组件开发

3.封装首页轮播图组件

4.图标分类组件开发

5.封装图标分类组件

6.封装全局分割线组件

7.三图广告位组件开发

8.封装三图广告位组件

9.大图广告组件开发

10.封装基础卡片组件

11.公共列表组件开发

12.封装价格显示组件

13.封装公共列表组件

14.【更新】顶部选项卡（一）

15.【更新】顶部选项卡（二）-获得列表模块（一）

16.【更新】顶部选项卡（三）-滑动列表模块（二）

17.【更新】顶部选项卡（四）-组织数据格式

18.【更新】顶部选项卡（五）-加载数据

19.【更新】顶部选项卡（六）-上拉加载更多

第7章：nvue基础快速入门

1.补充课：关于nvue编译模式问题（重要）

2.如何使用nvue

3.weex组件浅析（一）

4.nvue中css的注意事项

5.weex组件浅析（二）

6.nvue和vue之间的通讯（一）

7.nvue和vue之间的通讯（二）

8.vue和nvue共享变量和数据

9.nvue使用uni-app接口

第8章：首页开发（Nvue部分）

1.轮播图组件开发

2.封装轮播图组件

3.图标分类组件开发

4.封装图标分类组件

5.封装分割线组件和监听页面显示

6.三图广告位组件开发

7.大图广告位组件开发

8.公共列表组件开发

9.封装公共列表组件

10.原生顶部选项卡开发（一）

11.原生顶部选项卡开发（二）

12.原生顶部选项卡开发（三）

13.原生顶部选项卡开发（四）

14.原生顶部选项卡开发（五）

15.原生顶部选项卡开发（六）

第9章：搜索页开发

1.Pages.json配置

2.随机颜色按钮组件开发

3.搜索记录组件开发

第10章：搜索列表页开发

1.排序筛选组件开发（一）

2.排序筛选组件开发（二）

3.排序筛选组件开发（三）

4.排序筛选组件开发（四）

5.排序筛选组件开发（五）

6.开发搜索列表组件

7.封装搜索列表组件

第11章：商品分类页开发

1.商品分类页UI界面构建（一）

2.商品分类页UI界面构建（二）

3.商品分类页UI界面构建（三）

4.分类菜单联动实现（一）

5.分类菜单联动实现（二）

6.分类菜单联动实现（三）

7.分类菜单联动实现（四）

8.分类菜单联动实现（五）

9.优化分类页体验

第12章：商品详情页开发

1.轮播图组件二次优化

2.基础详情组件开发

3.滚动商品特性组件开发

4.开发属性选择样式

5.滚动评论列表组件开发

6.商品详情富文本解析开发

7.热门推荐商品列表开发

8.底部操作条组件开发

9.底部弹出框组件开发

10.弹出属性筛选组件开发（一）

11.弹出属性筛选组件开发（二）

12.弹出选择配送地址开发

13.封装弹出服务说明组件

14.修改返回键默认行为

第13章：商品评论列表页开发

1.评论分类组件开发

2.评论列表组件开发

第14章：vuex快速掌握

1.Vuex的基础使用

2.Vuex的state多种用法

3.Vuex的Getters多种用法（一）

4.Vuex的Getters多种用法（二）

5.Vuex的Mutation多种用法

6.Vuex的Action用法

7.Vuex模块化实现

第15章：购物车开发

1.自定义导航开发

2.无商品默认显示组件开发

3.开发购物车商品列表组件（一）

4.开发购物车商品列表组件（二）

5.开发购物车商品列表组件（三）

6.合计组件开发

7.全选和取消全选功能实现

8.合计价格优雅实现

9.选中和取消选中单个实现

10.无商品禁用全选功能

11.修复分类页联动滚动bug

12.编辑购物车（一）- ui构建

13.编辑购物车（二）- 删除功能

14.编辑购物车（三）- 修改属性（1）

15.编辑购物车（四）- 修改属性（2）

16.完善详情页加入购物车功能

第16章：个人中心页开发

1.自定义头部组件开发

2.UI界面构建（一）- 图标分类

3.UI界面构建（二）- 菜单部分

第17章：设置页开发

1.用户设置页面开发

第18章：编辑个人资料页开发

1.修改资料页面开发

第19章：收货地址页开发

1.收货地址页面开发

2.增加收货地址页面开发

3.引入三级联动

4.列表滑动操作

5.使用vuex来管理收货地址

6.创建收货地址功能

7.删除收货地址功能

8.修改收货地址功能

9.完善详情页收货地址

10.完善设置默认收货地址（一）

11.完善设置默认收货地址（二）

12.补充购物车热门列表

第20章：订单页开发

1.创建订单页面

2.封装默认显示组件

3.顶部tab选项卡开发

4.订单列表组件开发（一）

5.订单列表组件开发（二）

6.订单列表组件开发（三）

第21章：订单支付页开发

1.选择地址组件开发

2.列表组件功能升级

3.订单支付页UI开发

4.底部导航组件开发

5.自动填写默认地址

6.选择收货地址功能

第22章：发票页开发

1.发票选择页面开发（一）

2.发票选择页面开发（二）

第23章：登录页开发

1.登录页UI界面构建（一）

2.登录页UI界面构建（二）

3.登录页UI界面构建（三）

4.表单验证功能实现（一）

5.表单验证功能实现（二）

第24章：通知页开发

1.通知列表页开发

第25章：通知详情页开发

1.通知详情页开发

第26章：优化首次加载白屏问题

1.优化首次加载页面白屏问题（一）

2.优化首次加载页面白屏问题（二）

第27章：支付方式页和支付成功页开发

1.选择支付方式页开发（一）

2.选择支付方式页开发（二）

3.支付成功页开发

第28章：选择优惠券页开发

1.选择优惠券页开发（一）

2.选择优惠券页开发（二）

3.选择优惠券页开发（三）

第29章：订单详情页开发

1.订单详情页开发（一）

2.订单详情页开发（二）

3.订单详情页页面开发（三）

第30章：物流信息页开发

1.物流信息页开发

第31章：申请售后页开发

1.申请售后页开发（一）

2.申请售后页开发（二）

3.申请售后页开发（三）

第32章：关于商城页开发

1.关于商城页开发

第33章：前后端交互部分开发

1.前后端交互前置知识

2.request的三种方式（一）

3.request的三种方式（二）

4.首页前后端交互（一）渲染分类和首屏数据

5.首页前后端交互（二）滑动渲染数据

6.首页前后端交互（三）上拉加载实现

7.首页前后端交互（四）下拉刷新

8.优化空数据默认显示

9.防止选项卡多次请求问题

10.优化首页加载状态

11.request请求类封装（一）

12.request请求类封装（二）

13.request请求类封装（三）

14.【小程序端】首页导航适配

15.【小程序端】首页前后端交互（一）

16.【小程序端】首页前后端交互（二）

17.【小程序端】首页前后端交互（三）

18.【小程序端】首页前后端交互（四）

19.【小程序端】首页前后端交互（五）

20.商品详情页交互（一）轮播图

21.商品详情页交互（二）商品信息

22.商品详情页交互（三）热门评论

23.商品详情页交互（四）商品详情和热门推荐

24.商品详情页交互（五）多规格（一）

25.商品详情页交互（六）多规格（二）

26.评论接口调整

27.多规格选择功能（一）

28.多规格选择功能（二）

29.多规格选择功能（三）

30.规格选择库存限制

31.最大购买数的处理

32.指定商品评论列表交互

33.评论列表 - 分页功能实现

34.评论列表 - 分类实现

35.评论列表 - 下拉刷新功能

36.评论列表 - 客服回复

37.优化蒙版滚动问题

38.完善搜索页面-搜索记录（一）

39.完善搜索页面-搜索记录（二）

40.完善搜索页面-搜索记录（三）

41.完善搜索页面-搜索记录（四）

42.搜索列表 - 搜索功能

43.搜索列表 - 排序功能（一）

44.搜索列表 - 排序功能（二）

45.搜索列表-筛选功能（一）

46.搜索列表-筛选功能（二）

47.搜索列表-重置筛选功能

48.搜索列表-上拉加载更多

49.搜索列表-下拉刷新功能

50.搜索列表-优化搜索页面（一）

51.搜索列表-优化搜索页面（二）

52.搜索列表-优化搜索页面（三）

53.优化搜索列表和公共列表

54.商品分类前后端交互（一）

55.商品分类前后端交互（二）

56.用户登录功能（一）

57.用户登录功能（二）

58.退出登录功能

59.初始化登录状态

60.封装跳转权限验证

61.全局处理请求token（一）

62.全局处理请求token（二）

63.全局处理token失效（三）

64.商品详情单规格处理

65.优化收货地址滑动操作性能

66.收货地址列表和下拉刷新功能

67.收货地址列表上拉加载功能

68.新增收货地址功能实现

69.删除收货地址功能实现

70.修改收货地址功能实现

71.修复购物车一些小问题

72.获取当前用户购物车列表

73.修改购物车商品数量

74.修改购物车商品sku（一）

75.修改购物车商品sku（二）

76.修改购物车商品sku（三）

77.修改购物车商品sku（四）

78.修改购物车商品sku（五）

79.修改购物车商品sku（六）- 默认选中规格

80.处理库存不足问题

81.购物车列表下拉刷新功能

82.加入购物车功能

83.批量删除购物车商品功能

84.购物车角标提示更新功能（一）

85.购物车角标提示更新功能（二）

86.优化购物车列表加载问题（一）

87.优化购物车列表加载问题（二）

88.领取优惠券功能（一）

89.领取优惠券功能（二）

90.领取优惠券功能（三）

91.领取优惠券功能（四）

92.当前用户已领取优惠券列表

93.购物车结算交互（一）

94.购物车结算交互（二）

95.购物车结算交互（三）-可用优惠券数量

96.购物车结算交互（四）-优惠券价格计算

97.购物车结算交互（五）-优惠券不可用判断

98.购物车结算交互（六）-下单流程（一）

99.购物车结算交互（七）-下单流程（二）

100.订单支付（一）

101.订单支付（二）-支付实现

102.订单支付（三）-支付成功处理

103.订单列表交互

104.订单列表交互-完成支付和取消订单

105.订单列表交互-申请退款

106.订单列表交互-查看物流

107.订单列表交互-确认收货

108.订单详情交互

109.订单详情交互-自动取消订单

110.订单详情交互-自动确认收货

111.订单详情交互-优惠券显示

112.订单详情交互-完善小细节

113.微信支付申请流程

114.自定义基座和微信支付调试

第34章：多端兼容处理

1.兼容微信小程序处理

2.微信小程序支付申请到实现流程

第35章：打包上线

1.证书申请和打包上线

第36章：后端部署（附加课）

1.部署前环境搭建

2.域名解析

3.后端api部署

「7项超值权益，保障学习质量」

大咖讲解

技术专家系统讲解传授编程思路与实战。

答疑服务

专属社群随时沟通与讲师答疑，扫清学习障碍，自学编程不再难。

课程资料+课件

超实用资料，覆盖核心知识，关键编程技能，方便练习巩固。（部分讲师考虑到版权问题，暂未上传附件，敬请谅解）

常用开发实战

企业常见开发实战案例，带你掌握Python在工作中的不同运用场景。

大牛技术大会视频

2019Python开发者大会视频免费观看，送你一个近距离感受互联网大佬的机会。

APP+PC随时随地学习

满足不同场景，开发编程语言系统学习需求，不受空间、地域限制。

「什么样的技术人适合学习？」

想进入互联网技术行业，但是面对多门编程语言不知如何选择，0基础的你
掌握开发、编程技术单一、冷门，迫切希望能够转型的你
想进入大厂，但是编程经验不够丰富，没有竞争力，程序员找工作难。

「悉心打造精品好课，47天学到大牛3年项目经验」

【完善的技术体系】

技术成长循序渐进，帮助用户轻松掌握

掌握Webapp知识，扎实编码能力

【清晰的课程脉络】

浓缩大牛多年经验，全方位构建出系统化的技术知识脉络，同时注重实战操作。

【仿佛在大厂实习般的课程设计】

课程内容全面提升技术能力，系统学习大厂技术方法论，可复用在日后工作中。

「你可以收获什么？」

掌握weex（nvue），原生开发，提高性能

学会封装基础UI库，大大提高开发效率

掌握Vuex的使用，模块化管理

掌握微信支付和支付宝支付

订阅课程开始学习