《微信小程序开发案例教程》教案 第18课 交互API与设备API（二）.docx
PAGE4
PAGE4
PAGE3
PAGE3
PAGE
PAGE4
PAGE
PAGE3
PAGE
PAGE1
课题
交互API与设备API（二）
课时
2课时（90min）
教学目标
知识技能目标：
（1）掌握扫码API和剪贴板API的相关知识
（2）熟悉网络状态API和屏幕API的相关知识
素质目标：
善于发现问题，敢于正视问题，勇于解决问题
教学重难点
教学重点：wx.scanCodeAPI参数支持的属性
教学难点：使用设备API实现扫码、剪贴板、获取网络状态、屏幕常亮等功能
教学方法
案例分析法、问答法、讨论法、讲授法
教学用具
电脑、投影仪、多媒体课件、教材
教学设计
第1节课：?课前任务→考勤（2min）→问题导入（5min）→传授新知（38min）
第2节课：问题导入（5min）→任务实施（35min）→课堂小结（3min）→作业布置（2min）
教学过程
主要教学内容及步骤
设计意图
第一节课
课前任务
【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件完成课前任务
请大家从如何在常用设备API的相关知识，然后使用网络状态API查询当前设备的网络信息方面进行了解。
【学生】完成课前任务
通过课前任务，使学生了解所学课程的重要性，增加学生的学习兴趣
考勤
（2min）
【教师】使用APP进行签到
【学生】班干部报请假人员及原因
培养学生的组织纪律性，掌握学生的出勤情况
问题导入
（5min）
【教师】创设情景，并组织学生讨论下列问题：
微信小程序(MiniProgram)是一种轻量级的应用，它实现了应用“触手可及”的梦想，用户无需下载安装即可在微信中使用小程序。本课程将以项目驱动为宗旨，以丰富案。
（1）微信小程序利用什么进行设备启动？
（2）什么是微信小程序的标识？
【学生】聆听、思考、讨论、小组代表上台回答问题
【教师】总结学生的回答引入要讲的知识，板书“设备API”
通过问题导入的方法，引导学生主动思考，激发学生的学习兴趣
传授新知
（38min）
【教师】通过学生的发言，引入新的知识，讲解扫码、剪贴板、网络状态、屏幕等常用设备API的相关知识
?【教师】组织学生扫码观看“设备API”微课（详见教材），并进行讲解
?【学生】观看、聆听、思考
一、扫码
微信小程序使用wx.scanCodeAPI调用相机进行扫码，或者从相册中选择图片进行扫码，该API传入一个object类型的参数。
属性
类型
必填
说明
onlyFromCamera
boolean
否
是否只能使用相机扫码，默认为false
scanType
array.string
否
扫码类型，可选值有barCode（一维码）、qrCode（二维码）、datamatrix（DataMatrix码）、pdf417（PDF417码），默认为[barCode,qrCode]
wx.scanCodeAPI参数支持的属性
?【教师】随机邀请学生回答以下问题：
success回调函数的返回参数包含的属性有哪些？
?【学生】聆听、思考、回答
?【教师】总结学生的回答
wx.scanCodeAPI的示例代码如下。
wx.scanCode({
onlyFromCamera:true, //只能使用相机扫码，不能从相册中选择图片进行扫码
success(res){
console.log(res)
}
})
二、剪贴板
在微信小程序中，与剪贴板相关的API有wx.setClipboardData和wx.getClipboardData。使用wx.setClipboardDataAPI可以设置系统剪贴板的内容，该API传入一个object类型的参数，参数除支持success、fail和complete3个回调函数外，还支持data属性，该属性为string类型，表示剪贴板中的内容，是必填属性。wx.setClipboardDataAPI调用成功会弹出“内容已复制”的提示信息，提示信息会持续1.5秒。
使用wx.getClipboardDataAPI可以获取系统剪贴板的内容，API调用成功后可通过success回调函数返回参数的data属性获取剪贴板的内容。
wx.setClipboardData和wx.getClipboardDataAPI的示例代码如下。
wx.setClipboardData({ //设置剪贴板的内容
data:message,
})
wx.getClipboardData({ //获取剪贴板的内容
success(res){
console.