微信小程序开发图解案例教程 附精讲视频 第3版

图书标准信息

• 作者 刘刚
• 出版社 人民邮电出版社
• 出版时间 2021-10
• 版次 3
• ISBN 9787115547484
• 定价 69.80元
• 装帧 平装
• 开本 16开
• 页数 328页
• 字数 598千字

【内容简介】

本书分两篇，分别介绍了微信小程序设计的基础知识和实战案例。第1篇为微信小程序快速入门，包括认识微信小程序、微信小程序框架分析、用微信小程序组件构建UI界面、的微信小程序API、微信小程序云开发；第2篇为综合案例应用，包括仿“中国婚博会”微信小程序、仿“华为商城”微信小程序、记账本微信小程序云开发3个综合实战案例。本书采用图、表与详细的示例代码相结合的叙述方式，讲解微信小程序设计的基本原理和知识，简单易懂。书中还提供了丰富详尽的实战案例，带读者边做边学，以使读者快速掌握微信小程序的设计和实现。
  本书可作为对微信小程序开发有兴趣的读者的自学用书，也可作为院校、培训机构微信小程序开发相关课程的教材。

【作者简介】

刘刚，参与过多个软件项目的研发、设计和管理工作，拥有项目管理师认证、项目监理师中级认证，出版过《原型设计大师：Axure RP网站与APP设计从入门到精通》、《Axure RP原型设计图解微课视频教程（Web+App）》书籍。在中国擎天公司、神州软件子公司任职过，在项目管理和项目实践、软件设计等方面有一定经验。曾负责过纪检监察廉政监督监管平台产品的设计与开发、国家邮政局项目的设计与开发、政务大数据项目的设计与开发等等项目。

【目录】

第 1篇　微信小程序快速入门

第 1章  认识微信小程序1

1.1　微信小程序介绍1

1.1.1　初识微信小程序1

1.1.2　微信小程序的功能2

1.1.3　微信小程序的使用场景3

1.1.4　微信小程序能取代App吗3

1.1.5　微信小程序的发展历程3

1.1.6　微信小程序带来的机会4

1.2　微信小程序开发准备5

1.2.1　基础技术准备5

1.2.2　开发准备5

1.3　微信小程序开发工具的使用6

1.3.1　创建项目6

1.3.2　开发者工具界面8

1.3.3　菜单栏9

1.3.4　模拟器区域9

1.3.5　编辑器区域10

1.3.6　调试器区域11

1.3.7　工具栏区域13

1.3.8　常用快捷键16

1.4　沙场大练兵：Hello World的创建17

1.5　小结18

第 2章  微信小程序框架分析19

2.1　微信小程序目录结构介绍19

2.1.1　框架全局文件19

2.1.2　工具类文件24

2.1.3　框架页面文件25

2.1.4　小试牛刀：制作“猫眼电影”底部标签导航26

2.2　微信小程序注册程序的应用27

2.3　微信小程序注册页面的使用28

2.3.1　页面初始化数据29

2.3.2　生命周期函数30

2.3.3　页面相关事件处理函数30

2.3.4　页面路由管理31

2.3.5　自定义函数32

2.3.6　setData设值函数32

2.4　微信小程序如何绑定数据33

2.4.1　组件属性绑定33

2.4.2　控制属性绑定34

2.4.3　关键字绑定34

2.4.4　运算34

2.4.5　小试牛刀：天气微信小程序35

2.5　微信小程序条件渲染37

2.5.1　wx:if判断单个组件37

2.5.2　block wx:if判断多个组件37

2.6　微信小程序列表渲染37

2.6.1　wx:for列表渲染单个组件37

2.6.2　block wx:for列表渲染多个组件38

2.6.3　wx:key指定标识符38

2.7　微信小程序定义模板39

2.7.1　定义模板39

2.7.2　使用模板39

2.8　微信小程序的引用功能39

2.8.1　import引用39

2.8.2　include引用40

