《微信小程序开发》            

【主编】  刘斌 王军

【副主编】  管文强 丁洁 弋才学

【购买链接】https://item.jd.com/13425153.html

内容摘要

本教材共分10章，每一章都由实际开发经验丰富的企业工程师提供案例，这些案例从简单的“Hello World！”小程序到原生组件使用，从基本的小程序架构到云开发小程序，涵盖了开发小程序的基本步骤与知识点。这些案例一方面帮助读者提高了学习的兴趣，另一方面通过企业实际案例的介绍扩展了视野。

教材每一章都由本章导学、学习目标、储备知识、实际案例、小结、课后习题组成。通过储备知识部分的学习，可以掌握解决本章实际案例所需的知识。通过将实际案例进行任务分解，完成各个子任务的设计与编码，最终实现本章的学习目标。

教材目录

第1章 初识微信小程序 1

1.1 微信小程序开发 1

1.1.1　什么是微信小程序 1

1.1.2　微信小程序的前景 2

1.1.3　开发小程序需要的技术 3

1.2　搭建开发环境 4

1.2.1　个人开发者申请微信公众平台账号 4

1.2.2　搭建开发环境 5

1.2.3　配置程序 5

1.3　微信开发者工具 7

1.4　案例：第 一个Hello WX小程序 12

1.4.1　任务1——微信小程序创建 13

1.4.2　任务2——微信小程序架构分析 13

1.4.3　任务3——配置文件详解 14

1.5　小　结 15

1.6　课后习题 15

第2章 记事本小程序 18

2.1 逻辑层 18

2.1.1　注册程序 19

2.1.2　注册页面 20

2.1.3　页面路由 21

2.1.4　生命周期 22

2.1.5　模块化 24

2.2　视图层 25

2.2.1　HTML与WXML 25

2.2.2　CSS与WXSS 25

2.2.3　页面事件 25

2.2.4　页面的样式 28

2.3　WXML语法 28

2.3.1　数据绑定 28

2.3.2　条件渲染 29

2.3.3　列表渲染 29

2.4　WXS语法 29

2.4.1　模块 30

2.4.2　变量 31

2.4.3　运算符 31

2.4.4　控制语句 35

2.4.5　数据类型 38

2.5　Flex布局 38

2.5.1　基本概念 38

2.5.2　容器属性 39

2.6　案例：记事本小程序 41

2.6.1　案例分析 41

2.6.2　任务1——首页的实现 42

2.6.3　任务2——编辑页面的实现 45

2.7　小　结 48

2.8　课后习题 48

第3章 校园新闻网小程序 50

3.1 视图与基础组件 50

3.1.1　视图容器（view）组件 50

3.1.2　滚动视图（scroll-view）组件 53

3.1.3　滑块视图容器（swiper）组件 55

3.1.4　图标（icon）组件 57

3.1.5　文本（text）组件 59

3.1.6　进度条（progress）组件 60

3.1.7　导航（navigator）组件 62

3.2　案例：校园新闻网小程序 63

3.2.1　案例分析 63

3.2.2　任务1——导航栏 64

3.2.3　任务2——分类栏 64

3.2.4　任务3——轮播图 65

3.2.5　任务4——新闻列表 66

3.2.6　任务5——回到顶部 68

3.3　小　结 69

3.4　课后习题 70

第4章 快递单小程序 72

4.1 表单组件 72

4.1.1　按钮（button）组件 72

4.1.2　多选框（checkbox）组件 74

4.1.3　表单（form）组件 75

4.1.4　输入框（input）组件 76

4.1.5　滚动选择器（picker）组件 77

4.1.6　单选控制器（radio）组件 80

4.1.7　滑动选择器（slider）组件 81

4.1.8　开关选择器（switch）组件 83

4.1.9　文本框（textarea）组件 84

4.2　案例：快递单小程序 85

4.2.1　案例分析 85

4.2.2　任务1——导航栏 86

4.2.3　任务2——寄件人信息 87

4.2.4　任务3——收件人信息 90

4.2.5　任务4——立即下单 92

4.3　小　结 93

4.4　课后习题 93

第5章 邀请函小程序 95

5.1 媒体组件 95

5.1.1　图片（image）组件 95

5.1.2　音频（audio）组件 97

5.1.3　视频（video）组件 100

5.2　地图与动画 102

5.2.1　地图（map）组件 102

5.2.2　动画（animation）对象 104

5.3　案例：邀请函小程序 106

5.3.1　案例分析 106

5.3.2　任务1——新建一个微信小程序并配置 107

5.3.3　任务2——制作邀请函页面 109

5.3.4　任务3——制作照片展示页面 111

5.3.5　任务4——制作视频页面 112

5.3.6　任务5——制作地图页面 113

