全网首发 商业级支付宝小程序入门与实战
-
第1章 课程导学与准备工作
本章主要介绍为何学习支付宝小程序，以及开发支付宝小程序能为我们带来哪些收获。之后会为大家介绍本课程内容具体安排，最后给出如何学好这门课程的一些学习建议。希望大家都能通过这门课程，学有所成，学有所归。
- 1-1 课程导学
-
第2章 初识支付宝小程序
本章首先会为大家介绍如何配置开发环境，如何使用蚂蚁开发者工具，随后我们会一起开发第一个hello world小例子，通过对开发工具以及基本文件类型的介绍，让大家快速熟悉支付宝小程序。为后面技术的学习，项目的开发做好基本准备。大家加油。...
- 2-1 创建小程序，申请appId，设置团队开发者
- 2-2 开发环境搭建&开发者工具介绍
- 2-3 开发第一个支付宝小程序hello world
- 2-4 四种基本文件类型与page样式
-
第3章 支付宝小程序基础架构
本章首先会讲解app的基本文件类型以及页面路由配置，包括小程序项目的生命周期以及页面的生命周期，随后会一起学习如何配置全局常量、对象、函数以及全局样式。此外我们会通过全局配置来设置标题栏、tab选项卡以及导航组件和api。让大家掌握小程序开发的基础架构开发。 ...
- 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布局精讲与实战
本章首先会学习什么是flex布局，什么是flex模型。随后会对flex拆分为容器和元素进行逐一讲解。最后进行一个骰子练习，通过flex布局与css的配合实现骰子的6个点数，以此来加固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章 支付宝小程序视图层与基础语法精讲
本章主要学习数据绑定，涉及到变量渲染，条件渲染以及列表渲染，另外对于view和block的区别会通过代码演示来理解。随后会讲解用户事件类型以及dataset绑定数据。最后我们会学习rpx自适应像素，来实现响应式布局，以此来实现多手机不同屏幕的自适应。...
- 5-1 数据绑定与渲染
- 5-2 ifelse条件渲染
- 5-3 for循环列表渲染
- 5-4 view与block的区别
- 5-5 6种不同的事件类型
- 5-6 dataset自定义数据的使用
- 5-7 使用rpx响应式像素实现自适应拉伸_音频.mp4
-
第6章 支付宝小程序首页模块开发
本章主要开发支付宝小程序首页模块，首先我们会学习图片组件以及13种模式，随后配合轮播图组件实现首页轮播图，同时我们搭配rpx实现自适应。接下来会对滚动视图组件进行学习并完成横向滑动的推荐商品列表。最后学习网络请求api实现本地调用在线接口，获取真实数据并且渲染整个首页。...
- 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章 商品分类、列表、详情模块开发
本章首先通过flex布局实现商品分类，并且实现自适应。随后可以通过搜索查询商品并且跳转到商品列表以及详情页。最后通过模板来实现代码的公用。对于商品详情我们通过json对象的解析来渲染。
- 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章 购物车模块开发
本章主要讲解购物车模块开发，首先我们会实现用户点击购物车动画效果，随后学习本地缓存api，通过缓存贯穿整个购物车业务，最后在购物车页面，我们实现自定义checkbox组件来替换原生，从而达到整体项目的配色一致，同时也会动态计算合计金额以及购买件数。 ...
-
第9章 订单模块开发
本章主要讲解订单业务处理流程，首先会根据流程图来理解整个流程，随后理解每个节点的订单状态。之后开发订单结算页面并且渲染购物车提交的商品数据，作为订单数据，我们会构建预处理订单，以此来实现需要预先准备给提交到后端的数据。...
-
第10章 地址管理模块开发
本章主要讲解地址管理相关业务，用户可以对地址进行增加、修改以及删除，在地址列表，用户可以设置默认地址也可以选择地址，并且列表页面的选中效果我们会实现信封风格样式。操作地址的时候会涉及到表单组件以及自定义组件，最后通过开发自定义的城市选择组件以此实现组件通用化。...
-
第11章 个人信息页面开发与登录授权api讲解
本章主要讲解个人页面的开发，首先我们会讲解支付宝授权登录，熟悉他的整个处理流程，本页面的历史订单数据用于提供给用户查看不同状态的订单，当然用户可以处理不同的订单，比如重新支付、取消订单、确认收货等。最后通过交互api实现用户的退出。授权登录的审核注意点我们也会提前在这里讲解噢！...
-
第12章 支付宝收银台支付模块开发
本章主要讲解支付宝授权支付，实现唤起收银台进行支付，同时对于整个支付的业务处理会详细讲解。当用户支付完毕后可以在个人页面看到历史订单，针对不同订单会涉及到不同的订单状态，通过本章的学习，可以打通支付的整套环节。...
-
第13章 属于你的支付宝小程序发布与上线
大家如果是从头到现在一直跟下来的，相信大家已经开发出了一款属于自己的支付宝小程序了， 接下来本章为大家讲解小程序如何发布与上线，如何避免审核的坑，以及审核方面的各个流程和注意点，如何设置体验版，最终发布上线。让大家真正拥有一款高质量的线上作品。...