2.9　WXS小程序脚本语言40

2.9.1　模块化41

2.9.2　变量与数据类型41

2.9.3　注释43

2.9.4　语句44

2.10　微信小程序WXSS样式渲染45

2.10.1　尺寸单位45

2.10.2　样式导入45

2.10.3　内联样式46

2.10.4　选择器46

2.10.5　常用样式属性46

2.11　沙场大练兵：仿“香哈菜谱”微信小程序50

2.11.1　底部标签导航设计51

2.11.2　宫格导航设计53

2.11.3　香哈头条初始化数据54

2.11.4　香哈头条列表渲染及绑定数据55

2.11.5　香哈头条模板引用59

2.12　小结60

第3章  用微信小程序组件构建UI界面61

3.1　视图容器组件61

3.1.1　view视图容器61

3.1.2　scroll-view可滚动视图区域62

3.1.3　swiper滑块视图容器65

3.1.4　movable-view可移动视图容器68

3.1.5　cover-view、cover-image覆盖原生组件的视图容器70

3.2　基础内容组件71

3.2.1　icon图标71

3.2.2　text文本72

3.2.3　progress进度条73

3.2.4　rich-text富文本74

3.3　表单组件75

3.3.1　button按钮75

3.3.2　checkbox多项选择器78

3.3.3　radio单项选择器79

3.3.4　input单行输入框79

3.3.5　textarea多行输入框82

3.3.6　label改进表单可用性83

3.3.7　picker滚动选择器85

3.3.8　slider滑动选择器94

3.3.9　switch开关选择器95

3.3.10　form表单96

3.3.11　editor富文本编辑器98

3.4　导航组件99

3.4.1　navigator页面链接组件100

3.4.2　wx.navigateTo保留当前页跳转102

3.4.3　wx.redirectTo关闭当前页跳转103

3.4.4　wx.switchTab跳转到tabBar页面104

3.4.5　wx.navigateBack返回上一页105

3.4.6　设置导航条106

3.5　媒体组件107

3.5.1　audio音频108

3.5.2　image图片109

3.5.3　video视频113

3.5.4　camera相机115

3.5.5　live-player实时音视频播放117

3.5.6　live-pusher实时音视频录制117

3.6　地图组件119

3.7　画布组件123

3.8　沙场大练兵：表单登录注册微信小程序125

3.8.1　登录设计126

3.8.2　手机号注册设计129

3.8.3　企业用户注册设计132

3.9　小结138

第4章  的微信小程序API139

4.1　请求服务器数据API139

4.2　文件上传与下载API142

4.2.1　wx.uploadFile文件上传API142

4.2.2　wx.downloadFile文件下载API144

4.3　WebSocket会话API145

4.4　图片处理API148

4.4.1　wx.chooseImage选择图片API148

4.4.2　wx.previewImage预览图片API149

4.4.3　wx.getImageInfo获得图片信息API150

4.4.4　wx.saveImageToPhotosAlbum保存图片到相册API151

4.4.5　wx.compressImage压缩图片API152

4.4.6　wx.chooseMessageFile从客户端会话选择文件API152

4.5　文件操作API153

4.5.1　wx.saveFile保存文件到本地API153

4.5.2　wx.getSavedFileList获取本地文件列表API154

4.5.3　wx.getSavedFileInfo获取本地文件信息API155

4.5.4　wx.removeSavedFile删除本地文件API156

4.5.5　wx.openDocument打开文档API157

4.5.6　wx.getFileInfo获取文件信息API157

4.5.7　FileSystemManager文件管理器158

4.6　数据缓存API159

4.6.1　数据缓存到本地159

4.6.2　获取本地缓存数据161

4.6.3　移除和清理本地缓存数据164

4.7　位置信息API165

4.7.1　获得位置、选择位置、打开位置166

4.7.2　监听位置事件169

4.7.3　地图组件控制API169

4.7.4　收货地址API170

4.8　设备应用API171

