微信小程序开发边做边学—微课视频版

小程序是一种不需要下载即可使用的互联网应用，无须担心手机内存是否够用，具有速度快、无须适配、分享方便、体验出色等优势，成为当下用户的新选择。同时，对于开发人员来说，小程序的开发门槛越来越低，*，微信提供了插件、云开发、小程序助手等服务，小程序开发具有便利性和简易性； 第二，小程序对团队的依赖逐步减少，通过小程序个人也能独立开发出一个完整的互联网应用； 第三，微信还提供了开发者开放社区，用于开发者技术交流和共享，各类小程序开发教学课程也层出不穷
。对于企业来说，小程序也有着得天独厚的优势，其线上服务一般比较简单，并且只有在用户需要的时候才会开启，这
就凸显了小程序的独特性，低门槛的开发也为大大小小的企业
提供线上服务创造了机会，并且用户只需要“发现”入口就能找到附近的门店。小程序正在为商家带来客流量，变现方式越来越多。对于生活中的每个人而言，只要是日常生活中能想到的问题，都有可能通过小程序去解决。小程序越来越契合生活场景，也在慢慢融入人们生活的方方面面。

为了更好地服务广大微信小程序学习者，让每个知识点都有章可循，作者在归纳整理课程教学内容的基础上完成了
本教材的编写工作，使得本团队在中国大学MOOC网上同步建设的“微信小程序开发从入门到实践”课程更为系统，逻辑性更强。该课程已进行三轮教学实践尝试，*轮为校内大四同学毕业实训，共70位同学用
了10个半天完成了10次教学内容的学习，课程结束后有近20名同学选择
用小程序开发相关的毕业设计； 第二轮是130位2017级的大二同学参与的小程序开发选修课，每周3节课，共15周，期末自主组队完成75个作品并参加全国高校微信小程序大赛，共有14个作品获奖，其中全国三等奖1名，华东赛区一等奖2名、二等奖3名、三等奖8名。正是因为我们的课程致力于理论与实战的双重建设，鼓励学生进行科技创新，做到让学生不只是精通理论知识，更要完成实际作品的开发，秉承实践至上的理念，才获得了如此丰硕的教学成果。第三轮为线上教学实践，2019.04.15—2019.07.14，中国大学MOOC网上的“微信小程序开发从入门到实践”课程顺利结束，这是该平台首门微信小程序课程，获得中国大学MOOC网首页重点，选课人数超过2.4万人。在三轮教学实践过程中，本教材和教学视频也进行了三次更新，
今后还将不断完善教学细节，为读者带来更优质的学习体验。

教育一直以来都是我国的立国之本、强国之基，不久前更是提出了“两性一度”的金课标准。为了积极响应国家号召，也为了加快微信小程序的人才培养，提升学生的工程实践能力，依托多年在学生团队中进行微信在线平台研发实践积累，团队将计划建设系列微信应用开发实战课程，提升学生的微信小程序开发能力。产学合作、协同育人，教育不再只是课堂上的你讲我听，与企业合作，利用实际项目让学生学到*、*热的知识才是符合时代要求的教育方式。2018年课程建设获腾讯微信事业部资助，并获协同育人项目立项(201801002023)。依据该理念本团队开发运行了豆豆云助教小程序并在此基础上展开案例教学，将该案例分解为10个模块，模块间相互关联，通过教学视频演示完成10个模块的开发任务，每个实验
都能使学生收获满满，激发了学生学习微信小程序的学习热情，让学生具备开发和解决复杂互联网问题
的信息化应用能力。

本项目教授读者微信小程序开发和云服务的相关知识，重点根据团队开发运行的豆豆云助教小程序展开案例教学，使得学习者通过模仿激发小程序开发学习热情，主要掌握所需的开发语言和开发项目的具体实施内容，让参与课程的学习者具备开发一套解决复杂互联网应用的信息化能力，可独立建立一套基于云服务的信息处理平台，并通过微信小程序的形式展现给用户。

本项目负责人2003年从中国科技大学博士毕业后在本校计算机科学与技术博士后流动站工作。2005年来到浙江工商大学信息与电子工程学院任教，2011年获得教授职称。2011年在美国佛罗里达大学电子和计算机工程学院的可扩展软件系统实验室（S3Lab）实验室作为访问学者/研究工程师参与了ITL实验室运行管理工作。2013.12至今信电学院主管教学副院长。本项目负责人主要从事计算机通信和网络应用开发和研究，目前主持国家自然科学基金1项、浙江省自然科学基金1项和浙江省科技重点项目1项。除了主持的项目外，作为核心成员参与973项目1项，参与863项目3项，国家自然基金项目5项以及10多项省级项目，在项目中负责相关的技术方案制定、算法研究和专利申请等工作，作为*作者撰写申请中国发明专利20多项，获得授权7项。2012年作为核心成员成功申报了浙江省重点科技创新团队“新型开放架构网络技术科技创新团队（2011R50010）”，2013年成功申报了浙江省新型网络标准及应用技术重点实验室。2008年获浙江省“新世纪151人才”第三层次和浙江省高校优秀青年教师资助，任浙江省电子学会理事，《通信学报》审稿专家。

*部分入门篇

第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项目配置文件

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安装WampServer与Sublime

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创建新浪云应用

9.2.2代码版本管理

