微信小程序开发边做边学（第2版·微课视频版）

本书内容易于理解，而且读起来生动有趣，是微信小程序初学者和爱好者不可多得的优秀教程。书中通过丰富的案例帮你快速掌握开发小程序的流程和注意事项，以各种云案例开发为例，逐渐深入多种主题，结合教程和攻略式风格来帮助开发者熟练掌握各种开发技巧，配套教学资源丰富，微课视频和教学课件实时更新，让读者用最短的时间入门微信小程序的开发。

 

本书是与中国大学MOOC(慕课)平台、网易云课堂平台上建设的“微信小程序开发从入门到实践”视频课程完全配套的图书，通过丰富且详尽的案例解析，为零基础新手提供小程序开发入门教程。

全书共10章，第1章和第2章介绍最新小程序开发工具、开发流程以及利用简单案例帮助读者熟悉小程序开发的概貌； 第3~9章是全书的核心内容，通过对教学视频的模仿，帮助读者完成前后台以及后端数据库全栈开发学习，循序渐进地完成基于豆豆云助教案例的分阶段教学子模块的学习及开发，从而为小程序开发提供保障； 第10章提供基于云开发的案例讲解，实现后台的云端部署。附录A介绍豆豆云助教的安装与运行，为本书读者了解豆豆云案例项目的全貌奠定了坚实的基础。

本书内容翔实有趣，在与视频课程内容完全契合的基础上对知识点进行进一步讲解，是学习微信小程序开发的理想书籍，可作为小程序爱好者的零基础入门选择，也可作为计算机相关专业学生的教材。

下载源码

目〓〓录
第1章微信小程序入门

1.1搭建微信小程序开发环境

1.1.1申请微信小程序账号

1.1.2安装微信开发者工具

1.1.3创建Hello World小程序

1.2开发工具的介绍

1.2.1菜单栏

1.2.2工具栏

1.2.3模拟器

1.2.4编辑器

1.2.5调试器

1.3小程序目录结构

1.3.1项目配置文件

1.3.2主体文件

1.3.3页面文件

1.3.4其他文件

1.4小程序开发入门

1.4.1微信小程序框架

1.4.2Hello World小程序简单修改

1.5作业思考

第2章“C语言习题测试”案例开发

2.1心理测试小程序安装与理解

2.1.1心理测试小程序安装

2.1.2心理测试小程序知识点理解

2.1.3心理测试小程序代码讲解

2.2C语言测试小程序开发

2.2.1增加D选项

2.2.2修改题库

2.3C语言测试逻辑修改

2.3.1显示相同的题目内容

2.3.2缺失第20题的页面显示

2.4添加做题结果

2.4.1test页面修改

2.4.2result页面修改

2.5小程序发布流程

2.5.1发布前准备

2.5.2小程序上线

2.6作业思考

第3章豆豆云助教“我的”页面模块开发

3.1授权登录页面

3.1.1授权页面知识点讲解

3.1.2授权登录页面实现

3.2注册页面

3.2.1注册页面知识点讲解

3.2.2注册页面实现

3.3“我的”页面

3.3.1“我的”页面知识点讲解

3.3.2“我的”页面实现

3.4作业思考

第4章豆豆云助教“信息修改”模块开发

4.1myInfo页面调整

4.1.1性别信息显示调整

4.1.2增加页面跳转

4.2change页面实现

4.2.1change页面布局

4.2.2change页面逻辑

4.2.3添加事件处理函数

4.3配置文件的使用

4.4作业思考

第5章豆豆云助教“课程”模块页面开发

5.1申请课程号

5.2“课程”模块页面布局

5.2.1“课程信息”模块页面布局

5.2.2“课程练习”模块页面布局

5.3“课程”模块页面逻辑实现

5.3.1请求加入课程逻辑

5.3.2获取当前课程逻辑

5.4作业思考

第6章豆豆云助教“课程练习”模块开发

6.1引用驾校考题做题页面

6.1.1驾校考题各类练习页面

6.1.2wxml文件引用

6.1.3各类练习页面逻辑修改

6.2完成练习功能模块

6.2.1小程序的data*属性

6.2.2实现页面跳转

6.2.3添加页面样式

