[套装书]零基础学：微信小程序开发+小程序从0到1：微信全栈工程师一本通（2册）

作者
岂超凡石桥码农
丛书名
出版社
机械工业出版社
ISBN
9782002122053
简要
简介
内容简介书籍计算机书籍 ---------------------------零基础学：微信小程序开发--------------------------- 本书介绍了微信小程序常用组件的使用、常用API的使用、事件的监听和处理、数据的交互与处理等，并提供了多个实战项目的开发和讲解，使读者能够快速学习微信小程序的知识点、开发流程、项目结构、开发思路，熟练使用微信小程序开发工具的各个功能面板。本书适合零基础的开发人员，以及想要学习微信小程序开发的其他从业人员。 ---------------------------小程序从0到1：微信全栈工程师一本通--------------------------- 本书分为四篇：第一篇即为第1章，介绍开发环境的准备及账号的注册。学完本章内容，相当于取得了入场券。第二篇包括第2～10章，是项目实战部分。其中第2～6章是小程序前端案例，使用了后台地址但未涉及后台编程；第7～10章是在已有案例的基础上添加了后端程序的支持。先学习前端，再学习后端，由浅入深，这样更易于理解和掌握。第三篇包括第11～14章，详细讲解所有小程序组件的使用方法，几乎全部组件都具有生产可用的UI，所附示例源码可以直接用于实际项目中，大大降低了初学者开发第一个小程序时在美工上的门槛。第四篇包括第15～17章，是综合练习部分，系统地介绍JS语言、Go语言、WXSS样式语法等必备知识与技能。其中各节有独立的练习代码，可供读者实际练习之用。这部分也可作为工具文档，供开发者参考使用。
目录



---------------------------零基础学：微信小程序开发---------------------------


