《微信小程序开发案例教程》教案 第12课 网络API与文件API（二）.docx

PAGE4

PAGE4

PAGE3

PAGE3

PAGE

PAGE4

PAGE

PAGE3

PAGE

PAGE1

课题

网络API与文件API（二）

课时

2课时（90min）

教学目标

知识技能目标：

（1）掌握保存与打开文件API的相关知识

（2）了解文件管理器的常用方法

素质目标：

提高举一反三，从多个角度思考问题的能力

教学重难点

教学重点：保存与打开文件API的相关代码

教学难点：能够使用文件API对文件进行操作

教学方法

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

教学用具

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

教学设计

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

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

教学过程

主要教学内容及步骤

设计意图

第一节课

课前任务

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

请大家从如何使用常用的保存与打开文件API，以及文件管理器的相关知识和使用文件API对文件进行操作进行了解。

【学生】完成课前任务

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

考勤

（2min）

【教师】使用APP进行签到

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

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

问题导入

（5min）

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

在VC中,?多数情况对?件的操作都使?系统提供的API函数，要对?件进?读写等操作，?先必须获得?件句柄，通过该函数可以获得?件句柄，该函数是通向?件世界的?门。

（1）在操作中，是否可以将?件句柄传给该函数，从?实现对?件数据的写?？

（2）获取?件时，有哪三个?件时间可供获取？

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

【教师】总结学生的回答引入要讲的知识，板书“文件API”

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

传授新知

（38min）

【教师】通过学生的发言，引入新的知识，讲解使用文件API保存文件、打开文件的方法，以及文件管理器的相关知识

一、保存文件

微信小程序使用wx.saveFileToDiskAPI将文件保存到用户磁盘（目前仅支持PC端），该API传入一个object类型的参数，参数除支持success、fail和complete3个回调函数外，还支持filePath属性，该属性为string类型，表示待保存文件的路径，是必填属性。

wx.saveFileToDiskAPI的示例代码如下。

wx.saveFileToDisk({

filePath:待保存文件的路径,

success(res){console.log(保存成功)},

fail(res){console.log(保存失败)}

})

?【教师】介绍并演示“使用保存文件API将文件保存到用户磁盘”的操作，然后组织学生按要求进行操作

编写代码，使用wx.saveFileToDiskAPI将下载的图片文件保存至PC端。

……（详见教材）

?【学生】聆听、思考、按要求进行操作

?【教师】巡堂辅导

二、打开文件

微信小程序使用wx.openDocumentAPI打开文档类型的文件，该API传入一个object类型的参数，参数除支持success、fail和complete3个回调函数外。

属性

类型

必填

说明

filePath

string

是

本地文件路径，一般通过wx.downloadFileAPI获取

showMenu

boolean

否

是否显示右上角菜单

fileType

string

否

指定文件类型，支持doc、docx、xls、xlsx、ppt、pptx、pdf格式

wx.openDocumentAPI参数支持的属性

wx.openDocumentAPI的示例代码如下。

wx.downloadFile({ //下载文件

url:要下载文件的网址, //下载文件的网址

success(res){

wx.openDocument({ //打开文件

filePath:res.tempFilePath, //文件路径

success(res){console.log(打开成功)},

fail(res){console.log(打开失败)}

})

}

})

?【教师】介绍并演示“使用打开文件API打开文档”的操作，然后组织学生按要求进行操作

编写代码，使用wx.openDo