微信小程序开发（中级）

定　　价：49 元 本教材已被 1 所学校申请过！

丛书名：

• 作者：腾讯云计算（北京）有限责任公司
• 出版时间：2022/2/1
• ISBN：9787121428975
• 出 版 社：电子工业出版社

适用读者:本书可作为职业院校、应用型本科院校软件类专业教材，也是小程序开发爱好者和程序设计人员的有益读本。

• 中图法分类：TN929.53 
• 页码：252
• 版次：01
• 开本：16开
• 字数：396.799987792969(单位：千字)

内容简介

本书共8个项目，项目1～3主要讲解HTML列表和表单、CSS美化网页、JavaScript基础知识和常用方法，项目4介绍HTML5新增语义化元素、增强元素和多媒体元素、CSS3移动端适配、Ajax基础知识，项目5介绍分享功能和常用API，项目6介绍模块化开发、地图组件、版本管理工具、真机联调、更新及数据分析，项目7介绍云开发基础知识，项目8介绍CSS动画的使用规则和媒体API的使用方法。部分项目细分为若干个任务。每个任务配有“实操视频”和“知识点微课”，实现理实一体化。

作者介绍

腾讯云计算(北京)有限责任公司是一家长期从事丰富互联网用户的生活、助力企业数字化升级的互联网公司，公司在基础软件服务、应用软件服务、网络通信等领域积累雄厚的优势。近年来，公司积极拓展和培育教育领域，依托自身的技术优势，联合全国院校积极开发教育类产品，提升院校相关专业的人才培养质量，夯实学生的技术和技能基础，拓展就业面向，形成良好的口碑。

目 录

项目1?制作课程信息管理系统
项目情景 002
项目分析 002
学习目标 003
（一）知识目标 003
（二）技能目标 003
（三）素质目标 003
知识准备 004
1. HTML列表元素 004
2. HTML表单元素 006
3. HTML框架元素 009
项目实践 012
1. 搭建页面主体结构和内容 012
2. 创建form表单和搜索框 014
3. 创建班级列表 014
4. 制作课程表子页面 014
5. 使用＜iframe＞标签导入表格 016
6. 为课程添加超链接，进入课程详情页面 017
项目拓展 018
项目2?设计Web博客（静态）
项目情景 020
项目分析 020
学习目标 021
（一）知识目标 021
（二）技能目标 021
（三）素质目标 021
知识准备 021
1. flex弹性布局 021
2. 边框属性 028
3. linear-gradient属性 033
项目实践 039
1. 搭建页面主页结构 039
2. 搭建页面主体内容 039
3. 添加正文内容 040
4. 美化微博话题 042
5. 对微博话题的字体进行美化 043
6. 对微博话题的背景色进行美化 043
项目拓展 044
项目3?制作网页计算器
项目情景 046
项目分析 046
学习目标 047
（一）知识目标 047
（二）技能目标 047
（三）素质目标 047
知识准备 047
1. JavaScript文件引入方式 047
2. JS字符串常用方法 049
3. 数组常用方法 054
4. 获取DOM 059
5. js单击事件 061
项目实践 063
1. HTML布局 063
2. CSS添加样式 064
3. JavaScript计算 066
4. 扩展功能（验证正则表达式） 070
项目拓展 072
项目4?制作天气预报网
项目情景 074
项目分析 074
学习目标 074
（一）知识目标 074
（二）技能目标 075
（三）素质目标 075
任务1?完成天气预报页面内容 075
任务描述 075
知识准备 075
1. HTML5新增语义化元素 075
2. HTML5页面增强元素 083
3. HTML5多媒体元素 083
任务实施 085
1. 制作页面结构 085
2. 搭建主体内容 085
任务拓展 088
任务2?为天气预报页面进行移动端适配 089
任务描述 089
知识准备 089
1. 视口（viewport）应用 089
2. 媒体查询 091
3. CSS单位 093
任务实施 093
任务拓展 097
任务3?天气预报网页获取后台动态数据 097
任务描述 097
知识准备 098
1. Ajax简介 098
2. Ajax访问服务器的方法 098
3. JavaScript操作DOM的方法 099
任务实施 099
1. 准备服务器端接口页面 099
2. 修改客户端index.html页面 100
3. 查看浏览效果 101
任务拓展 102
项目5?制作分享小程序
项目情景 104
项目分析 104
学习目标 104
（一）知识目标 104
（二）技能目标 105
（三）素质目标 105
知识准备 105
1. 小程序分享功能基础 105
2. chooseImage方法 107
3. uploadFile方法 108
4. request方法 110
5. 配置域名 111
项目实践 113
1. 创建项目并开发完整的ToDoList项目 113
2. 开发分享功能 114
3. 用户上传图片 116
4. 用户自定义图片分享 118
5. 完整JS代码 118
任务拓展 119
项目6?制作进阶版分享小程序
项目情景 122
项目分析 122
学习目标 122
（一）知识目标 122
（二）技能目标 122
（三）素质目标 123
任务1?制作进阶版分享小程序 123
任务描述 123
知识准备 123
1. 注册友盟账户 123
2. 开通微信地图 125
3. getLocation方法 126
4. showToast方法 128
5. navigateTo方法 129
6. map组件 130
任务实施 133
1. 友盟对接 133
2. 使用地图扩展功能开发 137
3. 组件的封装 142
任务2?朋友圈小程序的发布与运维 144
任务描述 144
知识准备 144
1. 版本管理工具 144
2. npm支持 150
3. 真机联调 156
4. 小程序更新机制 162
任务实施 163
1. 发布小程序 163
2. 小程序数据统计 166
3. 友盟数据统计 167
任务拓展 168
项目7?制作云数据库版和云函数版朋友圈小程序
项目情景 170
项目分析 170
学习目标 170
（一）知识目标 170
（二）技能目标 170
（三）素质目标 170
任务1?制作云数据库版朋友圈小程序 171
任务描述 171
知识准备 171
1. 云开发概述和开通 171
2. 数据库基础 172
3. 操作数据库 174
4. 文件存储 184
5. 调试工具 186
任务实施 187
1. 上传图片至云存储 187
2. 保存图片地址 189
任务2?制作云函数版朋友圈小程序 215
任务描述 189
知识准备 190
1. 云函数基础 190
2. 云函数的配置 190
3. 云函数调试 193
4. 云函数常用SDK文档 194
任务实施 201
1. 云函数创建 201
2. 云函数操作数据库 203
3. 获取用户手机号 205
4. 云函数的调试 209
任务拓展 211
项目8?制作音乐播放器
项目情景 214
项目分析 214
学习目标 215
（一）知识目标 215
（二）技能目标 215
（三）素质目标 215
知识准备 215
1. 媒体组件——audio 215
2. slider组件 218
3. 音频API——getBackgroundAudioManager 219
项目实践 222
1. 创建项目和初始化项目 222
2. 音乐播放列表展示 224
3. 播放页面的展示 227
4. 初始化播放器 231
5. 播放器销毁 235
6. 播放器暂停和播放 235
7. 播放拖曳 236
8. 音乐播放切换控制 237
项目拓展 238

参考文献 239