没有合适的资源?快使用搜索试试~ 我知道了~
《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
40 浏览量
2022-06-11
11:00:09
上传
评论
收藏 1.81MB PDF 举报
《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf
资源推荐
资源详情
资源评论




















第1章 认识微信小程序
课程名称
任务名称
项目性质
授课班级
微信小程序开发图解案例
教程
认识微信小程序
□演示性
项目名称
课时
√综合性
认识微信小程序
2
□验证性 □设计性
授课日期 授课地点
(1)做好微信小程序开发的准备工作,包括基础技术准备和开发账号、文档、开发工具的准
备。
教学目标
(2)学会微信小程序开发工具的使用,会添加项目、编辑代码、调试代码等。
(3)记住微信小程序常用的一些快捷键,以提高开发效率。
(4)理解微信小程序的开发流程。
(1)微信小程序介绍
教学内容
(2)微信小程序开发准备
(3)微信小程序开发工具的使用
(4)练习:Hello World的创建
教学重点
教学难点
微信小程序开发工具的使用
微信小程序开发工具的使用
装有微信小程序的开发工具的电脑
教学准备
教学课件PPT
教材:《微信小程序开发图解案例教程(附精讲视频)(第2版)》
作业设计

教学过程
教学环节
教学内容与过程
(教学内容、教学方法、组织形式、教学手段)
做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开U 盘中的素材位置、打开
授课计划、教案等),吸引学生注意力。
【课前说明】
分别从微信小程序的功能、使用场景、开发准备、开发工具的使用、开发流程、常用快捷键等
课前组织
课程说明
知识点进行初步的了解。
【目的】
使学生从了解本章的学习目标、学习重点、考评方式等方面明确学习本章知识的要求和目标。
1.1 微信小程序介绍
1.1.1 初识微信小程序
微信小程序是一个基于去中心化而存在的平台,它没有聚合的入口,有多种进入方式。
(1)在微信中的“发现”界面,可以找到小程序的入口,如图所示。
课程内容
描述
微信小程序入口
(2)在微信主界面下拉,会看到用过的微信小程序。
(3)给好友或者在群里分享小程序。
小程序的界面和使用方法和 App 类似,下图所示是几个已发布的常用小程序界面。

常用微信小程序界面
1.1.2 微信小程序的功能
(1)分享页功能。
(2)分享对话功能。
(3)线下扫码进入微信小程序功能。
(4)挂起状态功能。
(5)消息通知功能。
(6)实时音视频录制播放功能。
(7)硬件连接功能。
(8)小游戏功能。
(9)公众号关联功能。
(10)搜索查找功能。
(11)识别二维码功能。
1.1.3 微信小程序的使用场景
在发布小程序的时候,要选择服务类目。通过这些服务类目,我们能知道小程序的使用场
景。服务类目分为个人服务类目和企业服务类目。个人服务类目针对以个人为开发主体的小程
序,服务范围小;企业服务类目针对以企业为开发主体的小程序,服务范围大。
1.2 微信小程序开发准备
1.2.1 基础技术准备
微信小程序自定义了一套语言,称为 WXML(微信标记语言),它的使用方法类似于
HTML。另外,微信小程序还定义了自己的样式语言 WXSS,兼容了 CSS,并做了扩展;使用
JavaScript 来进行业务处理,兼容了大部分 JavaScript 功能,但仍有一些功能无法使用,所
以有一定 HTML、CSS、JavaScript 技术功底的人学习微信小程序开发会容易很多。
1.2.2 开发准备
Step1:在“微信公众平台”注册微信开发者账号。单击“立即注册”,在“注册”界面
选择“小程序”,在“小程序注册”界面根据提示填写相关信息完成注册。

在微信公众平台中,选择“小程序”→“小程序开发文档”,可以打开帮助文档界面,如
图所示。
开发文档
帮助文档
在帮助文档里有介绍、设计、小程序开发、运营、数据、社区 6 个菜单,针对不同角色的
用户提供了不同内容的帮助文档。开发人员经常会用到这里的简易教程、框架的使用、组件的
介绍、API、工具以及腾讯云支持等内容。
Step2:在文档工具里,根据自己的操作系统,下载微信小程序的开发工具,如图所示。
下载开发工具
Step3:按照提示完成开发工具的安装,安装完成后用微信扫描二维码登录。开发工具提
供了小程序项目和公众号网页项目两个调试类型,如图所示。
剩余15页未读,继续阅读
资源评论

苦茶子12138
- 粉丝: 5355
- 资源: 9万+

上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制
