《微信小程序开发案例教程》教案 第20课 微信小程序云开发（二）.docx

PAGE4

PAGE4

PAGE3

PAGE3

PAGE

PAGE4

PAGE

PAGE3

PAGE

PAGE1

课题

微信小程序云开发（二）

课时

2课时（90min）

教学目标

知识技能目标：

（1）掌握云数据库和云存储的使用方法

（2）掌握云函数的创建及调用方法

素质目标：

弘扬工匠精神，培养一丝不苟、精益求精的精神

勇于奋斗、乐观向上，提高自我管理能力，增强职业生涯规划意识

教学重难点

教学重点：云函数的创建及调用方法

教学难点：能够使用云开发功能开发微信小程序项目

教学方法

案例分析法、问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学设计

第1节课：?课前任务→考勤（2min）→问题导入（5min）→传授新知（38min）

第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）

教学过程

主要教学内容及步骤

设计意图

第一节课

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件完成课前任务

请大家从如何在微信小程序云开发中操作云数据库，管理云存储文件，创建和调用云函数的相关知识。

【学生】完成课前任务

通过课前任务，使学生了解所学课程的重要性，增加学生的学习兴趣

考勤

（2min）

【教师】使用APP进行签到

【学生】班干部报请假人员及原因

培养学生的组织纪律性，掌握学生的出勤情况

问题导入

（5min）

【教师】创设情景，并组织学生讨论下列问题：

云开发功能是为小程序开发者提供的完整的原生云端支持和微信服务支持，使得开发者无需自己搭建服务器即可使用云端能力，使用平台提供的API即可进行核心业务开发。

（1）支持云开发的三大基础能力？

（2）什么是云函数？

【学生】聆听、思考、讨论、小组代表上台回答问题

【教师】总结学生的回答引入要讲的知识，板书“使用云开发功能”

通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣

传授新知

（38min）

【教师】通过学生的发言，引入新的知识，讲解云数据库、云存储、云函数的相关知识

?【教师】组织学生扫码观看“云开发功能”微课（详见教材），并进行讲解

?【学生】观看、聆听、思考

一、云数据库

微信小程序使用wx.scanCodeAPI调用相机进行扫码，或者从相册中选择图片进行扫码，该API传入一个object类型的参数。

集合：一个数据库可以有多个集合（相当于关系型数据库中的表），一个集合可看作一个JSON数组。

记录：集合中的每个元素都是一条记录，每条记录都是一个JSON对象。

字段：记录中的每个属性都是一个字段。

数据库API：开发者可以通过数据库API对数据库中的数据进行增、删、改、查操作。根据调用对象的不同，数据库API可分为小程序端和服务端两部分，在小程序端调用数据库API操作数据具有严格的权限限制，只能对一些安全性要求不高的数据进行操作，对于一些安全性要求较高的数据，则需要使用云函数调用服务端的数据库API进行操作。

（一）在云开发控制台操作数据库

在云开发控制台单击“数据库”按钮，可进入数据库管理界面，单击该界面“集合名称”右侧的“+”按钮，然后在打开的“创建集合”对话框中填写集合名称并单击“确定”按钮，可以创建一个集合。

（二）通过数据库API操作数据库

在调用数据库API对数据进行增、删、改、查操作前，首先需要通过wx.cloud对象获取数据库的引用。

在小程序端调用数据库API操作数据库的方法

1．插入数据

通过集合引用调用add方法可以在集合中添加一条记录（集合需要通过云开发控制台或使用云函数调用服务端的数据库API创建）。

2．查询数据

通过集合引用或记录引用调用get方法可以获取集合中的所有记录或满足指定条件的记录。

?【教师】随机邀请学生回答以下问题：

在获取数据时，一次性获取所有数据可以么？

?【学生】聆听、思考、回答

?【教师】总结学生的回答

3．更新数据

通过记录引用更新数据主要有两种方法：一种是update方法，另一种是set方法。调用update方法可以更新记录中指定字段的数据，其他字段不受影响。

4．删除数据

通过记录引用调用remove方法可以删除集合中的某个记录。

二、云存储

（一）在云开发控制台管理文件

在云开发控制台单击“存储”按钮，可进入存储管理界面，在该界面可以上传与管理文件和文件夹。

?【教师】随机邀请学生回答以下问题：

在小程序端，查询数据时需要哪些权限？

?【学生】聆听、思考、回答

?【教师】总结学生的回答

（二）通过文件存储API操作文件

1．上传文件

在小程序端通过wx.cloud对象调用uploadFile方法可以将本地