前言
第一篇　基础知识
第1章　认识微信小程序 1
1.1　微信小程序介绍 1
1.1.1　什么是微信小程序 1
1.1.2　微信小程序的发展历史 1
1.1.3　微信小程序的功能和应用场景 2
1.2　微信小程序开发准备 2
1.2.1　基础准备 2
1.2.2　开发准备 5
1.3　微信小程序开发工具介绍 6
1.3.1　项目创建 6
1.3.2　项目删除 8
1.3.3　开发工具界面介绍 8
1.3.4　项目调试介绍 9
1.4　项目实战：“Hello World”项目 12
1.5　本章小结 12
第2章　微信小程序项目结构配置 13
2.1　文件介绍 13
2.1.1　.wxml后缀的结构文件 13
2.1.2　.wxss后缀的样式文件 13
2.1.3　.js后缀的逻辑文件 13
2.1.4　.json后缀的配置文件 14
2.1.5　项目结构推荐配置 14
2.2　微信小程序配置 15
2.2.1　样式配置 15
2.2.2　其他配置 17
2.2.3　页面配置 17
2.3　生命周期函数 18
2.3.1　小程序的生命周期函数 19
2.3.2　各页面的生命周期函数 19
2.4　数据渲染 19
2.4.1　数据绑定 19
2.4.2　条件渲染 20
2.4.3　列表渲染 20
2.5　事件 21
2.6　模板使用 22
2.7　引用 23
2.8　项目实战：通信录 23
2.9　本章小结 25
第3章　微信小程序UI组件 27
3.1　基础视图组件 27
3.1.1　view视图容器 27
3.1.2　scroll-view滚动视图容器 28
3.1.3　image图片容器 30
3.1.4　text文本组件 32
3.1.5　cover-view覆盖视图容器 32
3.1.6　cover-image覆盖图片容器 32
3.1.7　icon图标组件 32
3.2　高级视图组件 33
3.2.1　swiper轮播容器 33
3.2.2　progress进度条组件 35
3.2.3　slider滑动选择器组件 36
3.2.4　switch开关组件 37
3.2.5　map地图组件 38
3.3　表单组件 42
3.3.1　form表单组件 42
3.3.2　button按钮组件 43
3.3.3　checkbox多选项组件 44
3.3.4　radio单选项组件 45
3.3.5　label扩展组件 46
3.3.6　input输入框组件 47
3.3.7　textarea多行输入框组件 49
3.3.8　picker滚动选择器组件 50
3.3.9　picker-view嵌入式滚动选择器组件 56
3.4　媒体组件 58
3.4.1　camera相机组件 59
3.4.2　audio音频组件 60
3.4.3　video视频组件 61
3.5　画布组件canvas 64
3.6　项目实战：计算器 65
3.7　本章小结 73
第4章　微信小程序API 74
4.1　页面导航 74
4.1.1　wx.navigateTo 74
4.1.2　wx.navigateBack 75
4.1.3　wx.switchTab 75
4.1.4　wx.redirectTo 75
4.1.5　wx.reLaunch 76
4.2　网络请求 76
4.2.1　发送网络请求 76
4.2.2　文件的上传、下载 77
4.3　文件的操作 79
4.3.1　文件保存与打开 79
4.3.2　文件信息获取 80
4.3.3　文件管理者 81
4.4　图片的操作 81
4.4.1　图片选择 81
4.4.2　图片预览 82
4.4.3　图片信息获取 83
4.4.4　图片保存 83
4.5　交互反馈 84
4.5.1　消息提示框 84
4.5.2　加载提示框 85
4.5.3　模态弹窗 86
4.5.4　下弹操作菜单 86
4.6　获取用户信息 87
4.6.1　用户登录 87
4.6.2　用户信息 88
4.6.3　用户位置 90
4.6.4　用户授权 91
4.7　设备信息API 92
4.7.1　获取设备信息 92
4.7.2　屏幕亮度 93
4.7.3　获取设备电量 93
4.7.4　设备剪切板 94
4.7.5　设备方向 94
4.7.6　设备网络 95
4.7.7　拨打电话 96
4.7.8　扫描二维码 96
4.8　其他常用的API 97
4.8.1　微信支付 97
4.8.2　转发 98
4.8.3　下拉刷新 99
4.9　数据缓存 100
4.10　项目实战：九宫格选图 101
4.11　本章小结 107
第二篇　实战案例
第5章　新闻阅读 109
5.1　需求描述 109
5.2　设计思路 109
5.2.1　首页描述 109
5.2.2　视频页描述 109
5.2.3　我的描述 110
5.3　准备工作 111
5.4　页面搭建 113
5.4.1　首页页面搭建 113
5.4.2　视频页面搭建 117
5.4.3　我的页面搭建 120
5.5　逻辑搭建 120
5.5.1　首页逻辑 120
5.5.2　视频逻辑 123
5.5.3　我的逻辑 125
5.6　项目小结 125
第6章　单车共享 126
6.1　需求描述 126
6.2　设计思路 126
6.2.1　首页描述 126
6.2.2　故障申报描述 127
6.2.3　我的描述 127
6.3　准备工作 128
6.4　页面搭建 129
6.4.1　首页页面搭建 129
6.4.2　我的页面搭建 132
6.4.3　报修页面搭建 135
6.5　逻辑搭建 140
6.5.1　页面跳转逻辑 140
6.5.2　首页逻辑 141
6.5.3　车辆故障逻辑 143
6.6　数据获取 148
6.7　项目小结 149
第7章　视频快讯 151
7.1　需求描述 151
7.2　设计思路 151
7.2.1　首页描述 151
7.2.2　短视频描述 151
7.2.3　频道描述 151
7.2.4　我的描述 153
7.3　准备工作 154
7.4　页面搭建 155
7.4.1　首页页面搭建 156
7.4.2　短视频页面搭建 160
7.4.3　频道页面搭建 165
7.4.4　我的页面搭建 169
7.5　逻辑搭建 172
7.5.1　首页逻辑 173
7.5.2　短视频逻辑 174
7.5.3　频道逻辑 176
7.5.4　我的逻辑 177
7.6　项目优化 179
7.7　项目小结 181
第8章　云音乐 182
8.1　需求描述 182
8.2　设计思路 182
8.2.1　发现描述 182
8.2.2　我的描述 182
8.2.3　私人FM描述 183
8.2.4　每日推荐描述 183
8.2.5　歌单描述 183
8.2.6　排行榜描述 183
8.2.7　歌单列表描述 185
8.2.8　音频播放描述 185
8.3　准备工作 186
8.4　页面搭建 188
8.4.1　发现页面搭建 188
8.4.2　我的页面搭建 201
8.4.3　私人FM页面搭建 203
8.4.4　每日推荐页面搭建 205
8.4.5　歌单页面搭建 209
8.4.6　排行榜页面搭建 212
8.4.7　歌单列表页面搭建 214
8.4.8　音频播放页面搭建 219
8.5　逻辑搭建 221
8.5.1　发现逻辑 223
8.5.2　每日推荐逻辑 228
8.5.3　歌单逻辑 230
8.5.4　排行榜逻辑 231
8.5.5　歌单列表逻辑 233
8.5.6　音频播放逻辑 235
8.6　项目小结 239
第9章　商城购物 240
9.1　需求描述 240
9.2　设计思路 240
9.2.1　首页描述 240
9.2.2　分类描述 240
9.2.3　购物车描述 240
9.2.4　我的未登录描述 241
9.3　准备工作 243
9.4　页面搭建 244
9.4.1　首页页面搭建 244
9.4.2　分类页面搭建 250
9.4.3　购物车页面搭建 254
9.4.4　我的未登录页面搭建 259
9.5　逻辑搭建 264
9.5.1　首页逻辑 264
9.5.2　分类逻辑 266
9.5.3　我的未登录逻辑 267
9.5.4　购物车逻辑 269
9.6　项目小结 275
第10章　外卖配送 276
10.1　需求描述 276
10.2　设计思路 276
10.2.1　首页描述 276
10.2.2　大类型描述 276
10.2.3　为你优选描述 277
10.2.4　商铺详情描述 277
10.3　准备工作 278
10.4　页面搭建 279
10.4.1　首页页面搭建 280
10.4.2　大类型页面搭建 291
10.4.3　为你优选页面搭建 295
10.4.4　商铺详情页面搭建 297
10.5　逻辑搭建 311
10.5.1　首页逻辑 311
10.5.2　大类型逻辑 315
10.5.3　为你优选逻辑 318
10.5.4　商铺详情逻辑 319
10.6　项目小结 325



