微信小程序开发教与学（教学大纲和教案） |
您所在的位置：网站首页 › 实训课的目的和要求 › 微信小程序开发教与学（教学大纲和教案） |
微信小程序开发教与学（教学大纲和教案）
|
技能目标：通过本课程的学习，使学生掌握微信小程序的开发工具的安装和调试使用；能把自己开发的小程序发布到微信平台；熟练掌握小程序生命周期函数、数据绑定和渲染等基础技术；能灵活使用小程序组件；能在wxss中设计页面样式；能在页面布局中使用box模型、传统布局和flex布局；能使用Java技术来实现事件操作和常见的交互；使用wx.request网络接口调用第三方接口和自编接口的能力；掌握websocket和文件上传下载的网络接口的能力；掌握常见的媒体和设备接口；掌握常见的交互和开放接口；掌握云开发中云存储、云函数和云数据库；能独立完成中小型小程序项目的能力。 情感目标：通过本课程的学习，使学生在掌握小程序项目开发基本流程的同时，了解最新的设计开发模式，项目分工等概念，为学生后期团队合作进行真实项目开发做出很好的铺垫。 【课程内容及学时分布】 教学周 教学内容 学时（对应36/48/60总学时） 第1周 第1章 小程序基础本章主要学习微信小程序产生的背景、应用前景；了解小程序的定义、特征和“大程序”的含义；熟练掌握微信小程序开发者工具和开发者管理账户的操作；开发第一个微信小程序。 3/4/4 第2-3周 第2章 小程序开发基础本章主要学习熟练掌握微信web开发者工具的使用；理解与掌握小程序的目录结构、全局文件的作用和定义、页面文件的定义、应用级和页面级生命周期函数的执行过程；掌握小程序逻辑层数据的定义和修改、页面处理函数、自定义事件函数、页面的跳转、页面的参数传递和模板的概念和应用；掌握小程序视图层中数据绑定、条件渲染、列表渲染、模板的概念和应用。 3/5/5 第3-4周 第3章 微信小程序组件本章主要学习了解小程序组件的含义；熟练掌握常见的容器组件、内容组件、表单组件、导航组件、媒体组件和地图组件的属性参数以及用法；综合运用小程序组件完成问卷调查项目的设计与开发。 4/6/7 第5-6周 第4章 样式与布局本章主要学习了解样式与布局的基本概念；掌握样式中盒子模型、选择器和常见的样式属性；熟练掌握flex 布局、layer 布局和float 布局；具备设计美观小程序界面的能力。 2/4/6 第6-7周 第5章 Java基础本章主要学习熟练掌握Java 语法格式；熟练掌握Java 变量、数据类型、运算符、函数等基本概念；熟练掌握小程序事件函数中this 和that 的使用；掌握Java 在小程序中的交互场景应用。 2/4/5 第7-8周 第6章 数据库操作本章主要学习了解小程序前端与后端开发的分工；熟练掌握Mysql 数据库及Navicat 的操作；熟练掌握Servlet 读取数据库数据、JSON 格式处理和wx.request 网络请求操作；掌握数据缓存Storage 和富文本插件html2wxml 的使用；实战前端与数据库的连接操作。 4/5/5 第8-9周 第7章 网络通信与文件上传下载操作本章主要了解微信小程序网络通信的应用场景；了解小程序WebSocket 的通信机制和常用接口；熟练掌握微信小程序文件上传和下载操作；通过网络相册实训项目加深文件上传下载操作的应用 4/4/4 第9-10周 第8章 媒体与设备操作本章主要学习了解微信小程序常用的媒体和设备接口；熟练掌握地图、位置、图片、视频、录音、音频、背景音乐、系统信息、网络环境、电量、拨打电话和罗盘等接口操作；使用AudioContext 对象完成音乐播放器的制作 4/4/4 第10-11周 第9章 交互接口及开放接口本章主要学习了解微信小程序常见的交互接口和开放接口；熟练掌握wx.showToast 、wx.showLoading 、wx.showModal 和wx.showActionSheet 四个交互接口的应用；熟练掌握微信登录接口、微信支付接口和模板消息接口、获取用户信息接口、小程序间跳转接口、获取用户收货地址接口和SOTER 指纹认证接口等开放接口的应用 4/6/6 第12-13周 第10章 小程序云开发本章主要学习了解小程序云开发产生的意义；了解云函数、云存储和云数据库的概念和应用场景；熟练掌握云开发控制台对云函数、云存储和云数据库的操作，掌握云数据库操作权限问题。熟练掌握云函数、云存储和云数据库的小程序端API 和服务端API ，掌握云数据库增删改查操作。 6/6/6 第13-14周 第11章 数码产品类电商小程序项目本章主要学习综合应用所学知识创建完整的电商小程序项目；熟练掌握与实现页面当中的交互；了解项目开发中的流程步骤。 0/0/4 第14-15周 第12章 基于云开发的新闻小程序本章主要学习综合应用所学知识开发完整新闻小程序项目熟练掌握云开发在项目中的应用了解项目开发中的软件工程方法学 0/0/4 【课程要求与成绩评定】评定项目由授课教师自行决定，诸如课堂发言、出勤率、期中考试、学期论文、期末考试等。 评定项目 要求 百分比 平时表现 由课堂发言、出勤率和课后作业三部分构成，每部分10分。 30% 期末考试 期末试卷主要由选择题、简答题、填空题和编程题等题型构成。期末考试结束后将每份百分制试卷的成绩乘以70%后，计入总分。 70% 【使用教材及教学参考书】 使用教材：《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年 教学参考书：《微信小程序开发零基础入门》，周文洁编著，清华大学出版社，2019年 《微信小程序开发》课程教案 第 1 次课 2 学时 授课内容 1.1 微信小程序介绍1.2 小程序特征1.3 微信小程序开发准备 教学目的与要求 了解微信小程序产生的背景、应用前景；了解小程序的定义、特征和“大程序”的含义；对比小程序和app和html的特征区别；注册小程序管理账号并完善后台信息 重点难点 重点：小程序的定义、特征、入口和大程序的概念，小程序管理账号的申请和信息完善难点：小程序产生的背景，和微信公众号、app的区别 教学进程安排 1.1.1 微信小程序的产生背景（10分钟）1.1.2 什么是微信小程序（10分钟）1.1.3 小程序之“大程序”（10分钟）1.1.4 微信小程序应用前景（10分钟）1.2 小程序特征（15分钟）1.3.1 申请小程序账号（10分钟）1.3.2 完善信息（10分钟）1.3.3 后台介绍（15分钟） 课后学习任务布置 注册微信小程序管理账号，完善后台信息 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 总结并逐步深入体会微信小程序的概念、特征、前景和应用场景等概念 《微信小程序开发》课程教案 第 2 次课 2 学时 授课内容 1.3 微信小程序开发准备1.4 第一个微信小程序 教学目的与要求 开发工具的安装和使用；掌握第一个小程序的创建和发布了解支付宝和百度小程序 重点难点 重点：工具的安装，项目的创建和发布难点：小程序的发布 教学进程安排 1.4.1 开发者工具的安装（20分钟）1.4.2 第一个小程序（10分钟）1.4.3 项目发布与提交审核（20分钟）1.5.1 支付宝小程序（20分钟）1.5.2 百度智能小程序（20分钟） 课后学习任务布置 注册支付宝小程序管理账号 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 区别分析微信、支付宝和百度小程序的不同，三者的开放时间，微信小程序的项目发布 《微信小程序开发》课程教案 第 3次课 2学时 授课内容 2.1 开发者工具介绍2.2 项目文件结构2.3 生命周期函数 教学目的与要求 了解开发者工具，掌握界面中区域所对应的功能；了解项目文件结构； 重点难点 重点：开发者工具的使用难点：项目文件结构、页面文件、全局配置文件 教学进程安排 2.1.1 菜单栏介绍(5分钟)2.1.2 工具栏介绍(10分钟)2.1.3 模拟器介绍(10分钟)2.1.4 模拟器介绍(10分钟)2.1.5 调试器介绍(10分钟)2.2.1 项目文件结构（10分钟）2.2.3 全局配置文件（10分钟）2.3.1 应用级生命周期（10分钟）2.3.2 页面级生命周期（15分钟） 课后学习任务布置 熟悉开发者工具的界面使用、自行配置全局文件。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 开发者工具的使用，对项目文件结构和小程序的生命周期认知清晰。 《微信小程序开发》课程教案 第 4 次课 2 学时 授课内容 2.4 逻辑层2.5 视图层 教学目的与要求 掌握小程序逻辑层数据的定义和修改、页面处理函数、自定义事件函数、页面的跳转、页面的参数传递和模板的概念和应用；掌握小程序视图层中数据绑定、条件渲染、列表渲染、模板的概念和应用。 重点难点 重点：逻辑层数据的定义和修改、页面处理函数、自定义事件函数难点：页面的跳转、页面的参数传递和模板、数据绑定、条件渲染、列表渲染、模板的概念和应用 教学进程安排 2.4.1 页面数据（5分钟）2.4.2 页面事件处理函数（5分钟）2.4.3 页面跳转（15分钟）2.4.4 页面间传递参数（10分钟）2.4.5 模块化（5分钟）2.4.6 页面自定义事件函数（10分钟）2.5.1 数据绑定（10分钟）2.5.2 条件渲染（10分钟）2.5.3 列表渲染（10分钟）2.5.4 模板（5分钟）2.4.5 引用（5分钟） 课后学习任务布置 自行实现页面跳转与页面间传递参数。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 对项目文件结构和小程序的生命周期认知清晰。 《微信小程序开发》课程教案 第 5次课 1学时 授课内容 2.6 实训项目—商品列表页和详情页 教学目的与要求 掌握从商品列表页跳转到详情页以及参数的传递。 重点难点 重点：页面跳转难点：参数id 的传递 教学进程安排 2.6 实训项目—商品列表页和详情页（45分钟） 课后学习任务布置 自行设计商品列表页跳转到详情页。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 页面跳转、参数id的传递。 《微信小程序开发》课程教案 第 5 次课 1 学时 授课内容 3.1 组件概述3.2 视图容器组件 教学目的与要求 了解小程序组件的含义；熟练掌握常见的容器组件； 重点难点 重点：小程序组件的含义难点：view、scroll-view、swiper 教学进程安排 3.1 组件概述（10分钟）3.2.1 view （15分钟）3.2.2 scroll-view （10分钟）3.2.3 swiper （10分钟）） 课后学习任务布置 自行使用容器组件。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 掌握小程序组件的含义、学会使用视图组件。 《微信小程序开发》课程教案 第 6 次课 2 学时 授课内容 3.3 基础内容组件3.4 表单组件 教学目的与要求 理解与掌握基础内容组件；理解与掌握表单组件； 重点难点 重点：熟练掌握内容组件难点：表单组件 教学进程安排 3.3.1 icon （15分钟）3.3.2 text （15分钟）3.3.3 progress （15分钟）3.4.1 button （15分钟）3.4.2 checkbox （10分钟）3.4.3 input （10分钟）3.4.4 label （10分钟） 课后学习任务布置 自行使用基础内容组件、表单组件。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 学会使用基础内容组件、表单组件。 《微信小程序开发》课程教案 第 7 次课 2 学时 授课内容 3.3 基础内容组件3.4 表单组件 教学目的与要求 理解与掌握表单组件； 重点难点 重点：表单组件难点：表单组件 教学进程安排 3.4.5 form （10分钟）3.4.6 picker （20分钟）3.4.7 picker-view （20分钟）3.4.8 radio （10分钟）3.4.9 slider （10分钟）3.4.10 switch （10分钟）3.4.11 textarea （10分钟） 课后学习任务布置 自行使用表单组件。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 学会使用表单组件。 《微信小程序开发》课程教案 第 8 次课 2 学时 授课内容 3.5 导航组件3.6 媒体组件3.7 媒体组件3.8 实训项目—问卷调查 教学目的与要求 理解与掌握导航组件、媒体组件和地图组件的属性参数以及用法；综合运用小程序组件完成问卷调查项目的设计与开发； 重点难点 重点：导航组件难点：媒体组件和地图组件 教学进程安排 3.5 导航组件（15分钟）3.6.1 audio （15分钟）3.6.2 image （10分钟）3.6.3 vidio （15分钟）3.7 地图组件（15分钟）3.8 实训项目—问卷调查（20分钟） 课后学习任务布置 自行使用导航组件、媒体组件、地图组件。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 学会使用基础内容组件、表单组件。 《微信小程序开发》课程教案 第 9 次课 2 学时 授课内容 4.1 小程序样式4.2 选择器4.3 基础样式4.4 box 盒子模型 教学目的与要求 了解样式与布局的基本概念；掌握样式中盒子模型、选择器和常见的样式属性； 重点难点 重点：样式与布局的基本概念难点：选择器、盒子模型 教学进程安排 4.1.1 定义样式（10分钟）4.1.2 使用样式（10分钟）4.2.1 基础选择器（10分钟）4.2.2 复合选择器（10分钟）4.3.1 文本样式（10分钟）4.3.2 字体样式（10分钟）4.4.1 盒子模型概念（15分钟）4.4.2 盒子模型属性（15分钟） 课后学习任务布置 自行使用样式与盒子模型。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 掌握样式与布局、学会使用盒子模型。 《微信小程序开发》课程教案 第 10 次课 2 学时 授课内容 4.5 元素类别4.6 flex 布局4.7 layer 布局4.8 float 布局 教学目的与要求 理解与掌握元素类别；理解与掌握flex布局、layer布局、float布局； 重点难点 重点：元素类别难点：flex布局、layer布局、float布局 教学进程安排 4.5.1 块级元素（5分钟）4.5.2 行内元素（5分钟）4.5.3 内联块级元素（5分钟）4.6.1 flex基本概念（10分钟）4.6.2 flex容器属性（25分钟）4.6.3 flex项目属性（20分钟）4.7 layer布局（10分钟）4.8 float布局（10分钟） 课后学习任务布置 自行使用flex布局、layer布局、float布局。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 掌握元素类别；flex布局、layer布局、float布局使用的方式。 《微信小程序开发》课程教案 第 11 次课 2 学时 授课内容 4.9 小程序布局实战4.10 实训项目—仿京东首页小案例 教学目的与要求 理解与掌握表单组件； 重点难点 重点：列表式、转盘式难点：多面板、标签式 教学进程安排 4.9.1 列表式（15分钟）4.9.2 转盘式（15分钟）4.9.3 多面板（20分钟）4.9.4 标签式（20分钟）4.10 实训项目—仿京东首页小案例（20分钟） 课后学习任务布置 自行设计一个页面。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 学会设计小程序的界面布局。 《微信小程序开发》课程教案 第 12 次课 2 学时 授课内容 3.5 导航组件3.6 媒体组件3.7 媒体组件3.8 实训项目—问卷调查 教学目的与要求 理解与掌握导航组件、媒体组件和地图组件的属性参数以及用法；综合运用小程序组件完成问卷调查项目的设计与开发； 重点难点 重点：导航组件难点：媒体组件和地图组件 教学进程安排 3.5 导航组件（15分钟）3.6.1 audio （15分钟）3.6.2 image （10分钟）3.6.3 vidio （15分钟）3.7 地图组件（15分钟）3.8 实训项目—问卷调查（20分钟） 课后学习任务布置 自行使用导航组件、媒体组件、地图组件。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 学会使用基础内容组件、表单组件。 《微信小程序开发》课程教案 第 13 次课 2 学时 授课内容 5.1 JavaScriprt 简介5.2 JavaScriprt 基础 教学目的与要求 熟练掌握Java 语法格式；熟练掌握Java 变量、数据类型、运算符、函数等基本概念；熟练掌握小程序事件函数中this 和that 的使用； 重点难点 重点：Java 变量、数据类型、运算符、逻辑控制语句、函数难点：小程序中this和that的使用 教学进程安排 5.1 JavaScriprt简介（10分钟）5.2.1 变量（10分钟）5.2.2 数据类型（10分钟）5.2.3 运算符（10分钟）5.2.4 逻辑控制语句（20分钟）5.2.5 定义和调用函数（15分钟）5.2.6 小程序中this和that的使用（15分钟） 课后学习任务布置 回顾Java 语法。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 掌握Java 在小程序中的使用。 《微信小程序开发》课程教案 第 14次课 2 学时 授课内容 5.3 Java 在小程序中常见的交互场景 教学目的与要求 理解与掌握交互场景的应用； 重点难点 重点：交互场景难点：交互场景 教学进程安排 5.3.1 购物车场景（30分钟）5.3.2 下拉菜单场景（20分钟）5.3.3 栏目切换场景（20分钟）5.3.4 系统设置场景（20分钟） 课后学习任务布置 自行设计相关场景。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 掌握Java的相关应用。 《微信小程序开发》课程教案 第 15 次课 1 学时 授课内容 5.4 实训项目—计算器小案例 教学目的与要求 设计一个计算器项目； 重点难点 重点：计算器项目难点：计算器项目 教学进程安排 5.4 实训项目—计算器小案例（45分钟） 课后学习任务布置 自行设计一个计算器项目。 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 掌握Java的相关应用。 《微信小程序开发》课程教案 第 14 次课 1 学时 授课内容 6.1 Mysql 数据库 教学目的与要求 了解微信小程序数据库操作前后端的分工，掌握mysql数据库的安装使用 重点难点 重点：mysql数据库介绍难点：mysql数据库的安装 教学进程安排 6.1.1 Mysql数据库介绍(25分钟)6.1.2 Mysql数据库下载和安装(10分钟)6.1.3 使用phpStudy来安装Mysql数据库(10分钟) 课后学习任务布置 安装mysql数据库 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 Mysql数据库的优点和特点，安装使用mysql数据库 《微信小程序开发》课程教案 第 15 次课 2 学时 授课内容 6.2 可视化工具Navicat for MySQL 6.3 基于Java的接口准备6.4 数据库操作 教学目的与要求 熟练掌握Mysql数据库及Navicat的操作；熟练掌握Servlet读取数据库数据、JSON格式处理和wx.request网络请求操作； 重点难点 重点：Navicat的操作、wx.request接口难点：json格式接口、wx.request接口调用 教学进程安排 6.2.1 Navicat介绍与安装（10分钟）6.2.2 在Navicat中创建数据库（10分钟）6.3.1 JDBC （5分钟）6.3.2 JSON接口（10分钟）6.4.1 wx.request接口（10分钟）6.4.2 基于数据库的新闻列表页案例（25分钟）6.4.3 基于数据库的新闻详情页案例（20分钟） 课后学习任务布置 Wx.request连接数据库练习 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 Wx.request接口的使用、json接口的编写 《微信小程序开发》课程教案 第 16 次课 2 学时 授课内容 6.5 数据缓存Storage 6.6 html2wxml富文本插件6.7 实训项目--基于数据库的注册与登录案例 教学目的与要求 掌握数据缓存Storage 和富文本插件html2wxml 的使用；实战前端与数据库的连接操作。 重点难点 重点：storage机制和使用，html2wxml插件的使用难点：基于数据库的注册与登陆案例 教学进程安排 6.5 数据缓存Storage （20分钟）6.6 html2wxml富文本插件（20分钟）6.7 实训项目--基于数据库的注册与登录案例（50分钟） 课后学习任务布置 html2wxml富文本插件练习 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 html2wxml富文本插件的引用、wx.request接口的使用 《微信小程序开发》课程教案 第 17 次课 2 学时 授课内容 7.1 WebSocket 7.2 wx.uploadFile文件上传 教学目的与要求 了解微信小程序网络通信的应用场景；了解小程序WebSocket的通信机制和常用接口；熟练掌握微信小程序文件上传操作； 重点难点 重点：小程序网络通信场景、wx.upload接口难点：websocket接口 教学进程安排 7.1.1 WebSocket接口（10分钟）7.1.2 基于Node.js的WebSocket案例（30分钟）7.2.1 文件上传后端（25分钟）7.2.2 文件上传前端（25分钟） 课后学习任务布置 文件上传接口的后端程序创建编写 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 Websocket接口的应用场景，文件上传接口后端程序 《微信小程序开发》课程教案 第 18 次课 2 学时 授课内容 7.3 wx.downloadFile文件下载7.4 实训项目--网络相册 教学目的与要求 熟练掌握微信小程序文件载操作通过网络相册实训项目加深文件上传下载操作的应用 重点难点 重点：wx.download接口难点：网络相册案例前后端的编写 教学进程安排 7.3 wx.downloadFile文件下载（30分钟）7.4.1 网络相册项目后端（30分钟）7.4.2 网络相册项目后端（30分钟） 课后学习任务布置 文件下载操作 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 Wx.download接口的参数 《微信小程序开发》课程教案 第 19次课 2 学时 授课内容 8.1 地图与位置8.2 图片8.3 视频8.4 录音、音频播放控制以及背景音乐 教学目的与要求 了解微信小程序常用的媒体和设备接口熟练掌握地图、位置、图片、视频、录音、音频、背景音乐 重点难点 重点：地图、位置、图片、视频、录音、音频、背景音乐接口难点：视频、音频和背景音乐接口 教学进程安排 8.1.1 地图（15分钟）8.1.2 位置（15分钟）8.2 图片（15分钟）8.3 视频（15分钟）8.4.1 录音（10分钟）8.4.2 音频（10分钟）8.4.3 背景音乐（10分钟） 课后学习任务布置 对各个接口的练习 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 各个接口的参数 《微信小程序开发》课程教案 第 20次课 2 学时 授课内容 8.5 设备操作8.6 实训项目—音乐播放器案例 教学目的与要求 系统信息、网络环境、电量、拨打电话和罗盘等接口操作使用AudioContext 对象完成音乐播放器的制作 重点难点 重点：系统信息、网络环境、电量、拨打电话和罗盘等接口操作难点：AudioContext对象 教学进程安排 8.5.1 获取系统信息（15分钟）8.5.2 网络环境（15分钟）8.5.3 电量（15分钟）8.6 实训项目—音乐播放器案例（45分钟） 课后学习任务布置 网络接口的使用 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 AudioContext对象的参数 《微信小程序开发》课程教案 第 21次课 2 学时 授课内容 9.1 交互反馈9.2 微信登录接口wx.login 教学目的与要求 了解微信小程序常见的交互接口和开放接口熟练掌握wx.showToast、wx.showLoading、wx.showModal和wx.showActionSheet四个交互接口的应用、wx.login接口 重点难点 重点：wx.showToast、wx.showLoading、wx.showModal和wx.showActionSheet四个交互接口的应用难点：wx.login 教学进程安排 9.1.1 消息提示框wx.showToast和加载提示框wx.showLoading（20分钟）9.1.2 模态对话框wx.showModal和操作菜单wx.showActionSheet （20分钟）9.2.1 微信登录前端（20分钟）9.2.2 微信登录后端（30分钟） 课后学习任务布置 Wx.login接口练习 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 Wx.login的工作步骤 《微信小程序开发》课程教案 第 22次课 2 学时 授课内容 9.3 微信支付接口wx.requestPayment 9.4 获取用户信息接口wx.getUserInfo 9.5 模板消息template 教学目的与要求 微信支付接口和模板消息接口 重点难点 重点：微信支付接口和模板消息接口难点：微信支付接口和模板消息接口 教学进程安排 9.3.1 微信支付前端（20分钟）9.3.2 微信支付后端（20分钟）9.4 获取用户信息接口wx.getUserInfo （20分钟）9.5.1 模板消息前端（10分钟）9.5.2 模板消息后端（20分钟） 课后学习任务布置 模板在小程序管理后端的创建 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 支付、模板和用户信息三个接口的参数 《微信小程序开发》课程教案 第 23次课 2 学时 授课内容 9.6 权限接口9.7 微信运动接口wx.getWeRunData 9.8 其他常见开放接口9.9 实训项目--购物车与结算功能 教学目的与要求 获取用户信息接口、小程序间跳转接口、获取用户收货地址接口和SOTER 指纹认证接口等开放接口的应用 重点难点 重点：微信运动接口wx.getWeRunData、小程序间跳转接口wx.navigateToMiniProgram 、获取用户收货地址wx.chooseAddress 、SOTER指纹认证难点：wx.getSetting 和wx.openSetting 教学进程安排 9.6.1 用户授权接口wx.authorize （5分钟）9.6.2 获取用户权限设置接口wx.getSetting （5分钟）9.6.3 打开用户权限设置界面接口wx.openSetting （10分钟）9.7 微信运动接口wx.getWeRunData （10分钟）9.8.1 小程序间跳转接口wx.navigateToMiniProgram（10分钟）9.8.2 获取用户收货地址wx.chooseAddress （10分钟）9.8.3 SOTER指纹认证（10分钟）9.9 实训项目--购物车与结算功能（30分钟） 课后学习任务布置 各个接口的使用 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 权限控制 《微信小程序开发》课程教案 第 24次课 2 学时 授课内容 10.1 云开发10.2 云存储10.3 云函数 教学目的与要求 了解小程序云开发产生的意义了解云函数、云存储和云数据库的概念和应用场景 重点难点 重点：开通云开发、理解基本概念，掌握云控制台的使用难点：callback风格和promise风格 教学进程安排 10.1.1 开通云开发功能（5分钟）10.1.2 云开发控制台使用（10分钟）10.1.3 第一个云开发小程序（10分钟）10.2 云存储（15分钟）10.3.1 云函数API和云函数创建（10分钟）10.3.2 Callback 风格和Promise 风格（20分钟）10.3.3 npm和wx-server-sdk （20分钟） 课后学习任务布置 Callback 风格和Promise 风格练习 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 云控制台的功能 《微信小程序开发》课程教案 第 25次课 2 学时 授课内容 10.4 云数据库 教学目的与要求 掌握云数据库增删改查操作。 重点难点 重点：掌握云数据库增删改查操作难点：通过云函数进行增删改查操作 教学进程安排 10.4.1 数据类型和权限控制（15分钟）10.4.2 查询数据（30分钟）10.4.3 插入数据（15分钟）10.3.4 跟新数据（15分钟）10.3.5 删除数据（15分钟） 课后学习任务布置 云控制台创建数据库并编写操作代码 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 增删改查操作 《微信小程序开发》课程教案 第 26次课 2 学时 授课内容 10.5 实训项目—基于云数据库的许愿墙 教学目的与要求 云数据库的综合应用 重点难点 重点：云数据库的创建难点：云数据库的操作 教学进程安排 10.5 实训项目—基于云数据库的许愿墙（90分钟） 课后学习任务布置 数据库操作 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 项目的步骤和核心技术点 《微信小程序开发》课程教案 第 28/29次课 4 学时 授课内容 第11章 数码产品类电商小程序项目 教学目的与要求 综合应用所学知识创建完整的电商小程序项目；熟练掌握与实现页面当中的交互；了解项目开发中的流程步骤。 重点难点 重点：云控制台的使用、云存储和云数据库的使用难点：云数据库的增删改查操作 教学进程安排 11.1 需求分析（5分钟）11.2 页面设计与实现（5分钟）11.2.1 全局文件的设计与实现（5分钟）11.2.2 商城首页的设计与实现（10分钟）11.2.3 商品分类页的设计与实现（15分钟）11.2.4 商品详情页的设计与实现（15分钟）11.3 购物车功能的设计与实现（15分钟）11.4 支付页面的设计（15分钟）11.5 项目小结（5分钟） 课后学习任务布置 项目的实现 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 小程序开发的流程 《微信小程序开发》课程教案 第 29/30次课 4 学时 授课内容 第12章基于云开发的新闻小程序 教学目的与要求 了解小程序云存储在项目中的意义掌握小程序综合项目的开发流程和技术应用 重点难点 重点：云控制台的使用、云存储和云数据库的使用难点：云数据库的增删改查操作 教学进程安排 12.1 需求分析（5分钟）12.2 云存储的设计与实现（5分钟）12.2.1 云存储在本项目中的意义（5分钟）12.2.2 云存储的设计与实现（15分钟）12.3 云数据库的设计与实现（15分钟）12.4 小程序端的实现（90+45分钟）12.4.1 项目效果图展示12.4.2 全局文件的实现12.4.3 其他页面的实现 课后学习任务布置 项目的实现 主要参考资料 1．《微信小程序开发从入门到实战（微课视频版）》，陈云贵、高旭编著，清华大学出版社，2019年。2.微信官方https://developers.weixin.qq.com/doc/ 课后总结分析 云开发项目和普通项目的区别
|
返回搜狐，查看更多【本文地址】