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

《支付宝小程序入门与实战：开发高颜值电商项目》是一套从基础到实战的支付宝小程序开发课程，面向希望掌握小程序开发技术、具备独立项目开发能力的前端开发者及初学者。课程以完整的电商项目为核心，通过真实业务场景串联小程序基础知识、页面开发、数据交互、用户体系以及项目工程化等内容，让学员在项目实践中快速建立支付宝小程序开发的完整知识体系。

课程前期将从支付宝小程序开发环境搭建开始，逐步学习小程序的基本结构、页面与组件、生命周期、事件处理、数据绑定以及页面路由等核心知识，帮助学员理解小程序的运行机制和开发模式。在掌握基础之后，课程进入电商项目实战，围绕首页、商品分类、商品详情、搜索、购物车、订单、个人中心等典型功能进行开发，完整体验一个电商小程序从设计到落地的过程。

课程重点关注用户体验与页面视觉效果，通过合理的页面布局、组件拆分、交互设计以及响应式适配，打造界面精美、操作流畅的高颜值电商项目。同时结合网络请求、接口数据处理、登录授权、用户信息管理等内容，让学员掌握前后端数据交互的基本流程。

在项目进阶部分，还将涉及状态管理、代码复用、公共组件封装、项目结构优化以及常见问题排查等实用技巧，帮助学员从“能够写页面”进一步提升到“能够独立完成项目”。通过完整实战，学员可以掌握支付宝小程序从零开发到项目上线所需的核心技能，适合前端开发者、小程序开发初学者以及希望拓展移动端开发能力的学习者。

课程目录：

