微信小程序开发实战

1.黑马程序员知名品牌的系列图书； 2.配套学习视频、源代码等资源； 3.本书着重于基础入门，以实战案例、项目带动读者学习，突出动手能力的培养。

本书是针对Web前端开发人员编写的一本快速掌握微信小程序开发的教程。本书通过通俗易懂的语言、丰富实用的案例，讲解微信小程序的原理和开发技术。
全书共8章，第1、2章主要讲解微信小程序的入门知识，介绍微信小程序的优势和发展前景，通过简单易懂的“比较数字大小”案例帮助读者快速熟悉开发流程；第3、4章分别讲解“音乐”和“婚礼邀请函”小程序项目，通过这两章的学习，读者可以掌握小程序的布局和各种组件的使用；第5、6章讲解微信小程序的各种API，通过8个典型的案例对这些API的使用进行演示；第7章讲解微信小程序开发框架，涵盖了微信小程序模块开发、第三方框架（mpvue、WePY）和UI库（WeUI）；第8章讲解一个综合项目—点餐系统，详细讲解项目从需求分析到代码实现的全过程。
本书适合作为高等院校本、专科计算机相关专业的教材，也可作为广大计算机编程爱好者的参考书。

黑马程序员，传智播客旗下高端IT教育品牌，由中国Java培训先驱张孝祥老师发起，联合全球优选的中文IT社区CSDN、中关村软件园共同创办的一家专业教育机构。办学至今，我们一直坚守着“为千万人少走弯路而著书，为中华软件之崛起而讲课”的办学理念，坚持培养优秀软件应用工程师的宏伟目标，在累计培养的十万余名学员中，其中90%的学员均已在北、上、广等一线城市高薪就业。

第1章 微信小程序入门 1
【教学导航】1
1．1初识微信小程序1
1．1．1什么是微信小程序1
1．1．2微信小程序的账号3
1．1．3微信小程序的特点4
1．1．4微信小程序的发展前景4
1．2开发环境搭建5
1．2．1注册微信公众号5
1．2．2安装微信开发者工具7
1．3小程序的开发体验8
1．3．1创建项目8
1．3．2开发者工具的使用9
1．3．3目录结构11
1．3．4项目设置13
1．3．5快捷键14
1．4团队开发与项目上线15
1．4．1项目成员及权限15
1．4．2提交审核及发布17
本章小结17
课后习题17

第2章微信小程序开发基础19
【教学导航】19
2．1【案例1】比较数字大小19
2．1．1案例分析19
2．1．2创建项目20
2．1．3页面组件21
2．1．4页面样式23
2．1．5配置文件27
2．1．6页面逻辑29
2．1．7注册程序34
2．1．8实现比较功能35
2．2【案例2】调查问卷40
2．2．1案例分析40
2．2．2编写表单页面41
2．2．3服务器数据交互42
2．2．4表单数据绑定44
2．3【案例3】计算器46
2．3．1案例分析46
2．3．2编写计算器页面46
2．3．3实现计算逻辑功能50
本章小结51
课后习题51

第3章“音乐”小程序项目53
【教学导航】53
3．1开发前准备53
3．1．1项目展示53
3．1．2项目分析54
3．1．3项目初始化55
3．2【任务1】标签页切换55
3．2．1任务分析55
3．2．2前导知识56
3．2．3编写页面结构和样式58
3．2．4实现标签页切换60
3．3【任务2】音乐推荐61
3．3．1任务分析61
3．3．2前导知识62
3．3．3内容区域滚动65
3．3．4轮播图66
3．3．5功能按钮67
3．3．6热门音乐68
3．4【任务3】播放器69
3．4．1任务分析69
3．4．2前导知识70
3．4．3定义基础数据72
3．4．4实现音乐播放功能73
3．4．5编写播放器页面75
3．4．6控制播放进度76
3．5【任务4】播放列表78
3．5．1任务分析78
3．5．2编写页面结构和样式79
3．5．3实现换曲功能80
本章小结80
课后习题80

第4章“婚礼邀请函”小程序
项目82
【教学导航】82
4．1开发前准备82
4．1．1项目展示82
4．1．2项目分析84
4．1．3项目初始化84
4．2【任务1】邀请函页面86
4．2．1任务分析86
4．2．2背景音乐播放87
4．2．3页面结构和样式89
4．2．4一键拨打电话91
4．3【任务2】照片页面92
4．3．1任务分析92
4．3．2实现纵向轮播图93
4．4【任务3】美好时光页面93
4．4．1任务分析93
4．4．2前导知识94
4．4．3编写页面结构和样式98
4．4．4利用WXS增强页面功能98
4．5【任务4】婚礼地点页面99
4．5．1任务分析99
4．5．2前导知识100
4．5．3编写婚礼地点页面103
4．6【任务5】宾客信息页面103
4．6．1任务分析103
4．6．2前导知识103
4．6．3编写页面结构和样式106
4．6．4表单验证107
4．6．5发送婚礼请帖回复通知108
本章小结112
课后习题112

