没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端Node.js《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf

《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

0 下载量 67 浏览量 2022-07-11 16:44:19 上传评论收藏 1.54MB PDF 举报

温馨提示

试读

17页

《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf

资源推荐

资源详情

资源评论

第1章认识微信小程序

课程名称

任务名称

项目性质

授课班级

微信小程序开发图解案例

教程

认识微信小程序

□演示性

项目名称

课时

√综合性

认识微信小程序

□验证性 □设计性

授课日期授课地点

（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页未读，继续阅读

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

不吃鸳鸯锅

粉丝: 8667

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

《微信小程序开发图解案例教程》教学教案—01认识微信小程序.pdf

微信小程序开发图解案例教程（附精讲视频）（第3版）-源码.rar

《微信小程序云开发》教学大纲+教学进度表+教案.pdf

微信小程序开发图解案例教程（附精讲视频）（第3版）_PPT详细版.zip

微信小程序开发项目教程（慕课版）_PPT.zip

《微信小程序开发图解案例教程》教学教案—第1章认识微信小程序.pdf

《微信小程序开发图解案例教程（书签）》.pdf

微信小程序开发入门和实战.pdf

微信小程序开发教程2.zip_微信小程序开发实战pdf

微信小程序开发.pdf

微信小程序开发入门教程&深入浅出，从理论到实践.pdf

微信小程序开发入门教程.pdf

微信小程序开发教程流程详解 (2).pdf

微信小程序开发教程流程详解.pdf

微信小程序开发图解案例教程-源代码

微信小程序开发图解案例教程 第三版

微信小程序开发实例.pdf

微信小程序开发(三).pdf

微信小程序开发案例附代码

《微信小程序开发图解案例教程》教学教案-第1章认识微信小程序.pdf

微信小程序开发图解案例教程

微信小程序开发图解案例教程(附精讲视频)(第3版)-微信小程序设计9大要点.pdf

微信小程序开发图解案例教程全程笔记

《微信小程序开发图解案例教程》教学教案—11仿华为商城微信小程序.pdf

微信使用教程，老年人学习.pptx

微信小程序入门指南.pdf

小程序教程pdf版

微信小程序入门手册.pdf

《微信11小程序开发图解案例教程》教学教案-第1章认识微信小程序.pdf

《微信小程序开发图解案例教程》教学教案—第3章教案用微信小程序组件构建UI界面2.pdf

微信小11程序开发图解案例教程(附精讲视频)(第3版)-微信小程序问答.pdf

算法---LeetCode 1143. 最长公共子序列

探索OpenStack Swift对象存储精髓

最新资源

微信小程序开发图解案例教程第三版