└── 293 – 商业级支付宝小程序入门与实战/ (11.87 GB)
├── 第1章 课程导学与准备工作/ (66.49 MB)
│ └── 1-2 课程导学.mp4 (66.49 MB)
├── 第2章 初识支付宝小程序/ (195.42 MB)
│ ├── 2-1 创建小程序，申请appId，设置团队开发者.mp4 (75.52 MB)
│ ├── 2-2 开发环境搭建&开发者工具介绍.mp4 (61.37 MB)
│ ├── 2-3 开发第一个支付宝小程序hello world.mp4 (35.81 MB)
│ └── 2-4 四种基本文件类型与page样式.mp4 (22.73 MB)
├── 第3章 支付宝小程序基础架构/ (578.55 MB)
│ ├── 3-1 app的三种文件类型与路径配置管理.mp4 (39.93 MB)
│ ├── 3-2 结合生活实例讲解与演示app生命周期.mp4 (44.92 MB)
│ ├── 3-3 页面的生命周期 – 上.mp4 (53.04 MB)
│ ├── 3-4 页面的生命周期 – 下.mp4 (72.72 MB)
│ ├── 3-5 全局常量、对象、自定义函数的使用.mp4 (41.29 MB)
│ ├── 3-6 全局样式的使用和重写.mp4 (27.67 MB)
│ ├── 3-7 全局与私有标题栏的配置.mp4 (28.69 MB)
│ ├── 3-8 tab选项卡介绍与模块页面的创建.mp4 (73.54 MB)
│ ├── 3-9 tab选项卡的配置与显示.mp4 (80.04 MB)
│ ├── 3-10 导航组件页面跳转.mp4 (84.61 MB)
│ └── 3-11 导航api与章节回顾.mp4 (32.09 MB)
├── 第4章 支付宝小程序flex布局精讲与实战/ (683.21 MB)
│ ├── 4-1 flex布局的概念与模型.mp4 (15.52 MB)
│ ├── 4-2 flex-direction 水平轴与交叉轴的排列方向.mp4 (60.04 MB)
│ ├── 4-3 flex-warp 换行属性以及flex-flow的结合.mp4 (73.89 MB)
│ ├── 4-4 justify-content在水平轴与交叉轴的对齐方式.mp4 (77.96 MB)
│ ├── 4-5 align-items元素在交叉轴的对齐方式.mp4 (101.43 MB)
│ ├── 4-6 align-content基于多轴线的对其方式.mp4 (96.49 MB)
│ ├── 4-7 flex设置元素的排序、拉伸与缩放.mp4 (61.45 MB)
│ ├── 4-8 flex设置元素的固定占比与重写对齐方式.mp4 (39.32 MB)
│ ├── 4-9 模拟骰子1点数进行flex布局演练.mp4 (48.16 MB)
│ ├── 4-10 模拟骰子2点数进行flex布局演练.mp4 (38.41 MB)
│ ├── 4-11 模拟骰子3点数进行flex布局演练.mp4 (14.58 MB)
│ └── 4-12 模拟骰子4-6点数进行flex布局演练.mp4 (55.95 MB)
├── 第5章 支付宝小程序视图层与基础语法精讲/ (373.45 MB)
│ ├── 5-1 数据绑定与渲染.mp4 (31.88 MB)
│ ├── 5-2 ifelse条件渲染.mp4 (60.59 MB)
│ ├── 5-3 for循环列表渲染.mp4 (38.75 MB)
│ ├── 5-4 view与block的区别.mp4 (50.63 MB)
│ ├── 5-5 6种不同的事件类型.mp4 (71.16 MB)
│ ├── 5-6 dataset自定义数据的使用.mp4 (62.46 MB)
│ └── 5-7 使用rpx响应式像素实现自适应拉伸_音频.mp4 (57.98 MB)
├── 第6章 支付宝小程序首页模块开发/ (1.36 GB)
│ ├── 6-1 图片组件的使用.mp4 (40.24 MB)
│ ├── 6-2 图片的4种缩放模式与9种裁剪模式讲解.mp4 (116.76 MB)
│ ├── 6-3 轮播图组件的使用与属性讲解.mp4 (96.33 MB)
│ ├── 6-4 scroll-view组件的使用.mp4 (42.90 MB)
│ ├── 6-5 开发首页轮播图.mp4 (89.11 MB)
│ ├── 6-6 flex二级嵌套开发商城特色一栏_x264.mp4 (85.24 MB)
│ ├── 6-7 可滚动视图组件开发推荐商品.mp4 (121.06 MB)
│ ├── 6-8 完成纵向新品列表.mp4 (270.84 MB)
│ ├── 6-9 发送httpRequest获取轮播图数据.mp4 (118.09 MB)
│ ├── 6-10 首页轮播图动态渲染.mp4 (98.79 MB)
│ ├── 6-11 网络请求获取推荐商品以及新品列表数据.mp4 (89.61 MB)
│ ├── 6-12 推荐商品以及新品列表数据渲染展示.mp4 (168.72 MB)
│ └── 6-13 下拉实现首页数据刷新.mp4 (57.93 MB)
├── 第7章 商品分类、列表、详情模块开发/ (1.78 GB)
│ ├── 7-1 开发分类页面 – 固定搜索栏.mp4 (95.70 MB)
│ ├── 7-2 开发分类页面 – 显示每一个分类元素.mp4 (107.35 MB)
│ ├── 7-3 键盘回车触发confirm事件获取搜索框的值.mp4 (40.08 MB)
│ ├── 7-4 页面带参与debugger调试.mp4 (66.75 MB)
│ ├── 7-5 使用导航组件带参.mp4 (64.74 MB)
│ ├── 7-6 根据不同参数发起网络请求查询商品列表.mp4 (135.91 MB)
│ ├── 7-7 使用交互api提高用户体验.mp4 (49.24 MB)
│ ├── 7-8 查询结果文字动态数据绑定与显示.mp4 (69.36 MB)
│ ├── 7-9 使用模板实现商品列表代码公用.mp4 (135.04 MB)
│ ├── 7-10 httpRequest请求商品详情.mp4 (145.60 MB)
│ ├── 7-11 开发商品详情页 – 封面图.mp4 (101.65 MB)
│ ├── 7-12 开发商品详情页 – 基本信息渲染 上.mp4 (205.66 MB)
│ ├── 7-13 开发商品详情页 – 基本信息渲染 下.mp4 (130.88 MB)
│ ├── 7-14 开发商品详情页 – json解析渲染商品介绍.mp4 (159.73 MB)
│ ├── 7-15 开发商品详情页 – 固定底部操作栏.mp4 (151.84 MB)
│ ├── 7-16 完善首页商品导航跳转_x264.mp4 (58.86 MB)
│ └── 7-17 完善首页轮播图跳转.mp4 (107.68 MB)
├── 第8章 购物车模块开发/ (1.72 GB)
│ ├── 8-1 实现加入购物车动画.mp4 (211.32 MB)
│ ├── 8-2 实现动画复原.mp4 (105.64 MB)
│ ├── 8-3 购物车方案与缓存api.mp4 (23.91 MB)
│ ├── 8-4 商品加入购物车.mp4 (155.45 MB)
│ ├── 8-5 完善相同商品加入购物车业务.mp4 (144.07 MB)
│ ├── 8-6 开发空购物车页面与switchTab.mp4 (129.23 MB)
│ ├── 8-7 请求购物车真实数据.mp4 (140.31 MB)
│ ├── 8-8 构建不可变商品列表.mp4 (163.80 MB)
│ ├── 8-9 固定底部购物车操作栏.mp4 (125.71 MB)
│ ├── 8-10 渲染非空购物车与debugger调试js.mp4 (144.03 MB)
│ ├── 8-11 自定义checkbox组件实现选择单个商品.mp4 (173.26 MB)
│ ├── 8-12 自定义checkbox实现全选或取消全选.mp4 (109.24 MB)
│ ├── 8-13 重新计算商品金额和件数.mp4 (125.54 MB)
│ └── 8-14 章节回顾.mp4 (11.22 MB)
├── 第9章 订单模块开发/ (710.71 MB)
│ ├── 9-1 订单流程、订单状态、支付失败的业务讲解.mp4 (39.85 MB)
│ ├── 9-2 构建预处理订单数据.mp4 (133.39 MB)
│ ├── 9-3 渲染订单结算页面.mp4 (102.01 MB)
│ ├── 9-4 监听文本框事件.mp4 (47.43 MB)
│ ├── 9-5 生成待付款订单.mp4 (189.72 MB)
│ ├── 9-6 清除购物车商品缓存.mp4 (120.88 MB)
│ └── 9-7 商品页直接购买.mp4 (77.41 MB)
├── 第10章 地址管理模块开发/ (1.51 GB)
│ ├── 10-1 渲染页面地址信息.mp4 (79.55 MB)
│ ├── 10-2 渲染静态地址选择页面.mp4 (77.12 MB)
│ ├── 10-3 渲染地址信息页面.mp4 (74.47 MB)
│ ├── 10-4 城市选择api.mp4 (71.70 MB)
│ ├── 10-5 开发自定义城市组件.mp4 (134.10 MB)
│ ├── 10-6 提交新地址.mp4 (145.94 MB)
│ ├── 10-7 订单页初始化地址信息.mp4 (191.79 MB)
│ ├── 10-8 地址列表同步展示.mp4 (83.55 MB)
│ ├── 10-9 编辑地址业务处理，更新订单结算页地址.mp4 (234.35 MB)
│ ├── 10-10 删除地址业务处理.mp4 (94.37 MB)
│ ├── 10-11 信封效果动态选中实现.mp4 (145.50 MB)
│ ├── 10-12 确认选择地址.mp4 (60.46 MB)
│ └── 10-13 设为默认地址.mp4 (150.80 MB)
├── 第11章 个人信息页面开发与登录授权api讲解/ (761.07 MB)
│ ├── 11-1 团队协作细则.mp4 (10.73 MB)
│ ├── 11-2 是否登录页面展示.mp4 (62.75 MB)
│ ├── 11-3 授权登录业务梳理.mp4 (21.84 MB)
│ ├── 11-4 授权api获取用户授权码.mp4 (79.55 MB)
│ ├── 11-5 请求个人信息设置全局对象.mp4 (120.66 MB)
│ ├── 11-6 完善提交订单的全局用户信息.mp4 (91.30 MB)
│ ├── 11-7 使用showActionSheet退出.mp4 (72.04 MB)
│ ├── 11-8 真机调试.mp4 (38.53 MB)
│ ├── 11-9 商品详情页的默认收藏状态.mp4 (105.73 MB)
│ ├── 11-10 商品收藏与取消.mp4 (122.86 MB)
│ └── 11-11 拦截未登录用户.mp4 (35.09 MB)
├── 第12章 支付宝收银台支付模块开发/ (1.13 GB)
│ ├── 12-1 支付宝支付业务梳理.mp4 (10.52 MB)
│ ├── 12-2 跳转到支付页面.mp4 (140.56 MB)
│ ├── 12-3 获得支付宝交易流水号tradeNo.mp4 (75.43 MB)
│ ├── 12-4 唤起收银台.mp4 (48.99 MB)
│ ├── 12-5 支付状态码与支付结果.mp4 (54.13 MB)
│ ├── 12-6 开发历史订单tab组件.mp4 (120.38 MB)
│ ├── 12-7 控制tab选中效果.mp4 (134.65 MB)
│ ├── 12-8 初始化订单列表.mp4 (115.01 MB)
│ ├── 12-9 构建历史订单列表.mp4 (176.37 MB)
│ ├── 12-10 切换不同订单状态列表.mp4 (54.39 MB)
│ ├── 12-11 取消订单.mp4 (89.78 MB)
│ ├── 12-12 提取支付公用方法，重新唤起收银台.mp4 (98.05 MB)
│ └── 12-13 确认收货.mp4 (43.41 MB)
├── 第13章 属于你的支付宝小程序发布与上线/ (196.81 MB)
│ ├── 13-1 打包上传，生成体验版.mp4 (75.42 MB)
│ ├── 13-2 提交审核的注意事项与驳回案例.mp4 (93.34 MB)
│ └── 13-3 灰度测试与上架.mp4 (28.04 MB)
├── 第14章 后端内容扩展/ (830.22 MB)
│ ├── 14-1 安装jdk.mp4 (105.06 MB)
│ ├── 14-2 安装maven.mp4 (53.48 MB)
│ ├── 14-3 maven依赖库.mp4 (45.75 MB)
│ ├── 14-4 安装数据库MariaDB，导入数据库，讲解表结构.mp4 (198.13 MB)
│ ├── 14-5 安装sts, 配置jdk，导入项目.mp4 (72.45 MB)
│ ├── 14-6 使用个人支付宝账号联调授权登录.mp4 (274.74 MB)
│ └── 14-7 假支付跑通订单流程.mp4 (80.61 MB)
├── 第15章 课程总结/ (16.66 MB)
│ └── 15-1 课程总结.mp4 (16.66 MB)
└── imooc-shop.rar (52.41 MB)