6.2.4显示做题数量

6.3实现错题与收藏功能

6.3.1显示错题数与收藏数

6.3.2“错题”与“收藏”页面跳转

6.4作业思考

第7章豆豆云助教“签到测距”模块开发

7.1“签到测距”页面布局

7.1.1添加签到tabBar

7.1.2“签到测距”页面基本布局

7.2位置信息相关API调用

7.2.1选择位置API

7.2.2获取当前位置API

7.3实现测距功能

7.3.1巧用button的disabled属性

7.3.2js实现经纬度测距

7.4作业思考

第8章初识后台与数据库

8.1本地环境安装与测试

8.1.1安装Sublime与Wampserver

8.1.2搭建本地环境

8.2后台API开发

8.2.1API实现前后台交互

8.2.2数据库的增删改查

8.3作业思考

第9章接口开发与云平台

9.1查看做题情况API开发

9.1.1“做题情况”页面布局

9.1.2新建数据表

9.1.3获取做题情况API开发

9.1.4更新做题数据API开发

9.2阿里云环境配置

9.2.1安装Xshell和Xftp

9.2.2安装后台相关环境

9.2.3在阿里云上搭建豆豆云后台

9.3作业思考

第10章初始云开发及实战

10.1我的第一个云开发小程序

10.1.1新建云开发项目

10.1.2开通云开发

10.2云开发数据库指引

10.2.1新建集合

10.2.2更新记录

10.2.3查询记录

10.2.4聚合操作

10.3快速新建云函数

10.4云开发案例讲解

10.4.1待办事项案例讲解

10.4.2小太阳粮储案例讲解

10.4.3听写好助手案例讲解

10.5作业思考

附录A豆豆云助教的安装与运行

A.1豆豆云助教的安装流程

A.1.1豆豆云助教学生端

A.1.2豆豆云助教教师端

A.2豆豆云助教功能设计

A.3豆豆云助教的发布流程

A.3.1预览豆豆云助教

A.3.2上传豆豆云助教代码

A.3.3小程序信息填写

A.3.4提交审核豆豆云助教

A.3.5发布豆豆云助教

A.3.6豆豆云助教运营数据

 

小程序是一种无须下载即可使用的互联网应用，使用者无须担心手机内存岌岌可危，具有速度快、无须适配、分享方便、体验出色等优势，成为当下年轻人的新选择。对于开发人员来说，近年来微信提供了各类插件、云开发、小程序助手等服务，为开发者开放社区，便于开发者进行技术交流和共享，小程序的开发门槛越来越低，也使得越来越多的人能够参与小程序开发，并享受到编程的乐趣； 对于企业来说，小程序也有着得天独厚的优势，低门槛的开发也为大大小小的企业提供线上服务创造了机会，用户只需要在“发现”入口就能找到附近的门店，小程序正在为商家带来客流量，变现方式越来越多； 对于用户来说，只要是日常生活中能想到的问题，都有可能通过小程序去解决，小程序越来越契合生活场景，也不断融入我们学习、生活、工作的方方面面。

为了更好地服务广大微信小程序学习者，让每个知识点都有章可循，作者在归纳整理课程教学内容的基础之上完成了本教材的编写工作，使得本团队在中国大学MOOC平台上建设的“微信小程序开发从入门到实践”课程更为系统，逻辑性更强。该课程获2018年协同育人项目立项(201801002023)，并获腾讯微信事业部资助。2019年，在中国大学MOOC平台开设首门“微信小程序开发从入门到实践”在线课程以来，已完成9轮教学，线上选课人数超过7万人次，选课人数在同类小程序开发课程中排名第一，超过800所高校学生选修本课程。该课程教授了微信小程序开发和云服务知识，根据团队2018年开发的“豆豆云助教”小程序展开案例教学，通过对教学视频的模仿完成模块的开发任务，让学生具备开发一套解决复杂互联网应用的信息化能力。该课程的教学案例“豆豆云助教”已运行了5年，服务了4万多名读者。获益于本课程的小程序项目开发，本校学生积极参加高校微信小程序开发大赛，共获得全国三等奖2项、华东赛区奖项30多项。

