[293] 支付宝小程序入门与实战 开发高颜值电商项目 -

网盘链接：

1. 课程导学与准备工作【毕设优质项目】

• 1-1 课前必读（不看会错过一个亿）
• 1-2 课程导学

2. 初识支付宝小程序

• 2-1 创建小程序，申请appId，设置团队开发者
• 2-2 开发环境搭建&开发者工具介绍
• 2-3 开发第一个支付宝小程序hello world
• 2-4 四种基本文件类型与page样式

3. 支付宝小程序基础架构

• 3-1 app的三种文件类型与路径配置管理
• 3-2 结合生活实例讲解与演示app生命周期
• 3-3 页面的生命周期 – 上
• 3-4 页面的生命周期 – 下
• 3-5 全局常量、对象、自定义函数的使用
• 3-6 全局样式的使用和重写
• 3-7 全局与私有标题栏的配置
• 3-8 tab选项卡介绍与模块页面的创建
• 3-9 tab选项卡的配置与显示
• 3-10 导航组件页面跳转
• 3-11 导航api与章节回顾

4. 支付宝小程序flex布局精讲与实战

• 4-1 flex布局的概念与模型
• 4-2 flex-direction 水平轴与交叉轴的排列方向
• 4-3 flex-warp 换行属性以及flex-flow的结合
• 4-4 justify-content在水平轴与交叉轴的对齐方式
• 4-5 align-items元素在交叉轴的对齐方式
• 4-6 align-content基于多轴线的对其方式
• 4-7 flex设置元素的排序、拉伸与缩放
• 4-8 flex设置元素的固定占比与重写对齐方式
• 4-9 模拟骰子1点数进行flex布局演练
• 4-10 模拟骰子2点数进行flex布局演练
• 4-11 模拟骰子3点数进行flex布局演练
• 4-12 模拟骰子4-6点数进行flex布局演练

5. 支付宝小程序视图层与基础语法精讲

• 5-1 数据绑定与渲染
• 5-2 ifelse条件渲染
• 5-3 for循环列表渲染
• 5-4 view与block的区别
• 5-5 6种不同的事件类型
• 5-6 dataset自定义数据的使用
• 5-7 使用rpx响应式像素实现自适应拉伸_音频.mp4

6. 支付宝小程序首页模块开发

• 6-1 图片组件的使用
• 6-2 图片的4种缩放模式与9种裁剪模式讲解
• 6-3 轮播图组件的使用与属性讲解
• 6-4 scroll-view组件的使用
• 6-5 开发首页轮播图
• 6-6 flex二级嵌套开发商城特色一栏_x264
• 6-7 可滚动视图组件开发推荐商品
• 6-8 完成纵向新品列表
• 6-9 发送httpRequest获取轮播图数据
• 6-10 首页轮播图动态渲染
• 6-11 网络请求获取推荐商品以及新品列表数据
• 6-12 推荐商品以及新品列表数据渲染展示
• 6-13 下拉实现首页数据刷新

7. 商品分类、列表、详情模块开发

• 7-1 开发分类页面 – 固定搜索栏
• 7-2 开发分类页面 – 显示每一个分类元素
• 7-3 键盘回车触发confirm事件获取搜索框的值
• 7-4 页面带参与debugger调试
• 7-5 使用导航组件带参
• 7-6 根据不同参数发起网络请求查询商品列表
• 7-7 使用交互api提高用户体验
• 7-8 查询结果文字动态数据绑定与显示
• 7-9 使用模板实现商品列表代码公用
• 7-10 httpRequest请求商品详情
• 7-11 开发商品详情页 – 封面图
• 7-12 开发商品详情页 – 基本信息渲染 上
• 7-13 开发商品详情页 – 基本信息渲染 下
• 7-14 开发商品详情页 – json解析渲染商品介绍
• 7-15 开发商品详情页 – 固定底部操作栏
• 7-16 完善首页商品导航跳转_x264
• 7-17 完善首页轮播图跳转

8. 购物车模块开发

• 8-1 实现加入购物车动画
• 8-2 实现动画复原
• 8-3 购物车方案与缓存api
• 8-4 商品加入购物车
• 8-5 完善相同商品加入购物车业务
• 8-6 开发空购物车页面与switchTab
• 8-7 请求购物车真实数据
• 8-8 构建不可变商品列表
• 8-9 固定底部购物车操作栏
• 8-10 渲染非空购物车与debugger调试js
• 8-11 自定义checkbox组件实现选择单个商品..
• 8-12 自定义checkbox实现全选或取消全选
• 8-13 重新计算商品金额和件数
• 8-14 章节回顾

9. 订单模块开发

• 9-1 订单流程、订单状态、支付失败的业务讲解
• 9-2 构建预处理订单数据
• 9-3 渲染订单结算页面
• 9-4 监听文本框事件
• 9-5 生成待付款订单
• 9-6 清除购物车商品缓存
• 9-7 商品页直接购买

10. 地址管理模块开发

• 10-1 渲染页面地址信息
• 10-2 渲染静态地址选择页面
• 10-3 渲染地址信息页面
• 10-4 城市选择api
• 10-5 开发自定义城市组件.mp4
• 10-6 提交新地址
• 10-7 订单页初始化地址信息
• 10-8 地址列表同步展示
• 10-9 编辑地址业务处理，更新订单结算页地址
• 10-10 删除地址业务处理
• 10-11 信封效果动态选中实现
• 10-12 确认选择地址
• 10-13 设为默认地址

11. 个人信息页面开发与登录授权api讲解

• 11-1 团队协作细则
• 11-2 是否登录页面展示
• 11-3 授权登录业务梳理
• 11-4 授权api获取用户授权码
• 11-5 请求个人信息设置全局对象
• 11-6 完善提交订单的全局用户信息
• 11-7 使用showActionSheet退出
• 11-8 真机调试
• 11-9 商品详情页的默认收藏状态
• 11-10 商品收藏与取消
• 11-11 拦截未登录用户

12. 支付宝收银台支付模块开发

• 12-1 支付宝支付业务梳理
• 12-2 跳转到支付页面
• 12-3 获得支付宝交易流水号tradeNo
• 12-4 唤起收银台
• 12-5 支付状态码与支付结果
• 12-6 开发历史订单tab组件
• 12-7 控制tab选中效果
• 12-8 初始化订单列表
• 12-9 构建历史订单列表
• 12-10 切换不同订单状态列表
• 12-11 取消订单
• 12-12 提取支付公用方法，重新唤起收银台
• 12-13 确认收货

13. 属于你的支付宝小程序发布与上线

• 13-1 打包上传，生成体验版
• 13-2 提交审核的注意事项与驳回案例
• 13-3 灰度测试与上架

14. 后端内容扩展

• 14-1 安装jdk
• 14-2 安装maven
• 14-3 maven依赖库
• 14-4 安装数据库MariaDB，导入数据库，讲解表结构
• 14-5 安装sts, 配置jdk，导入项目
• 14-6 使用个人支付宝账号联调授权登录
• 14-7 假支付跑通订单流程

15. 课程总结

• 15-1 课程总结