9.2.3开启共享型MySQL服务

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.2.5删除记录

10.3快速新建云函数

10.4云开发案例讲解

10.4.1待办事项案例讲解

10.4.2听写好助手案例讲解

10.5作业思考

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

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

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

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

第二部分为基础篇，包括第3~9章。豆豆云助教小程序案例获得2018年高校微信小程序开发大赛华东赛区二等奖，上课时可以采用豆豆云小程序进行课堂签到和习题练习，增加学生们对该小程序的熟悉程度，提升对小程序的学习兴趣。教材使用
的案例是对真实豆豆云小程序的一个裁减和简化，让其适合教学，再通过模块化讲解，
让学生对整个学习过程和目标更加清晰，
激发学习动力。第3章为豆豆云助教“我的”页面模块开发，学生在使用一款小程序或者一款App时，在屏幕底部都可以找到“我的”，点击之后即跳转到显示个人信息的界面，这一章要做的就是建立这样一个可以授权登录、可以进行注册、注册完成后显示个人信息的“我的”页面； 第4章讲解如何实现信息修改功能，例如修改姓名、性别等； 第5章
为豆豆云助教课程模块开发，作为一款教学应用小程序，豆豆云另一个必不可少的就是课程页面，
通过该页面可以实现申请加入某门课程的功能，需要建设做题模块、错题模块与收藏模块； 第7章
为豆豆云助教签到
测距模块开发，豆豆云可以作为教师上课签到的工具，因此通过调用位置信息相关接口让学生进行在线签到，简单又实用； 第8章和第9章为面向小程序的后台开发部分，为了让读者能够真正开发一款具有后台数据处理能力的小程序，本教材还简单讲解了后台与数据库部分内容，后台有阿里云、新浪云、腾讯云等云平台之分，也有开发者工具自带的云开发供选择。本教材主要通过对比，讲解如何在本地和依托新浪云建立基于云服务的小程序后台平台，让每位学生都具有独立开发微信小程序 云平台的在线信息处理平台能力。由于课程时长有限，加上篇幅有限，这部分内容重点让学生掌握基于豆豆云后台如何实现对数据库的
增加、删除和修改，以及如何添加新的接口，更为详细的后台开发内容非常多，需要学生单独学习。

第三部分为提高篇，即第10章，讲解如何基于开发者工具自带的云进行小程序开发，对此选择了团队开发的一款“听写好助手”进行案例学习，对比了解如何利用自带云进行快速的后台开发。

附录A是对目前实际在使用的豆豆云进行讲解，通过一年多的运营，该小程序已经有了一万多用户，通过本部分的学习
学生能认识到什么样的项目才具有市场价值。小程序的生命力就在于用户，一款小程序必须能够帮助用户，给用户带来价值，从而实现小程序自身的价值。

金课品质，打造精品。无论是课程还是教材，在开发过程中本团队始终怀有一颗赤诚之心去打造符合标准的“金课”与“金教材”。本教材的章节分布与课程内容同步，知识点讲解更为精细明了，让读者能够拥有良好的学习体验是我们一直秉承的理念和不断追求的目标。同时本教材也适用于对工科类基于微信创业团队的培养，通过参加相关的各类科技创新项目来提升学生的工程实践能力。正如一位学生的课后心得总结所说： “提供的资料非常充分，学习的过程十分顺利，配合视频的讲解，将这次小程序实训的难点和疑点都十分清楚地进行了讲解。通过屏幕左侧的模拟器页面能非常直观地看到每一段代码运行后的功能，受到了极大的鼓舞，强烈地激发了我的学习兴趣，毕竟很多书本知识都无法立即看到产生的效果。”

准备种子，就收获果实； 准备努力，就收获成功； 准备今天，就收获明天。许许多多的教学者，正如我，已经为所有想学、爱学、乐学的朋友准备好了知识的种子，而数量更加庞大的读者，正如你，是否已经足够努力去收获属于你的成功？

我们组建了一支包括教师、助教和小程序开发的教学团队，承担撰写教材、自主录制教学视频、制作多媒体课件、研发教学专用的项目源代码等一系列工作，并整理了包括错误集等各类参考文档。团队对每轮的学习记录
都进行整理，及时反馈到教学内容中，不断进行持续改进工作，做到教学过程很顺畅、教学质量有保障。其中参与项目源代码撰写的主要同学有李俊君（豆豆云助教开发）、陈伟昌（豆豆云助教教学案例开发）、俞宇锋（听写好助手开发）。参与三轮教学的助教主要有张淑、陈伟昌、斯文学、邵瑜。
参与课件编写的同学有倪靖靓、杨程。参与教学视频录制的有张淑、斯文学。此外整个学生开发团队对本教材的案例和内容整理提出了很多修改、反馈意见。清华大学出版社计算机与信息分社魏江江社长的热情指导让我们在一年多的教材撰写过程中充满信心，编辑黄芝、王冰飞在交流中不断给我们提出建议和鼓励，使得撰写教材的思路和方向更为清晰，使我们的教材内容能进行高效的迭代完善，*终成稿。在此对各位一并表示感谢。
由于作者水平有限，书中难免有疏漏之处，敬请读者批评指正。
本书配有微课教学视频，可扫描书中二维码观看视频。本书还提供教学大纲、教学课件和源程序，可扫描下方二维码下载。

作者
2020年3月