金课品质、打造精品，无论是课程还是教材，本团队始终怀有一颗赤诚之心去打造符合标准的“金课”与“金教材”。准备种子，就收获果实； 准备努力，就收获成功； 准备今天，就收获明天。许许多多的教学者，正如我，已经为所有想学、爱学、乐学的朋友准备好了知识的种子，而数量更加庞大的读者，正如你，是否已经足够努力去收获属于你的成功？正如校内学生的课后心得总结中提到的： “提供的资料非常充分，学习的过程十分顺利。配合视频的讲解，将这次小程序实训的难点和疑点都十分清楚地讲解了出来。我通过屏幕左侧的模拟器页面非常直观地看到了每一段代码运行后的效果，受到了极大的鼓舞，强烈地激发了我的学习兴趣，毕竟很多书本知识都无法立即看到产生的效果。”还有位同学完成学习的心得是： “简单概括，我对微信小程序入门的学习体会只有两个字，那就是‘趣’和‘值’。微信小程序入门的课程充满了趣味性和挑战性。
‘微信小程序开发从入门到实践’这门课让我学到了很多东西，让我了解了微信小程序的各种基本信息，最主要的是学习了一些小程序编写的基础，认识了什么叫作后台数据库和云开发平台。刚开始做Hello World小程序时感觉微信小程序还是挺简单的，但是随着课程内容的一步步深入，我觉得挑战性也逐渐增加。尤其是后面到了‘课程练习’模块开发，感觉很难理解。但是依靠课程视频的学习还是能够自己摸索着一步步完成。这门课程的学习让我觉得学习计算机语言也是蛮有意思的。”学生们对课程的认可，是对我们最大的激励，也是继续优化教学内容的动力，更是我们一直秉承的理念和不断追求的目标。改版后的教材章节分布与课程内容同步，知识点讲解更为清晰明了，让读者能够拥有良好的学习体验。同时本教材也适用于对工科类基于微信创业团队的培养，通过参加相关的各类科技创新项目来提升学生的工程实践能力。在多轮的线上开放教学实践中，我们对教材和教学视频进行了多次更迭与优化，未来也将继续不断完善教学细节，希望为读者带来更优质的学习体验。

本教材在编写期间，组建了一支包括教师、助教和小程序开发人员的教学团队，承担撰写教材、自主录制教学视频、制作多媒体课件、研发教学专用的项目源代码等一系列工作，整理了包括错误集等各类参考文档。团队对每轮的学习记录进行整理，及时反馈到教学内容中，持续改进工作，做到教学过程更顺畅，教学质量有保障。其中，参与项目源代码撰写的主要同学有李俊君(豆豆云小程序开发)、陈伟昌(豆豆云助教教学案例开发)、俞宇锋(听写好助手开发)、吴程亮(小太阳粮储开发)，参与教学的助教主要有张淑、斯文学、颜蕾、徐密、吕智豪，参与课件编写的同学有倪靖靓、杨程，参与教学视频录制的学生有张淑、斯文学，参与教材思政内容撰写的同学有沙宁。此外，整个学生开发团队对本教材的案例和内容整理提出了很多修改意见。

在本教材第1版撰写中，清华大学出版社的热情让我们在一年多的教材撰写过程中充满信心，编辑们在交流中不断给我们提出建议和鼓励，使得撰写教材的思路和方向更为清晰，让我们的教材内容高效地迭代完善，最终成稿。在此对各位一并表示感谢。本教材从2020年8月第1版出版之后，已经印刷4次，得到了读者的认可，非常感谢读者在教材使用过程中的各类反馈，帮助我们不断完善教材相关的配套内容，提升教学效果。三年来，微信小程序开发环境变化很大，学生多次反馈需要对教材内容进行更新，使得实验过程和最新的开发环境相匹配，提升学生的学习效率，对此我们一直筹划对教材的修订，出版第2版。该出版计划获得了清华大学出版社的积极支持，对此非常感谢！教材第2版修订工作同时获得了浙江省普通本科高校“十四五”首批新工科、新医科、新农科、新文科重点教材建设项目立项，感谢相关老师对我们团队的支持！

由于作者水平有限，书中难免有疏漏之处，请读者批评指正。

作者
2023年12月