- 电子工业出版社
- 9787121494369
- 1-1
- 540629
- 68260300-6
- 平塑
- 16开
- 2024-12
- 403
- 252
- 电子与信息大类
- 程序设计
- 高职
内容简介
本教材内容涵盖了微信小程序项目开发所需要的大部分技术，由8个项目42个任务组成。除了第一个项目，其余7个项目都包含一个完整的微信小程序项目开发案例，这些案例经过了精心制作，贴近企业级应用，部分代码直接来源于编者在企业技术开发中的实际项目。本教材是广东轻工职业技术学院“嵌入式技术应用”专业省级教学资源库中“跨平台应用开发技术”课程的配套教材。在课程资源库中有各种教学素材，包括教学大纲、PPT、微课视频、程序代码、配套习题、考试题库、教学动画等。读者可扫描书中二维码观看微课视频，也可登录华信教育资源网下载相关资源。
目录
项目一 微信小程序与开发环境 1
任务一 搭建开发环境 2
1.1.1 注册账号 2
1.1.2 下载并安装微信开发者工具 3
任务二 创建第一个微信小程序 4
1.2.1 第一个微信小程序 4
1.2.2 调试面板 5
1.2.3 格式化代码 7
任务三 了解微信小程序代码组成 9
1.3.1 项目文件 9
1.3.2 页面文件 10
1.3.3 四类文件简介 10
1.3.4 微信小程序协同工作与发布 12
项目小结 14
习题 14
项目二 答题小程序 15
任务一 制作答题小程序 15
2.1.1 项目介绍 15
2.1.2 创建项目 15
2.1.3 设计答题界面 16
2.1.4 设计逻辑代码 18
2.1.5 微信小程序生命周期 22
任务二 使用Flex布局 23
2.2.1 测试容器属性 25
2.2.2 测试Flex项目属性 28
任务三 使用条件渲染和列表渲染 30
2.3.1 条件渲染 30
2.3.2 列表渲染 32
项目小结 35
习题 35
项目三 天气预报 37
任务一 使用Picker组件 37
3.1.1 Picker组件简介 37
3.1.2 Picker组件的使用 37
任务二 使用wx.request发起网络请求 44
3.2.1 请求服务器数据API 44
3.2.2 wx.request请求参数 45
3.2.3 wx.quest请求示例 46
任务三 制作天气预报小程序 47
3.3.1 项目介绍 47
3.3.2 和风天气开发服务简介 47
3.3.3 创建项目 48
3.3.4 查看实时天气 48
3.3.5 查看24小时天气预报 53
3.3.6 查看7天天气预报 55
项目小结 59
习题 59
项目四 用户注册 61
任务一 使用ThinkPHP搭建服务器 61
4.1.1 小程序传统开发模式简介 61
4.1.2 传统开发模式的环境搭建 61
4.1.3 安装ThinkPHP 6 62
任务二 了解微信小程序登录流程 70
任务三 使用ThinkPHP实现微信登录流程 71
4.3.1 使用MySQL创建表格token 71
4.3.2 实现微信登录流程 72
任务四 实现微信登录 74
4.4.1 添加服务器IP配置文件 74
4.4.2 自动执行微信登录流程 74
任务五 使用小程序常用表单组件 76
4.5.1 单行文本输入框 76
4.5.2 多行文本输入框 78
4.5.3 单选按钮 79
4.5.4 checkbox复选按钮 81
4.5.5 slider组件和switch组件 82
任务六 制作用户注册小程序 83
4.6.1 设计注册页面 83
4.6.2 获取用户信息 86
4.6.3 处理文件上传 91
4.6.4 处理用户注册 93
项目小结 96
习题 96
项目五 媒体播放器 98
任务一 播放音频 98
5.1.1 BackgroundAudioManager对象 98
5.1.2 InnerAudioContext对象 101
任务二 播放视频 102
任务三 使用轮播图 105
任务四 使用tabBar 107
任务五 初始化媒体播放器项目 108
5.5.1 项目介绍 108
5.5.2 增加数据库表 112
5.5.3 创建项目并配置tabBar 113
5.5.4 添加工具模块 115
任务六 使用ThinkPHP实现数据库的基本操作 116
任务七 编辑栏目及音乐 123
5.7.1 实现标签页切换 123
5.7.2 编辑栏目和音乐 126
5.7.3 跳转栏目或音乐页面 130
任务八 实现音乐播放主界面 140
任务九 实现音乐播放器界面 144
任务十 编辑视频 156
任务十一 播放视频并发送弹幕 161
项目小结 166
习题 166
项目六 地点搜索与路线规划 168
任务一 使用Map组件（含获取用户当前位置） 168
6.1.1 Map组件属性 168
6.1.2 Map组件控制API 170
6.1.3 Map组件的使用 170
6.1.4 小程序位置信息API 172
6.1.5 位置信息API的应用 174
任务二 使用腾讯地图API 175
6.2.1 腾讯地图WebService API 175
6.2.2 小程序后台域名设置 179
6.2.3 地点搜索 179
6.2.4 路径规划 181
任务三 在小程序中使用Font Awesome字体图标 183
6.3.1 使用Font Awesome字体图标准备工作 183
6.3.2 应用Font Awesome字体图标 184
任务四 制作半屏滑出效果 185
任务五 搜索餐厅、加油站等 188
6.5.1 项目介绍 188
6.5.2 项目初始化 188
6.5.3 注册腾讯地图WebService API开发者 189
6.5.4 实现地点搜索 190
任务六 显示规划路线（驾车、步行、骑车、电动车） 193
项目小结 199
习题 199
项目七 神秘的阴影 201
任务一 使用Canvas画图 201
任务二 制作神秘的阴影项目 205
7.2.1 项目介绍 205
7.2.2 制作方法 206
项目小结 214
习题 214
项目八 手机助手 216
任务一 使用模板 216
任务二 制作手机助手首页 217
8.2.1 项目介绍 217
8.2.2 制作模板 220
8.2.3 制作首页 220
任务三 使用手机加速度计 223
8.3.1 加速度计介绍 223
8.3.2 显示加速度计三轴数据 224
任务四 使用手机罗盘制作指南针 231
8.4.1 罗盘介绍 231
8.4.2 制作指南针 231
任务五 实现手机扫码 235
任务六 获取收货地址 236
任务七 获取发票抬头 237
任务八 获取手机系统信息 238
项目小结 240
习题 240
任务一 搭建开发环境 2
1.1.1 注册账号 2
1.1.2 下载并安装微信开发者工具 3
任务二 创建第一个微信小程序 4
1.2.1 第一个微信小程序 4
1.2.2 调试面板 5
1.2.3 格式化代码 7
任务三 了解微信小程序代码组成 9
1.3.1 项目文件 9
1.3.2 页面文件 10
1.3.3 四类文件简介 10
1.3.4 微信小程序协同工作与发布 12
项目小结 14
习题 14
项目二 答题小程序 15
任务一 制作答题小程序 15
2.1.1 项目介绍 15
2.1.2 创建项目 15
2.1.3 设计答题界面 16
2.1.4 设计逻辑代码 18
2.1.5 微信小程序生命周期 22
任务二 使用Flex布局 23
2.2.1 测试容器属性 25
2.2.2 测试Flex项目属性 28
任务三 使用条件渲染和列表渲染 30
2.3.1 条件渲染 30
2.3.2 列表渲染 32
项目小结 35
习题 35
项目三 天气预报 37
任务一 使用Picker组件 37
3.1.1 Picker组件简介 37
3.1.2 Picker组件的使用 37
任务二 使用wx.request发起网络请求 44
3.2.1 请求服务器数据API 44
3.2.2 wx.request请求参数 45
3.2.3 wx.quest请求示例 46
任务三 制作天气预报小程序 47
3.3.1 项目介绍 47
3.3.2 和风天气开发服务简介 47
3.3.3 创建项目 48
3.3.4 查看实时天气 48
3.3.5 查看24小时天气预报 53
3.3.6 查看7天天气预报 55
项目小结 59
习题 59
项目四 用户注册 61
任务一 使用ThinkPHP搭建服务器 61
4.1.1 小程序传统开发模式简介 61
4.1.2 传统开发模式的环境搭建 61
4.1.3 安装ThinkPHP 6 62
任务二 了解微信小程序登录流程 70
任务三 使用ThinkPHP实现微信登录流程 71
4.3.1 使用MySQL创建表格token 71
4.3.2 实现微信登录流程 72
任务四 实现微信登录 74
4.4.1 添加服务器IP配置文件 74
4.4.2 自动执行微信登录流程 74
任务五 使用小程序常用表单组件 76
4.5.1 单行文本输入框 76
4.5.2 多行文本输入框 78
4.5.3 单选按钮 79
4.5.4 checkbox复选按钮 81
4.5.5 slider组件和switch组件 82
任务六 制作用户注册小程序 83
4.6.1 设计注册页面 83
4.6.2 获取用户信息 86
4.6.3 处理文件上传 91
4.6.4 处理用户注册 93
项目小结 96
习题 96
项目五 媒体播放器 98
任务一 播放音频 98
5.1.1 BackgroundAudioManager对象 98
5.1.2 InnerAudioContext对象 101
任务二 播放视频 102
任务三 使用轮播图 105
任务四 使用tabBar 107
任务五 初始化媒体播放器项目 108
5.5.1 项目介绍 108
5.5.2 增加数据库表 112
5.5.3 创建项目并配置tabBar 113
5.5.4 添加工具模块 115
任务六 使用ThinkPHP实现数据库的基本操作 116
任务七 编辑栏目及音乐 123
5.7.1 实现标签页切换 123
5.7.2 编辑栏目和音乐 126
5.7.3 跳转栏目或音乐页面 130
任务八 实现音乐播放主界面 140
任务九 实现音乐播放器界面 144
任务十 编辑视频 156
任务十一 播放视频并发送弹幕 161
项目小结 166
习题 166
项目六 地点搜索与路线规划 168
任务一 使用Map组件（含获取用户当前位置） 168
6.1.1 Map组件属性 168
6.1.2 Map组件控制API 170
6.1.3 Map组件的使用 170
6.1.4 小程序位置信息API 172
6.1.5 位置信息API的应用 174
任务二 使用腾讯地图API 175
6.2.1 腾讯地图WebService API 175
6.2.2 小程序后台域名设置 179
6.2.3 地点搜索 179
6.2.4 路径规划 181
任务三 在小程序中使用Font Awesome字体图标 183
6.3.1 使用Font Awesome字体图标准备工作 183
6.3.2 应用Font Awesome字体图标 184
任务四 制作半屏滑出效果 185
任务五 搜索餐厅、加油站等 188
6.5.1 项目介绍 188
6.5.2 项目初始化 188
6.5.3 注册腾讯地图WebService API开发者 189
6.5.4 实现地点搜索 190
任务六 显示规划路线（驾车、步行、骑车、电动车） 193
项目小结 199
习题 199
项目七 神秘的阴影 201
任务一 使用Canvas画图 201
任务二 制作神秘的阴影项目 205
7.2.1 项目介绍 205
7.2.2 制作方法 206
项目小结 214
习题 214
项目八 手机助手 216
任务一 使用模板 216
任务二 制作手机助手首页 217
8.2.1 项目介绍 217
8.2.2 制作模板 220
8.2.3 制作首页 220
任务三 使用手机加速度计 223
8.3.1 加速度计介绍 223
8.3.2 显示加速度计三轴数据 224
任务四 使用手机罗盘制作指南针 231
8.4.1 罗盘介绍 231
8.4.2 制作指南针 231
任务五 实现手机扫码 235
任务六 获取收货地址 236
任务七 获取发票抬头 237
任务八 获取手机系统信息 238
项目小结 240
习题 240
