高等职业教育“十四五”新形态教材-微信小程序开发项目实战(微课版)

本书系统地介绍了有关微信小程序程序开发的 相关知识。主要面向中高职学生。介绍了小程序的 基本概念、运行环境、语法规范等相关知识，通过 一个商城案例介绍了小程序开发一套完整流程，并 且介绍了小程序后台开发数据接口功能。本教材重 点突出、内容精练、实用性强。通过理论讲解与案 例实践，读者可以迅速理解并掌握小程序开发知识 与技巧，全面提高实际动手能力。 本书可作为高等职业院校计算机相关专业学生 学习微信小程序的教材，也可供对小程序开发感兴 趣的开发人员、广大科技工作者和研究人员参考。

前言 项目1 初识微信小程序 任务1.1 注册小程序 1.1.1 注册小程序账号 1.1.2 查看小程序ID 任务1.2 认识小程序开发者工具 1.2.1 安装微信开发者工具 1.2.2 体验微信小程序 1.2.3 开发者工具的介绍 任务1.3 小程序目录结构 1.3.1 小程序与普通网页开发的区别 1.3.2 项目配置文件 1.3.3 主体文件 1.3.4 页面文件 1.3.5 其他文件 项目小结 学习评价 项目实训 项目2 小程序编程基础 任务2.1 小程序的执行顺序 2.1.1 小程序注册函数App() 2.1.2 页面注册函数Page() 任务2.2 构建页面数据 2.2.1 页面数据 2.2.2 数据绑定 任务2.3 列表渲染 2.3.1 wx:for 和 wx:key的使用 2.3.2 block wx:for的使用 任务2.4 条件渲染 2.4.1 wx:if的使用 2.4.2 block wx:if的使用 2.4.3 hidden的使用 任务2.5 事件绑定 2.5.1 事件的使用方式 2.5.2 事件的分类 2.5.3 事件的捕获阶段 2.5.4 绑定事件示例 项目小结 学习评价 项目实训 项目3 小程序常用组件 任务3.1 Flex弹性盒模型布局 3.1.1 Flex布局相关属性 3.1.2 Flex布局案例 3.1.3 Flex项目布局属性 任务3.2 “天天打卡”布局设计 3.2.1 案例展示 3.2.2 案例初始化 3.2.3 页面基本结构 任务3.3 “天天打卡”功能实现 3.3.1 获得个人信息——开放数据 3.3.2 打卡名称——输入框组件 3.3.3 打卡地点——地理位置API 3.3.4 打卡时间——picker组件 3.3.5 重复日期——条件运算符 任务3.4 “天天打卡”数据处理 3.4.1 消息提示框API 3.4.2 数据保存——写入缓存 3.4.3 打卡标签——读取缓存 项目小结 学习评价 项目实训 项目4 商城首页模块开发 任务4.1 商城项目需求分析 4.1.1 首页功能需求 4.1.2 新闻页功能需求 4.1.3 产品页功能需求 4.1.4 购物车页功能需求 4.1.5 个人中心页功能需求 任务4.2 商城项目创建 4.2.1 新建小程序项目 4.2.2 新建页面文件 4.2.3 导航栏设计 任务4.3 商城首页视图的设计 4.3.1 tabBar组件的设计 4.3.2 swiper组件的设计 4.3.3 navigator组件的设计 4.3.4 scroll-view组件的设计 4.3.5 公共样式的设计 任务4.4 商城首页动画的实现 4.4.1 Animation动画实例 4.4.2 关键帧动画 4.4.3 实现商品动画效果 项目小结 学习评价 项目实训 项目5 新闻页面模块开发 任务5.1 新闻页面视图层的设计 5.1.1 项目展示 5.1.2 新闻列表页面的设计 5.1.3 新闻列表样式的设计 任务5.2 新闻列表页面的实现 5.2.1 静态数据的定义 5.2.2 新闻列表页面数据绑定 5.2.3 筛选功能的设计 5.2.4 下拉刷新示例 5.2.5 上拉触底示例 5.2.6 页面跳转API 任务5.3 新闻详情页面的实现 5.3.1 新闻详情页面的设计 5.3.2 获取对应的详情数据 5.3.3 收藏功能的实现 5.3.4 转发分享功能的实现 5.3.5 背景音乐的实现 项目小结 学习评价 项目实训 项目6 商品页面模块开发 任务6.1 商品分类视图层的设计 6.1.1 项目展示 6.1.2 定义静态数据 6.1.3 商品分类区域 6.1.4 商品分类展示区域 6.1.5 商品分类列表滚动 任务6.2 商品列表页面的设计 6.2.1 商品列表页的布局 6.2.2 商品列表页的样式 6.2.3 自定义组件的创建 6.2.4 自定义组件的使用 任务6.3 商品详情页面的设计 6.3.1 商品详情页轮播图 6.3.2 商品详情页标题信息 6.3.3 使用iconfont图标库 6.3.4 picker组件的使用 6.3.5 商品详情页长图的实现 6.3.6 商品详情页底部的实现 项目小结 学习评价 项目实训 项目7 购物车模块开发 任务7.1 定义购物车基础数据 7.1.1 项目展示 7.1.2 定义静态数据 7.1.3 购物车视图页面 任务7.2 购物车页面详情 7.2.1 购物车商品列表 7.2.2 购物车商品数量 7.2.3 购物车底部信息 7.2.4 购物车为空状态 任务7.3 购物车结算金额 7.3.1 单选商品金额计算 7.3.2 全选商品金额计算 项目小结 学习评价 项目实训 项目8 用户信息模块开发 任务8.1 用户信息页面 8.1.1 项目展示 8.1.2 用户登录流程 8.1.3 实现用户授权登录 8.1.4 退出登录 任务8.2 模板的使用 8.2.1 模板语法 8.2.2 创建模板 8.2.3 使用模板 任务8.3 ECharts在小程序中的运用 8.3.1 配置ECharts 8.3.2 柱