68336-微信小程序开发图解案例教程（附精讲视频）（AI助学）（第4版）-教学大纲

周次课次授课内容或实验内容教学重点及层次要求教学难点课时分配辅助设施11微信小程序概念与功能介绍

微信小程序使用场景

开发环境搭建

开发者工具界面与核心操作

创建HelloWorld项目微信小程序开发者工具使用方法

创建、编译、预览项目理解WXML、WXSS、JS三者分离协同的数据驱动模式2多媒体、计算机22微信小程序模板介绍

目录结构（全局文件、工具类文件、页面文件）

app.json配置（页面路径、窗口、tabBar等）

App函数与生命周期函数框架全局文件配置方法

App函数与生命周期函数

tabBar标签导航开发掌握app.json中tabBar属性的完整配置2多媒体、计算机23Page注册页面使用

页面路由管理

setData设值函数

模块化（导出与导入）

组件化概念

运行环境

猫眼电影tabBar实战Page注册页面使用方法

页面路由栈管理机制

模块化与组件化概念区分四种路由方式对页面生命周期的影响2多媒体、计算机34WXML语法规则

数据绑定（属性绑定、控制属性绑定、关键字绑定、运算绑定）

条件渲染

列表渲染WXML数据绑定

条件渲染（wx:if）

列表渲染（wx:for、wx:key）正确使用wx:key指定列表唯一标识符1多媒体、计算机35WXML模板功能与引用功能

事件绑定（bind与catch）

数据传递（data-*）

天气微信小程序实战

WXSS语法、rpx单位、样式导入、选择器WXML模板功能与事件绑定

WXSS的rpx单位与样式导入区分import与include

掌握rpx与px换算2多媒体、计算机46JS语言（数据类型、运算符、函数、异步编程、模块化、使用限制）

WXS语言（两种使用方式、模块化）

仿“香哈菜谱”微信小程序综合实战JS数据处理与事件处理

WXS两种使用方式

底部导航、列表渲染与模板引用综合运用理解WXS与JS的角色分工1多媒体、计算机47视图容器组件（view、scroll-view、swiper、movable-view）

基础内容组件（icon、text、progress）scroll-view纵向与横向滚动

swiper海报轮播与页签切换swiper页签切换与current属性联动2多媒体、计算机58表单组件（button、checkbox、radio、input、textarea、label、picker、slider、switch、form）

表单数据提交与重置表单组件属性与事件绑定

form的bindsubmit事件

picker六种选择器区分label组件for属性的两种行为2多媒体、计算机59导航组件（navigator四种跳转方式及API）

媒体组件（image缩放裁剪模式、video、camera）

表单登录注册微信小程序实战导航组件四种跳转方式

image组件缩放与裁剪模式

登录注册页面综合开发区分四种跳转方式的页面栈变化1多媒体、计算机610wx.request请求服务器数据API

wx.uploadFile文件上传API

wx.downloadFile文件下载API

WebSocket会话APIwx.request配置与使用

文件上传与下载API

WebSocket通信流程服务器域名配置规则

WebSocket完整通信流程1多媒体、计算机611图片处理API（6个）

文件操作API（5个）

数据缓存API（同步与异步共10个）图片处理API使用方法

数据缓存同步与异步操作区分同步与异步缓存方式及适用场景1多媒体、计算机712位置信息API

设备应用API

交互反馈API

用户登录流程

授权设置API位置信息与交互反馈API

用户登录流程

授权设置API用户登录完整五步流程

scope授权权限及对应API1多媒体、计算机713用户登录API

用户信息API

微信支付API

仿“豆瓣电影”微信小程序综合实战用户登录与授权设置

微信支付流程

豆瓣电影页签切换、海报轮播、列表渲染、详情页面综合开发微信支付中商户与微信服务器交互流程1多媒体、计算机814云开发四大基础功能

传统开发与云开发区别

云开发控制台使用

云函数应用（部署、调用、Promise、npm、本地调试、定时触发器）云函数创建部署与调用

云开发与传统开发区别

Promise对象使用Promise异步处理机制

定时触发器cron表达式1多媒体、计算机815云开发文件存储API

云开发数据库（初始化、增删改查）

地址管理云开发综合实战数据库增删改查操作

文件存储API调用

地址管理云函数编写where查询、orderBy排序、skip和limit分页组合使用1多媒体、计算机916仿“中国婚博会”微信小程序底部标签导航

海报轮播、宫格导航

“全部分类”页面复用设计

“现金券”下拉菜单与列表设计标签导航、轮播、宫格导航综合应用

下拉菜单交互设计

导航区域复用方法subMenuDisplay数组与currentTab变量协同控制菜单显示隐藏2多媒体、计算机917仿“华为商城”微信小程序

“我的”页面列表导航

账号登录（两种方式及页签切换）

首页多区域布局及动态获取数据

“分类”手风琴式导航登录两种方式及页签切换

首页布局及wx.request获取数据

手风琴式导航联动交互手风琴导航左右联动逻辑2多媒体、计算机1018云开发记账本微信小程序数据库设计（3个集合）

账户列表与创建账户

账户明细与记一笔（联动更新余额）

分页显示账本列表与创建账本集合设计与增删改查

记账余额联动更新

分页查询skip+limit组合记账业务逻辑闭环

分页concat拼接实现下拉加载更多2多媒体、计算机1019AI辅助编程：CodeBuddy功能特点

安装与使用（Craft/Chat模