第5章API应用案例（上）114
【教学导航】114
5．1【案例1】用户登录114
5．1．1案例分析114
5．1．2前导知识115
5．1．3搭建开发者服务器117
5．1．4实现用户登录119
5．1．5检查用户是否已经登录120
5．1．6获取用户信息121
5．1．7开放数据校验与解密125
5．2【案例2】个人中心127
5．2．1案例分析127
5．2．2前导知识129
5．2．3实现底部标签页切换131
5．2．4编辑个人资料132
5．2．5订单物流查询135
5．2．6选择收货地址137
5．2．7客服联系电话140
5．3【案例3】天气预报查询141
5．3．1案例分析141
5．3．2前导知识141
5．3．3动态获取输入的城市名142
5．3．4请求天气接口数据142
5．3．5渲染界面展示数据143
5．4【案例4】查看附近的
美食餐厅143
5．4．1案例分析143
5．4．2前导知识144
5．4．3设计地图界面147
5．4．4单击控件回到中心点149
5．4．5视野变化获取中心点坐标149
本章小结150
课后习题150

第6章API应用案例（下）152
【教学导航】152
6．1【案例5】模拟时钟152
6．1．1案例分析152
6．1．2前导知识153
6．1．3钟表页面布局156
6．1．4钟表页面绘制157
6．2【案例6】罗盘动画160
6．2．1案例分析160
6．2．2前导知识160
6．2．3设计罗盘界面布局161
6．2．4手指触摸旋转罗盘162
6．2．5单击按钮操作罗盘163
6．3【案例7】文件上传与下载165
6．3．1案例分析165
6．3．2前导知识165
6．3．3录音和上传167
6．3．4文件的下载168
6．4【案例8】在线聊天系统169
6．4．1案例分析169
6．4．2前导知识170
6．4．3编写Node．js服务器端代码172
6．4．4实现通信功能173
6．4．5编写聊天页面174
本章小结177
课后习题177

第7章小程序开发框架179
【教学导航】179
7．1小程序模块化开发179
7．1．1模块179
7．1．2模板180
7．1．3自定义组件181
7．1．4插件184
7．2小程序基础样式库—
WeUI187
7．2．1初识WeUI187
7．2．2【案例】电影信息展示187
7．3使用Vue．js开发小程序—
mpvue192
7．3．1初识mpvue192
7．3．2开发工具192
7．3．3项目结构194
7．3．4【案例】计数器195
7．4小程序组件化开发框架—
WePY196
7．4．1初识WePY197
7．4．2开发工具197
7．4．3项目结构198
7．4．4【案例】商品展示200
本章小结201
课后习题202

第8章综合项目—点餐
系统203
【教学导航】203
8．1开发前准备203
8．1．1项目展示203
8．1．2项目分析205
8．1．3项目初始化205
8．1．4封装网络请求207
8．2【任务1】商家首页208
8．2．1任务分析208
8．2．2焦点图切换208
8．2．3中间区域单击跳转到菜单列表209
8．2．4底部商品展示210
8．3【任务2】菜单列表210
8．3．1任务分析210
8．3．2折扣信息区211
8．3．3设计菜单列表布局211
8．3．4请求数据213
8．3．5实现菜单栏联动单品列表功能213

8．4【任务3】购物车214
8．4．1任务分析214
8．4．2设计底部购物车区域214
8．4．3添加商品到购物车215
8．4．4购物车界面216
8．4．5增加商品数量218
8．4．6减少商品数量218
8．4．7清空购物车218
8．4．8满减优惠219
8．4．9跳转到订单确认页面219
8．5【任务4】订单确认220
8．5．1任务分析220
8．5．2订单信息220
8．5．3备注功能实现221
8．5．4支付功能222
8．5．5支付成功返回订单列表223
8．6【任务5】订单详情224
8．6．1任务分析224
8．6．2取餐部分信息展示225
8．6．3订单详情部分225
8．6．4订单信息部分226
8．7【任务6】订单列表227
8．7．1任务分析227
8．7．2订单列表设计227
8．7．3封装数据请求228
8．7．4初始化页面229
8．7．5下拉刷新功能229
8．7．6上拉触底功能230
8．8【任务7】消费记录230
8．8．1任务分析230
8．8．2设计消费记录列表231
本章小结232
课后习题232