商业级支付宝小程序入门与实战(从0到1开发商业级高颜值电商小程序),本门课程主要是面向初级开发人员,应届生,预备知识:1. 掌握html基础,2. 掌握css基础,3. 掌握javascript基础,课程会从基础知识讲解到复杂原理剖析,让你在开发项目的同时学懂核心技术点。本课程选用线上真实项目进行教学,让你快速积累商业级小程序开发经验,从需求分析,功能开发到发布上线,让你掌握商业级支付宝小程序开发的每个环节。
为什么要学习支付宝小程序?
◆快速迭代,减少成本;
◆接私活赚零花钱;
◆更优质的毕业设计;
◆有助于面试,加分。
技术学习:
1.掌握蚂蚁开发者工具基本操作;
2.熟悉基础组件与api;
3.材掌握fex布局与rpx自适应;
4.掌握模板与自定义组件。
实战部分:
◆在线接口文档、随堂笔记;
◆学习小程序编程思路;
◆购物业务、订单业务、支付业务;
◆掌握前后端联调;
◆真机调试、授权登录/收银台支付,讲解发布上线。
商业级支付宝小程序入门与实战目录: [11G]
第1章 课程导学与准备工作
第1章 课程导学与准备工作
1-2 课程导学
第2章 初识支付宝小程序
第2章 初识支付宝小程序
2-1 创建小程序,申请appId,设置团队开发者
2-2 开发环境搭建&开发者工具介绍
2-3 开发第一个支付宝小程序hello world
2-4 四种基本文件类型与page样式
第3章 支付宝小程序基础架构
第3章 支付宝小程序基础架构
3-1 app的三种文件类型与路径配置管理
3-10 导航组件页面跳转
3-11 导航api与章节回顾
3-2 结合生活实例讲解与演示app生命周期
3-3 页面的生命周期 – 上
3-4 页面的生命周期 – 下
3-5 全局常量、对象、自定义函数的使用
3-6 全局样式的使用和重写
3-7 全局与私有标题栏的配置
3-8 tab选项卡介绍与模块页面的创建
3-9 tab选项卡的配置与显示
第4章 支付宝小程序flex布局精讲与实战
第4章 支付宝小程序flex布局精讲与实战
4-1 flex布局的概念与模型
4-10 模拟骰子2点数进行flex布局演练
4-11 模拟骰子3点数进行flex布局演练
4-12 模拟骰子4-6点数进行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布局演练
第5章 支付宝小程序视图层与基础语法精讲
第5章 支付宝小程序视图层与基础语法精讲
5-1 数据绑定与渲染
5-2 ifelse条件渲染
5-3 for循环列表渲染
5-4 view与block的区别
5-5 6种不同的事件类型
5-6 dataset自定义数据的使用
5-7 使用rpx响应式像素实现自适应拉伸_音频
第6章 支付宝小程序首页模块开发
第6章 支付宝小程序首页模块开发
6-1 图片组件的使用
6-10 首页轮播图动态渲染
6-11 网络请求获取推荐商品以及新品列表数据
6-12 推荐商品以及新品列表数据渲染展示
6-13 下拉实现首页数据刷新
6-2 图片的4种缩放模式与9种裁剪模式讲解
6-3 轮播图组件的使用与属性讲解
6-4 scroll-view组件的使用
6-5 开发首页轮播图
6-6 flex二级嵌套开发商城特色一栏_x264
6-7 可滚动视图组件开发推荐商品
6-8 完成纵向新品列表
6-9 发送httpRequest获取轮播图数据
第7章 商品分类、列表、详情模块开发
第7章 商品分类、列表、详情模块开发
7-1 开发分类页面 – 固定搜索栏
7-10 httpRequest请求商品详情
7-11 开发商品详情页 – 封面图
7-12 开发商品详情页 – 基本信息渲染 上
7-13 开发商品详情页 – 基本信息渲染 下
7-14 开发商品详情页 – json解析渲染商品介绍
7-15 开发商品详情页 – 固定底部操作栏
7-16 完善首页商品导航跳转_x264
7-17 完善首页轮播图跳转
7-2 开发分类页面 – 显示每一个分类元素
7-3 键盘回车触发confirm事件获取搜索框的值
7-4 页面带参与debugger调试
7-5 使用导航组件带参
第8章 购物车模块开发
第8章 购物车模块开发
8-1 实现加入购物车动画
8-10 渲染非空购物车与debugger调试js
8-11 自定义checkbox组件实现选择单个商品
8-12 自定义checkbox实现全选或取消全选
8-13 重新计算商品金额和件数
8-14 章节回顾
8-2 实现动画复原
8-3 购物车方案与缓存api
8-4 商品加入购物车
8-5 完善相同商品加入购物车业务
8-6 开发空购物车页面与switchTab
8-7 请求购物车真实数据
第9章 订单模块开发
第9章 订单模块开发
9-1 订单流程、订单状态、支付失败的业务讲解
9-2 构建预处理订单数据
9-3 渲染订单结算页面
9-4 监听文本框事件
9-5 生成待付款订单
9-6 清除购物车商品缓存
9-7 商品页直接购买
第10章 地址管理模块开发
第10章 地址管理模块开发
10-1 渲染页面地址信息
10-10 删除地址业务处理
10-11 信封效果动态选中实现
10-12 确认选择地址
10-13 设为默认地址
10-2 渲染静态地址选择页面
10-3 渲染地址信息页面
10-4 城市选择api
10-5 开发自定义城市组件
10-6 提交新地址
10-7 订单页初始化地址信息
10-8 地址列表同步展示
第11章 个人信息页面开发与登录授权api讲解
第11章 个人信息页面开发与登录授权api讲解
11-1 团队协作细则
11-10 商品收藏与取消
11-11 拦截未登录用户
11-2 是否登录页面展示
11-3 授权登录业务梳理
11-4 授权api获取用户授权码
11-5 请求个人信息设置全局对象
11-6 完善提交订单的全局用户信息
11-7 使用showActionSheet退出
11-8 真机调试
11-9 商品详情页的默认收藏状态
第12章 支付宝收银台支付模块开发
第12章 支付宝收银台支付模块开发
12-1 支付宝支付业务梳理
12-10 切换不同订单状态列表
12-11 取消订单
12-12 提取支付公用方法,重新唤起收银台
12-13 确认收货
12-2 跳转到支付页面
12-3 获得支付宝交易流水号tradeNo
12-4 唤起收银台
12-5 支付状态码与支付结果
12-6 开发历史订单tab组件
12-7 控制tab选中效果
12-8 初始化订单列表
12-9 构建历史订单列表
第13章 属于你的支付宝小程序发布与上线
第13章 属于你的支付宝小程序发布与上线
13-1 打包上传,生成体验版
13-2 提交审核的注意事项与驳回案例
13-3 灰度测试与上架
第14章 后端内容扩展
第14章 后端内容扩展
14-1 安装jdk
14-2 安装maven
14-3 maven依赖库
14-4 安装数据库MariaDB,导入数据库,讲解表结构
14-5 安装sts, 配置jdk,导入项目
14-6 使用个人支付宝账号联调授权登录
14-7 假支付跑通订单流程
第15章 课程总结
第15章 课程总结
15-1 课程总结