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

PAGE6

PAGE6

PAGE7

PAGE7

PAGE

PAGE6

PAGE

PAGE7

PAGE

PAGE1

课题

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

课时

2课时（90min）

教学目标

知识技能目标：

（1）了解JavaScript的基础知识

（2）熟悉注册小程序和注册页面的相关知识

素质目标：

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

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

教学重难点

教学重点：JavaScript的数据类型、变量和常量、运算符、流程控制语句、函数等基本概念

教学难点：能够使用JS文件实现微信小程序的逻辑

教学方法

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

教学用具

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

教学设计

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

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

教学过程

主要教学内容及步骤

设计意图

第一节课

课前任务

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

请大家从如何使用JS文件为微信小程序设置各种监听事件的相关知识点对小程序的逻辑进行初步的了解。

【学生】完成课前任务

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

考勤

（2min）

【教师】使用APP进行签到

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

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

问题导入

（5min）

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

?个服务仅仅只有界?展?是不够的，还需要和?户做交互：响应?户的点击、获取?户的位置等等。在?程序?边，通过编写脚本?件来处理?户的操作。

（1）说一说开发者使?JS来开发业务的逻辑？

（2）影响用户操作的按钮是什么？

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

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

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

传授新知

（38min）

【教师】通过学生的发言，引入新的知识，讲解JavaScript的基本概念和数据类型，变量和常量、运算符、流程控制语句、函数等基本概念，以及注册小程序、注册页面的方法等知识

一、认识JavaScript

JavaScript（简称JS）是一种用于编写交互式网页和其他网络应用程序的编程语言。它是一种客户端脚本语言，可以在网页中执行，并通过控制网页的各种元素来实现动态效果和用户交互。JavaScript的应用领域非常广泛，如Web开发、移动应用程序开发、游戏开发等。

微信小程序中的JavaScript由ECMAScript、小程序框架和小程序API组成，它与网页中的JavaScript及NodeJS中的JavaScript不同。网页中的JavaScript由ECMAScript、DOM（文档对象模型）和BOM（浏览器对象模型）组成，而NodeJS中的JavaScript由ECMAScript、NPM和Native组成。

二、JavaScript基础

（一）数据类型

JavaScript中的数据类型有6种，分别是number、string、boolean、array、null和object，也就是JSON文件支持的几种数据类型（上文也提到，JavaScript内置了处理JSON数据格式的方法）。

（二）变量和常量

1．变量

变量是指在程序运行过程中值可以改变的量，用于存放数据。所有的变量都必须先声明再使用，语法格式如下。

var变量名1[=初值1][,变量名2[=初值2]……];

let变量名1[=初值1][,变量名2[=初值2]……];

2．常量

常量是指在程序运行过程中值不能改变的量，它在整个程序中只能赋值一次，语法格式如下。

const常量名=初值;

（三）运算符

运算符是指具有运算功能的符号，使用运算符可以对变量、常量等进行运算，并得到运算结果。

1．算术运算符

算术运算符包括常用的加（+）、减（?）、乘（*）、除（/）、取余（%），以及自增（++）和自减（??）运算符。

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

“+”运算符的功能有哪些？

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

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

2．比较运算符

比较运算符包括等于（===）、不等于（!==）、小于（）、大于（）、小于等于（=）、大于等于（=），其返回的运算结果为boolean类型。

3．逻辑运算符

逻辑运算符包括逻辑与（）、逻辑或（||）、逻辑非（!）。逻辑运算主要是对boolean类型的数据进行运算。

4．赋值运算