---------------------------小程序从0到1：微信全栈工程师一本通---------------------------


推荐序
前言
第一篇　基础入门篇
第1章　学前准备2
1.1　注册账号2
1.2　配置开发工具5
1.2.1　下载6
1.2.2　安装6
1.2.3　设置编辑器属性6
1.3　从quick start项目开始7
1.3.1　创建项目8
1.3.2　运行项目10
1.3.3　刷新项目10
第二篇　项目实战篇
第2章　豆豆电影14
2.1　从splash功能开始14
2.1.1　创建项目14
2.1.2　隐藏模拟器16
2.1.3　快捷创建页面16
2.1.4　引用sim.js类库17
2.1.5　实现splash效果18
2.1.6　下载源码21
2.2　缓存本地数据21
2.2.1　使用wx.setStorage接口21
2.2.2　使用Storage面板21
2.2.3　省略function关键字22
2.3　实现页首splash效果23
2.3.1　使用swiper组件23
2.3.2　批量调用接口24
2.3.3　使用wx.getStorage接口25
2.3.4　下载源码25
2.4　实现横向滑动列表26
2.4.1　列表渲染26
2.4.2　引用样式27
2.4.3　下载源码27
2.5　实现电影详情页27
2.5.1　格式化代码28
2.5.2　逻辑层28
2.5.3　视图层29
2.5.4　页面跳转30
2.5.5　下载源码30
2.6　实现电影列表页30
2.6.1　使用finally方法 31
2.6.2　模板组件32
2.6.3　加载更多34
2.6.4　如何调试35
2.6.5　刷新视图36
2.6.6　下载源码37
2.7　实现下拉刷新功能37
2.7.1　小程序中的下拉更新API37
2.7.2　下载源码38
2.8　实现搜索功能38
2.9　提交42
2.9.1　修改信息42
2.9.2　使用Sketch生成头像43
2.9.3　配置域名器域名43
2.9.4　在手机上预览44
2.9.5　上传版本44
2.9.6　提交审核45
2.9.7　下载源码46
第3章　计算皮相47
3.1　使用模板创建项目48
3.2　实现history页面48
3.3　实现index主页49
3.3.1　冒泡事件51
3.3.2　样式选择器51
3.3.3　实现计算的逻辑52
3.3.4　使用wx.setStorageSync接口56
3.3.5　下载源码57
3.4　服务类目57
3.5　发布57
3.6　添加分享58
3.7　下载源码58
第4章　黑黑天气59
4.1　实现视图层60
4.1.1　关于rpx60
4.1.2　绝对定位61
4.2　如何使用weui62
4.3　关于static63
4.4　实现逻辑层64
4.4.1　js函数split与push66
4.4.2　下载源码66
第5章　笑林百家67
5.1　使用tabBar68
5.2　实现index页面69
5.2.1　定义模板组件 70
5.2.2　import与include的区别71
5.2.3　js数组函数 71
5.2.4　js正则表达式73
5.3　实现image页面74
5.3.1　将函数作为参数传递74
5.3.2　关于lower-threshold属性74
5.3.3　使用wx.previewImage接口75
5.4　下载源码75
第6章　图灵聊聊76
6.1　实现index页面77
6.1.1　建立server模拟服务器数据78
6.1.2　在文件作用域中声明app80
6.1.3　调用图像预览接口 80
6.1.4　用户友好的时间格式化方法formatTimeline80
6.1.5　js语言中的展开符81
6.1.6　变量自增81
6.1.7　js的忽略符81
6.1.8　通用的下拉区域82
6.2　实现联系人页面82
6.2.1　js中的引用传递84
6.2.2　js数组的push方法84
6.2.3　接口返回数据的通用格式85
6.3　实现聊天页面86
6.3.1　在视图渲染中使用三目运算符87
6.3.2　js中的全等于与等于运算符87
6.3.3　wx:if条件渲染87
6.3.4　使用css遮罩实现消息框样式87
6.3.5　调用图灵接口89
6.3.6　js中的逻辑或操作90
6.3.7　js中的let关键字90
6.4　实现my页面92
6.5　实现about页面93
6.6　下载源码94
第7章　豆豆电影服务端95
7.1　开发后端程序95
7.1.1　安装Golang语言包95
7.1.2　安装仓库管理工具git96
7.1.3　安装Go语言编辑器96
7.1.4　使用sim.go类库96
7.1.5　创建豆瓣接口97
7.2　改写小程序前端100
7.3　下载源码 101
第8章　计算皮相服务端102
8.1　创建服务端程序102
8.1.1　启用sqlite3数据库与小程序服务端的自动登录功能102
8.1.2　安装命令行工具curl103
8.1.3　关于一般性通用接口的解读103
8.1.4　使用SQLiteStudio104
8.1.5　扩展新的控制器105
8.2　改写小程序前端110
8.2.1　使用POST方法新增数据110
8.2.2　调用分页接口拉取数据110
8.3　下载源码 111
第9章　黑黑天气服务端112
9.1　创建服务端程序112
9.1.1　使用万能的JSON字段113
9.1.2　特改特定的接口逻辑113
9.1.3　解析动态JSON数据的方法114
9.2　改写小程序前端116
9.2.1　使用不同的模拟器测试项目117
9.2.2　使用默认的页面数据避免渲染错误118
9.2.3　分离代码逻辑提高可阅读性118
9.2.4　在WXML页面中直接绑定字典数据121
9.3　下载源码122
第10章　笑林百家服务端123
10.1　创建服务端程序123
10.1.1　启用七牛云上传功能124
10.1.2　注册七牛账号与创建存储空间124
10.1.3　Go语言的作用域125
10.2　修改小程序前端127
10.2.1　使用模板组件实现顶部导航栏128
10.2.2　关于navigator组件的open-type属性129
10.2.3　在tabBar中新增操作按钮129
10.2.4　使用icon组件130
10.2.5　在小程序中直接上传图片131
10.3　下载源码133
第三篇　实用组件篇
第11章　容器组件136
11.1　view136
11.2　scroll-view137
11.3　swiper142
11.4　movable-view145
11.5　cover-view148
第12章　基础内容组件150
12.1　icon150
12.2　text151
12.3　rich-text153
12.4　progress156
第13章　表单组件159
13.1　button159
13.2　checkbox160
13.3　form161
13.4　input165
13.5　label169
13.6　picker171
13.7　picker-view177
13.8　radio178
13.9　slider179
13.10　switch180
13.11　textarea180
第14章　多媒体及其他组件182
14.1　navigator182
14.2　audio185
14.3　image188
14.4　video190
14.5　map191
14.6　canvas195
第四篇　语言提高篇
第15章　JavaScript语言基础198
15.1　语法基础198
15.1.1　变量198
15.1.2　注释200
15.1.3　运算符200
15.1.4　语句201
15.1.5　函数202
15.1.6　事件203
15.2　实用的简写技巧206
15.2.1　三元操作符206
15.2.2　逻辑并操作符206
15.2.3　单行声明变量206
15.2.4　在if语句中使用布尔值207
15.2.5　for循环207
15.2.6　短路评价207
15.2.7　十进制指数208
15.2.8　对象属性208
15.2.9　箭头函数208
15.2.10　隐式返回值209
15.2.11　参数的默认值209
15.2.12　模板字符串210
15.2.13　解构赋值210
15.2.14　多行字符串210
15.2.15　扩展运算符210
15.2.16　强制参数211
15.2.17　新数组函数find212
15.2.18　双重非位运算操作符212
第16章　WXSS样式基础213
16.1　语法基础213
16.1.1　尺寸单位rpx213
16.1.2　样式导入214
16.1.3　内联样式214
16.1.4　样式选择器214
16.2　CSS基础215
16.2.1　属性与属性值216
16.2.2　CSS 声明216
16.2.3　CSS 声明块217
16.2.4　CSS选择器和规则217
16.2.5　CSS 最佳实践218
第17章　Go语言基础220
17.1　基础概念221
17.1.1　hello world与import221
17.1.2　包221
17.1.3　函数223
17.1.4　变量224
17.1.5　基本类型225
17.1.6　常量227
17.2　条件控制语法228
17.2.1　for循环228
17.2.2　if语句229
17.2.3　switch语句230
17.2.4　defer231
17.3　复杂类型231
17.3.1　指针231
17.3.2　结构体232
17.3.3　数组232
17.3.4　切片233
17.3.5　range234
17.3.6　map235
17.3.7　闭包236
17.4　方法和接口237
17.4.1　方法237
17.4.2　接口238
17.4.3　错误239



有问题微信扫码联系

推荐

Understand China
桂ICP备20004708号-4