周次 课次 1 授课内容或实验内容 认识微信小程序 教学重点及层次要求 微信小程序开发工具的使用 微信小程序注册页面的使用、绑定数据、条件渲 染教学难点 微信小程序开发工具的使用 课时分配 2 辅助设施 多媒体 计算机 多媒体 计算机 多媒体 计算机 计算机 多媒体 计算机 多媒体 计算机 多媒体 计算机 多媒体 计算机 1 2 微信小程序框架分析 和列表渲染的使用、 模板的定义和引用、 WXS 脚本与WXSS样式渲染 微信小程序注册页面的使用、绑定数据、条件渲 染微信小程序注册页面的使用、绑 定数据、模板的使用 微信小程序注册页面的使用、绑 定数据、模板的使用 导航设计、列表渲染及绑定数 据、模板引用 2 3 2 4 5 3 6 7 4 8 9 5 10 微信小程序框架分析 和列表渲染的使用、 模板的定义和引用、 WXS 脚本与WXSS样式渲染 2 仿香哈菜谱微信小程序 用微信小程序组件构建 UI界面 用微信小程序组件构建 UI界面 用微信小程序组件构建 UI界面 用微信小程序组件构建 UI界面 表单登录注册微信小程序 导航设计、列表渲染及绑定数据、模板引用 视图容器组件、基础内容组件、表单组件、导航 组件、媒体组件 视图容器组件、基础内容组件、表单组件、导航 组件、媒体组件 视图容器组件、基础内容组件、表单组件、导航 组件、媒体组件 视图容器组件、基础内容组件、表单组件、导航 组件、媒体组件 登录设计、手机号注册设计、企业用户注册设计 请求服务器数据、文件上传与下载、图片处理、 2 2 2 2 2 2 表单组件 表单组件 表单组件 表单组件 登录设计、手机号注册设计、企 业用户注册设计 计算机 必备的微信小程序 API 文件操作、数据缓存、位置信息、设备应用、交 互反馈、用户及授权设置、微信支付、分享转发 API 请求服务器数据、文件上传与下载、图片处理、 各类微信小程序API的使用 2 多媒体 计算机 6 11 必备的微信小程序 API 文件操作、数据缓存、位置信息、设备应用、交 互反馈、用户及授权设置、微信支付、分享转发 API 各类微信小程序API的使用 2 多媒体 计算机 本文来源：https://www.wddqw.com/doc/8d0f7370081c59eef8c75fbfc77da26925c59667.html