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
















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

教学过程
教学环节
教学内容与过程
(教学内容、教学方法、组织形式、教学手段)
做好上课前的各项准备工作(打开电脑、打开课件、打开软件、打开授课计划、教案等),吸
引学生注意力。
【课前说明】
分别从微信小程序的功能、使用场景、开发准备、开发工具的使用、开发流程、常用快捷键等
课前组织
课程说明
知识点进行初步的了解。
【目的】
使学生从了解本章的学习目标、学习重点、考评方式等方面明确学习本章知识的要求和目标。
1.1 微信小程序介绍
1.1.1 初识微信小程序
微信小程序是一个基于去中心化而存在的平台,它没有聚合的入口,有多种进入方式,包
括微信群聊入口、微信聊天主界面下拉入口、App 分享消息卡片、发现栏小程序主入口、发现
栏小程序主入口搜索框的搜索结果页、单人聊天会话中的小程序消息卡片、小程序打开小程
序、扫描二维码、小程序模板消息、公众号自定义菜单、公众号文章、公众号模板消息、微信
钱包、从另一个小程序返回、长按图片识别小程序码、顶部搜索框搜索使用过的小程序列表、
扫描小程序码、小程序 profile 页、顶部搜索框的搜索结果页、我的卡包等。
在微信中的“发现”界面,可以找到小程序的入口,如图所示。
课程内容
描述
微信小程序入口
小程序的界面和使用方法和 App 类似,下图所示是几个已发布的常用小程序界面。

常用微信小程序界面
1.1.2 微信小程序的功能
(1)分享页功能。
(2)分享对话功能。
(3)线下扫码进入微信小程序功能。
(4)挂起状态功能。
(5)消息通知功能。
(6)实时音视频录制播放功能。
(7)硬件连接功能。
(8)小游戏功能。
(9)公众号关联功能。
(10)搜索查找功能。
(11)识别二维码功能。
1.1.3 微信小程序的使用场景
在发布小程序的时候,要选择服务类目。通过这些服务类目,我们能知道小程序的使用场
景。服务类目分为个人服务类目和企业服务类目。个人服务类目针对以个人为开发主体的小程
序,服务范围小;企业服务类目针对以企业为开发主体的小程序,服务范围大。
1.1.4 微信小程序能取代 App 吗
原生 App 一般要同时开发 iOS 和 Android 两版,而小程序只需要做一版。毫无疑问,这点
是小程序最大的优势。从这个角度来看,小程序是“跨平台”的。小程序经过几年的发展,逐
渐成为与 iOS、Android、公众号、网站并行的流量入口。各个企业在发布自己的产品的时候,
往往会发布 iOS 版、Android 版、H5 版、网站 PC 版、公众号版、微信小程序版,都是作为产
品流量的入口,并没有出现谁取代谁的现象。但是小程序可以快速构建出一个产品应用,门槛
低、成本低、发布快是各大企业制作小程序的原因。除了微信小程序,企业巨头也纷纷推出小
程序。
1.2 微信小程序开发准备
1.2.1 基础技术准备

微信小程序自定义了一套语言,称为 WXML(微信标记语言),它的使用方法类似于
HTML。另外,微信小程序还定义了自己的样式语言 WXSS,兼容了 CSS,并做了扩展;使用
JavaScript 来进行业务处理,兼容了大部分 JavaScript 功能,但仍有一些功能无法使用,所
以有一定 HTML、CSS、JavaScript 技术功底的人学习微信小程序开发会容易很多。
1.2.2 开发准备
(1)在“微信公众平台”注册微信开发者账号。单击“立即注册”,在“注册”界面选
择“小程序”,在“小程序注册”界面根据提示填写相关信息完成注册。
在微信公众平台中,选择“小程序”→“小程序开发文档”,可以打开帮助文档界面,如
图所示。
开发文档
帮助文档
在帮助文档里有介绍、设计、小程序开发、运营、数据、社区 6 个菜单,针对不同角色的
用户提供了不同内容的帮助文档。开发人员经常会用到这里的简易教程、框架的使用、组件的
介绍、API、工具以及腾讯云支持等内容。
(2)在文档工具里,根据自己的操作系统,下载微信小程序的开发工具,如图所示。
剩余16页未读,继续阅读
资源评论


不吃鸳鸯锅
- 粉丝: 6192
- 资源: 2万+
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助


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