微信小程序开发案例教程（微课版）

  本书以学生熟练掌握微信小程序开发为目标，以项目化、任务化的方式组织内容，共分为5个项目。其中，项目1引导学生了解微信小程序的开发环境和开发流程；项目2让学生熟悉并掌握微信小程序的框架；项目3介绍微信小程序的常用组件；项目4介绍微信小程序的常用API；项目5为综合实践案例，可以作为学生的实训项目。本书选取的案例在贴合实际的同时，力求简单、有趣、易上手，让学生能够迅速地将所学内容转化为实践。

  项目1 微信小程序入门：开发环境和开发流程

1.1 任务1：微信小程序初探

1.1.1 微信小程序介绍

1.1.2 微信小程序技术发展史

1.2 任务2：搭建开发环境

1.2.1 注册账号

1.2.2 开发前准备

1.2.3 下载开发者工具

1.2.4 安装部署

1.3 任务3：开发初体验

1.3.1 新建项目

1.3.2 开发者工具页面

1.3.3 项目设置

1.4 任务4：项目发布上线攻略

1.4.1 项目成员设置

1.4.2 提交审核

1.4.3 发布项目

1.5 学习成果

1.6 巩固训练与创新探索

1.7 职业技能等级证书标准

项目2 个人简历：微信小程序框架

2.1 任务1：基本信息页面

2.1.1 任务分析

2.1.2 微信小程序的框架和目录结构

2.1.3 微信小程序注册和生命周期函数

2.1.4 【任务实施】构建基本信息页面

2.2 任务2：动态生成个人信息

2.2.1 任务分析

2.2.2 注册页面和页面生命周期函数

2.2.3 数据绑定基本用法

2.2.4 【任务实施】升级基本信息页面

2.3 任务3：教育经历页面

2.3.1 任务分析

2.3.2 数据绑定中的运算

2.3.3 tabBar导航

2.3.4 自定义函数

2.3.5 设值函数setData()

2.3.6 条件渲染

2.3.7 【任务实施】构建标签导航

2.3.8 【任务实施】构建教育经历页面

2.3.9 【任务实施】实现按钮逻辑功能

2.4 任务4：项目经验页面

2.4.1 任务分析

2.4.2 JSON数据

2.4.3 列表渲染

2.4.4 【任务实施】构建项目经验页面

2.5 任务5：专业技能页面

2.5.1 任务分析

2.5.2 微信小程序模板

2.5.3 引用模板和页面

2.5.4 【任务实施】构建模板文件的定义模板

2.5.5 【任务实施】调用模板构建专业技能页面

2.6 学习成果

2.7 巩固训练与创新探索

2.8 职业技能等级证书标准

项目3 微信小程序的常用组件

3.1 任务1：计算器

3.1.1 任务分析

3.1.2 view组件

3.1.3 Flex布局

3.1.4 自定义数据

3.1.5 【任务实施】构建计算器页面

3.1.6 【任务实施】实现计算功能

3.2 任务2：调色板

3.2.1 任务分析

3.2.2 RGB颜色表示法

3.2.3 slider组件

3.2.4 switch组件

3.2.5 【任务实施】构建调色板页面

3.2.6 【任务实施】实现调色板功能

3.3 任务3：动态条形图

3.3.1 任务分析

3.3.2 icon组件

3.3.3 progress组件

3.3.4 text组件

3.3.5 rich-text组件

3.3.6 【任务实施】构建动态条形图页面

3.3.7 【任务实施】实现动态条形图功能

3.4 任务4：导航页面

3.4.1 任务分析

3.4.2 navigator组件

3.4.3 页面路由管理

3.4.4 【任务实施】构建导航页面

3.5 任务5：拼图

3.5.1 任务分析

3.5.2 movable-view组件

3.5.3 scroll-view组件

3.5.4 rpx尺寸单位及WXSS新特性

3.5.5 背景图片和Base64编码

3.5.6 【任务实施】构建拼图页面

3.5.7 【任务实施】实现拼图功能

3.6 任务6：神州寻宝

3.6.1 任务分析

3.6.2 map组件

3.6.3 cover-view组件

3.6.4 picker组件

3.6.5 picker-view组件

3.6.6 button组件

3.6.7 【任务实施】构建神州寻宝页面

3.6.8 【任务实施】实现神州寻宝功能

3.7 任务7：调查问卷

3.7.1 任务分析

3.7.2 form组件

3.7.3 checkbox组件

3.7.4 radio组件

3.7.5 input组件

3.7.6 textarea组件

3.7.7 label组件

3.7.8 swiper组件

3.7.9 【任务实施】构建调查问卷页面

3.7.10 【任务实施】实现调查问卷功能

3.8 任务8：校园花卉欣赏

3.8.1 任务分析

3.8.2 image组件

3.8.3 audio组件

3.8.4 video组件

3.8.5 原生组件

3.8.6 WXS

3.8.7 【任务实施】构建校园花卉欣赏页面

3.8.8 【任务实施】实现图片预览功能

3.9 学习成果

3.10 巩固训练与创新探索

3.11 职业技能等级证书标准

项目4 微信小程序的常用API

4.1 任务1：跨页旅行

4.1.1 任务分析

4.1.2 微信小程序API

4.1.3 页面路由API

4.1.4 回调函数

4.1.5 【任务实施】构建常用API页面

4.1.6 【任务实施】实现子页面链接功能

4.1.7 【任务实施】实现跨页旅行功能

4.2 任务2：精选相册

4.2.1 任务分析

4.2.2 图片处理API

4.2.3 视频处理API

4.2.4 【任务实施】构建相册页面

4.2.5 【任务实施】实现选择图片的展示功能

4.2.6 【任务实施】实现图片预览功能

4.3 任务3：下载进度条

4.3.1 任务分析

4.3.2 文件上传、下载API