【#文档大全网# 导语】以下是®文档大全网的小编为您整理的《微信小程序开发图解案例教程教学大纲》,欢迎阅读!
周次 课次
1
1
2
微信小程序框架分析
授课内容或实验内容 认识微信小程序
教学重点及层次要求
微信小程序开发工具的使用
微信小程序注册页面的使用、绑定数据、条件渲染和列表渲染的使用、模板的定义和引用、WXS脚本与WXSS样式渲染
微信小程序注册页面的使用、绑定数据、条件渲染和列表渲染的使用、模板的定义和引用、WXS脚本与WXSS样式渲染
导航设计、列表渲染及绑定数据、模板引用 视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
登录设计、手机号注册设计、企业用户注册设计
教学难点
微信小程序开发工具的使用 微信小程序注册页面的使用、绑
定数据、模板的使用
微信小程序注册页面的使用、绑定数据、模板的使用
导航设计、列表渲染及绑定数据、模板引用 表单组件 表单组件 表单组件 表单组件
登录设计、手机号注册设计、企业用户注册设计
课时分配
2
辅助设施 多媒体 计算机 多媒体 计算机 多媒体 计算机 计算机 多媒体 计算机 多媒体 计算机 多媒体 计算机 多媒体 计算机 计算机
2
3
2
4 5
3
6 7
4
8 9
5
10
微信小程序框架分析 2
仿香哈菜谱微信小程序 用微信小程序组件构建UI界面 用微信小程序组件构建UI界面 用微信小程序组件构建UI界面 用微信小程序组件构建UI界面 表单登录注册微信小程序
2 2 2 2 2 2
必备的微信小程序API
请求服务器数据、文件上传与下载、图片处理、文件操作、数据缓存、位置信息、设备应用、交
各类微信小程序API的使用
互反馈、用户及授权设置、微信支付、分享转发API
请求服务器数据、文件上传与下载、图片处理、文件操作、数据缓存、位置信息、设备应用、交
各类微信小程序API的使用
互反馈、用户及授权设置、微信支付、分享转发API
2
多媒体 计算机
6 11 必备的微信小程序API 2
多媒体 计算机
周次 课次
授课内容或实验内容
教学重点及层次要求
教学难点
课时分配
辅助设施
12 必备的微信小程序API
请求服务器数据、文件上传与下载、图片处理、文件操作、数据缓存、位置信息、设备应用、交
各类微信小程序API的使用
互反馈、用户及授权设置、微信支付、分享转发API
电影顶部页签切换效果、海报轮播效果、列表方式布局、详情介绍页布局
电影顶部页签切换效果、海报轮播效果、列表方式布局、详情介绍页布局
2
多媒体 计算机
13
7
14
仿豆瓣电影微信小程序 2 计算机 多媒体 计算机 计算机
微信小程序云开发
创建小程序云开发项目、云开发控制台的使用、
云开发控制台的使用、云函数
云函数、云开发文件存储、云开发数据库 数据库设计、地址列表及删除地址云开发、新增地址及编辑地址云开发
底部标签导航、海报轮播效果、导航、现金券页面、索票界面、获知渠道弹出层设计
底部标签导航、海报轮播效果、导航、现金券页面、索票界面、获知渠道弹出层设计
底部标签导航、海报轮播效果、导航、现金券页面、索票界面、获知渠道弹出层设计
数据库设计、地址列表及删除地址云开发、新增地址及编辑地址云开发
仿中国婚博会微信小程序的制作
仿中国婚博会微信小程序的制作
仿中国婚博会微信小程序的制作
2
15
8
16 17
9
18 19
10
20 21
11
22
12
23
地址管理云开发 2
仿中国婚博会微信小程序 仿中国婚博会微信小程序 仿中国婚博会微信小程序 仿华为商城微信小程序 仿华为商城微信小程序 仿华为商城微信小程序 记账本微信小程序云开发 记账本微信小程序云开发
2 2 2 2 2 2 2 2
计算机 计算机 计算机 计算机 计算机 计算机 计算机 计算机
“我的”界面列表导航、账号登录、用户注册、
仿华为商城微信小程序的制作
首页布局、分类导航设计及动态获取数据
“我的”界面列表导航、账号登录、用户注册、
仿华为商城微信小程序的制作
首页布局、分类导航设计及动态获取数据
“我的”界面列表导航、账号登录、用户注册、
仿华为商城微信小程序的制作
首页布局、分类导航设计及动态获取数据 账户列表、创建账户、账户明细列表、记一笔账户明细、分页获取账本列表、创建记账本 账户列表、创建账户、账户明细列表、记一笔账户明细、分页获取账本列表、创建记账本
采用云开发的模式制作账本微信小程序
采用云开发的模式制作账本微信小程序
周次 课次
24
授课内容或实验内容 记账本微信小程序云开发
教学重点及层次要求
账户列表、创建账户、账户明细列表、记一笔账户明细、分页获取账本列表、创建记账本
教学难点
采用云开发的模式制作账本微信小程序
课时分配
2
辅助设施 计算机
本文来源:https://www.wddqxz.cn/176e5d7103f69e3143323968011ca300a6c3f63b.html