《微信小程序开发案例教程》教案 第5课 微信小程序的配置和逻辑（一）.docx

PAGE6

PAGE6

PAGE3

PAGE3

PAGE

PAGE6

PAGE

PAGE3

PAGE

PAGE1

课题

微信小程序的配置和逻辑（一）

课时

2课时（90min）

教学目标

知识技能目标：

（1）了解JSON文件的概念和类型

（2）掌握全局配置文件中的常用属性

素质目标：

?培养创新意识，从多角度思考问题的解决方案

发扬刻苦钻研精神，积极探究应用背后的原理

教学重难点

教学重点：全局配置文件中的常用属性

教学难点：能够使用JSON文件配置微信小程序

教学方法

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

教学用具

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

教学设计

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

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

教学过程

主要教学内容及步骤

设计意图

第一节课

课前任务

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

请大家分别从认识JSON，学习微信小程序JSON文件中的常用属性，然后使用JSON文件设置“家电商城”微信小程序的导航栏等知识点对JSON文件——小程序的配置进行初步的了解。

【学生】完成课前任务

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

考勤

（2min）

【教师】使用APP进行签到

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

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

问题导入

（5min）

【教师】全班学生以3～5人为一组进行分组，各组选出组长，然后创设情景，并组织以小组为单位讨论下列问题：

app.json是小程序配置文件，是对当前整个小程序项目的全局配置。包括了小程序的所有页面路径、界面UI展示、网络超时时间、设置底部tab等。

（1）怎样在app.json文件中新建三个页面文件index、my和demo。？

（2）怎样配置小程序的tabBar？

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

【教师】总结学生的回答引入要讲的知识，板书“JSON文件——小程序的配置”

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

传授新知

（38min）

【教师】通过学生的发言，引入新的知识，讲解JSON的基础知识、全局配置文件中的常用属性、页面配置等知识

一、认识JSON

JSON（JavaScriptobjectnotation）是一种轻量级的数据交换格式，采用完全独立于编程语言的文本格式存储和表示数据，通常用于客户端和服务器之间的数据传输。Java、JavaScript、PHP、Python、C++等编程语言都内置了处理JSON数据格式的方法。

（1）number（数值）类型：可以是浮点数和整数，如0、2、1.2、?1等。

（2）string（字符串）类型：用双引号引起来的任意文本，可以是汉字、英文字母、数字、符号或以上几种类型文本组成的一串字符。

（3）boolean（布尔）类型：有true和false两种取值，表示逻辑的“是”和“否”。

（4）null（空）：JSON中的一个特殊值，表示没有任何值（注意区分0和null）。

（5）array（数组）类型：由方括号及若干值组成，值可以是JSON支持的任意数据类型，每个值之间用逗号分隔。

（6）object（对象）类型：由花括号及若干key-value对组成，key表示对象中属性的名称，是string类型；value表示属性值，可以是JSON支持的任意数据类型。

二、全局配置

?【教师】通过多媒体观看“全局配置和页面配置”，并进行讲解。

?【学生】观看、思考

微信小程序项目根目录下的app.json文件是小程序的全局配置文件，

是必需文件，用于实现小程序的全局配置。

属性

类型

必填

描述

pages

string[]

是

页面路径列表

window

object

否

窗口表现

tabBar

object

否

底部tab栏的表现

networkTimeout

object

否

网络超时时间

debug

boolean

否

是否开启debug模式，默认关闭

sitemapLocation

string

是

sitemap.json的位置

全局配置文件中的常用属性

全局配置文件中的常用属性

（一）pages属性

pages属性是一个数组，用于配置小程序的页面路径，即指定小程序由哪些页面组成，它是全局配置文件中一个必填的属性。

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

为什么在pages属性中定义页面时无须加上扩展名？

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

?【教师】总结学