5.3.7　任务6——制作社员信息提交页面 114

5.3.8　任务7——添加心跳动画 119

5.4　小　结 120

5.5　课后习题 120

第6章 文件管理小程序 122

6.1 文　件 122

6.1.1　文件系统 122

6.1.2　获取文件信息 126

6.1.3　获取本地文件列表 127

6.1.4　创建目录 127

6.1.5　删除目录 128

6.1.6　打开文件 129

6.2　案例：文件管理小程序 129

6.2.1　案例分析 129

6.2.2　任务1——页面的实现 130

6.2.3　任务2——目录功能的实现 131

6.2.4　任务3——文件功能的实现 133

6.3　小　结 136

6.4　课后习题 136

第7章 你画我猜小程序 138

7.1 画　布 138

7.1.1　画布基础知识 138

7.1.2　画布小程序 139

7.2　案例：你画我猜小程序 140

7.2.1　案例分析 140

7.2.2　任务1——页面结构 140

7.2.3　任务2——绘制图像 141

7.2.4　任务3——选择画笔颜色 142

7.2.5　任务4——取消、擦除、删除 143

7.2.6　任务5——分享图片 144

7.3　小　结 145

7.4　课后习题 146

第8章 校园场地预约小程序 147

8.1 网　络 147

8.1.1　小程序网络基础 147

8.1.2　上传与下载 150

8.2　开放接口 154

8.2.1　登录 154

8.2.2　用户信息 157

8.2.3　账号信息 159

8.2.4　授权 160

8.3　案例：校园场地预约小程序 161

8.3.1　案例分析 161

8.3.2　任务1——用户授权 161

8.3.3　任务2——预约场地 164

8.4　小　结 164

8.5　课后习题 165

第9章 购物车小程序 166

9.1 开发模式对比 166

9.1.1　传统开发模式 166

9.1.2　云开发模式 167

9.2　云开发基础 168

9.2.1　开通云开发 168

9.2.2　云数据库 169

9.2.3　云存储 176

9.2.4　云函数 177

9.3　案例：奶茶购物车小程序 180

9.3.1　案例分析 180

9.3.2　任务1——创建项目并配置 181

9.3.3　任务2——商品展示页的实现 182

9.3.4　任务3——购物车页面的实现 185

9.3.5　任务4——结算页面的实现 190

9.3.6　任务5——地址管理页面的实现 193

9.3.7　任务6——新增地址页面的实现 195

9.4　小　结 198

9.5　课后习题 198

第10章 书城小程序 200

10.1 uni-app框架介绍 200

10.1.1　什么是uni-app 200

10.1.2　跨平台开发 201

10.2　uni-app框架基础 201

10.2.1　创建uni-app项目 201

10.2.2　目录结构 202

10.2.3　语法规范 208

10.2.4　生命周期 217

10.3　uni-app常用API 220

10.3.1　页面跳转 220

10.3.2　发起请求 224

10.4　案例：书城小程序 227

10.4.1　案例分析 227

10.4.2　任务1——创建项目并配置导航栏 228

10.4.3　任务2——书城首页的实现 230

10.4.4　任务3——分类页面的实现 234

10.4.5　任务4——分类书籍列表页面 236

10.4.6　任务5——书籍详情页面 237

10.4.7　任务6——书架页面展示已添加的书籍 239

10.4.8　任务7——阅读页面 240

10.4.9　任务8——个人页面 243

10.5　小结 244

10.6　课后习题 244

教材特色

01内容全面、组织合理

该教材按照工学结合的教材思路编写，精心设计了五个教学环节：工作任务、实践操作、拓展、小结和作业与练习。让读者在反复动手实践中，学会应用所学知识解决实际问题。

02结合实际、突出实践

教学内容根据真实任务来确定，选取的教学内容既适用于设计与制作小型的动态网站，又适合作为大型网站规划与建设的基础。

03资源丰富、立体教学

该教材配备了丰富的立体化教学资源，包括教学课件、微课、电子教案、案例代码、 实训项目指导等。

04 校企合作“双元”模式开发优质教材

该教材由成都中慧科技有限公司组织编写。编者具有丰富的前端开发课程授课经验，同时具有使用 HTML5、CSS3、JavaScript、ECMAScript6、jQuery和Ajax等技术进行实际项目开发的经验。他们依据先进的教育理念，结合全国职业院校实际教学情况以及学生专业水平，与IT技术专家共同探讨培养目标、内容、框架，基于不同的教学情境，开发出新一代信息技术优质教材。

适合范围

▶本科和高职院校计算机相关专业的学生。

▶可作为JavaScript、jQuery初学者的入门教程。

▶可作为具有一定Web前端基础的读者进一步学习提供参考本书。

中慧集团Web技术系列教材规划