4.8.1　获得系统信息171

4.8.2　获取网络状态173

4.8.3　加速度计174

4.8.4　罗盘175

4.8.5　拨打电话176

4.8.6　扫码176

4.8.7　剪贴板177

4.8.8　蓝牙177

4.8.9　屏幕亮度181

4.8.10　用户截屏事件181

4.8.11　振动181

4.8.12　手机联系人182

4.9　交互反馈API183

4.9.1　消息提示框183

4.9.2　模态弹窗185

4.9.3　操作菜单186

4.10　用户及授权设置API186

4.10.1　登录API186

4.10.2　用户信息API190

4.10.3　授权API191

4.10.4　设置API192

4.11　微信支付API193

4.11.1　微信小程序支付介绍193

4.11.2　微信小程序支付实战195

4.12　分享转发API196

4.13  沙场大练兵：仿“豆瓣电影”微信小程序197

4.13.1　电影顶部页签切换效果197

4.13.2　电影海报轮播效果200

4.13.3　电影列表方式布局202

4.13.4　电影详情介绍页布局205

4.13.5　项目上传与预览211

4.14　小结212

第5章  微信小程序云开发213

5.1　认识小程序云开发213

5.1.1　云开发和传统开发的对比213

5.1.2　创建小程序云开发项目213

5.2　云开发控制台的使用215

5.2.1　运营分析215

5.2.2　数据库216

5.2.3　存储217

5.2.4　云函数218

5.2.5　设置218

5.2.6　费用和工单219

5.3　云函数219

5.3.1　云函数介绍219

5.3.2　云函数的使用220

5.3.3　Promise风格221

5.3.4　npm的安装与使用223

5.3.5　云函数本地调试224

5.3.6　云函数定时器225

5.4　云开发文件存储226

5.4.1　uploadFile文件上传API226

5.4.2　downloadFile文件下载API227

5.4.3　deleteFile文件删除API227

5.4.4　getTempFileURL获取文件临时路径API228

5.5　云开发数据库228

5.5.1　数据库介绍228

5.5.2　数据库初始化229

5.5.3　数据新增操作229

5.5.4　数据查询操作230

5.5.5　数据修改操作231

5.5.6　数据删除操作231

5.5.7　数据库操作符232

5.6　沙场大练兵：地址管理云开发234

5.6.1　数据库设计234

5.6.2　地址列表及删除地址云开发235

5.6.3　新增地址及编辑地址云开发239

5.7　小结245

第 2篇　综合案例应用

第6章  综合案例：仿“中国婚博会”微信小程序246

6.1　需求描述246

6.2　设计思路247

6.3　相关知识点247

6.4　准备工作248

6.5　设计流程249

6.5.1　底部标签导航设计249

6.5.2　海报轮播效果设计251

6.5.3　宫格导航设计252

6.5.4　“全部分类”导航设计256

6.5.5　“现金券”下拉菜单筛选条件设计261

6.5.6　“现金券”列表页设计263

6.5.7　婚博会索票界面设计267

6.5.8　获知渠道弹出层设计271

6.6　小结276

第7章  综合案例：仿“华为商城”微信小程序277

7.1　需求描述277

7.2　设计思路278

7.3　相关知识点278

7.4　准备工作279

7.5　设计流程279

7.5.1　“我的”界面列表导航设计279

7.5.2　账号登录284

7.5.3　用户注册291

7.5.4　首页布局设计及动态获取数据294

7.5.5　分类导航设计及动态获取数据299

7.6　小结302

第8章  综合案例：记账本微信小程序云开发303

8.1　需求描述303

8.2　设计思路304

8.3　相关知识点304

8.4　准备工作305

8.5　设计流程306

8.5.1　账户列表306

8.5.2　创建账户311

8.5.3　账户明细列表314

8.5.4　记一笔账户明细317

8.5.5　分页获取账本列表322

8.5.6　创建记账本325

8.6　小结328