项目一  微信小程序开发入门

任务一  初识微信小程序

任务描述

一、认识微信小程序

二、微信小程序的特点

三、微信小程序的功能

任务实施——了解微信小程序的开发流程

任务二  认识微信小程序的项目结构

任务描述

一、微信开发者工具界面

二、文件类型

三、目录结构

任务实施——创建并分析简单的微信小程序

项目实训

项目考核

项目评价

项目二  微信小程序的视图

任务一  WXML文件——小程序的结构

任务描述

一、认识WXML

二、数据绑定和事件绑定

三、条件渲染和列表渲染

四、模板与引用

任务实施——构建“家电商城”微信小程序首页的结构

任务二  WXSS文件——小程序的样式

任务描述

一、认识WXSS

二、选择器

三、尺寸单位

四、盒模型

五、flex布局

六、样式导入

七、内联样式

任务实施——设置“家电商城”微信小程序首页的样式

项目实训

项目考核

项目评价

项目三  微信小程序的配置和逻辑

任务一  JSON文件——小程序的配置

任务描述

一、认识JSON

二、全局配置

三、页面配置

任务实施——设置“家电商城”微信小程序导航栏

任务二  JS文件——小程序的逻辑

任务描述

一、认识JavaScript

二、JavaScript基础

三、注册小程序

四、注册页面

任务实施——为“家电商城”微信小程序的搜索区设置单击事件

项目实训

项目考核

项目评价

项目四  视图容器组件与基础内容组件

任务一  视图容器组件

任务描述

一、view

二、scroll-view

三、swiper

任务实施——设置“家电商城”微信小程序首页的轮播图

任务二  基础内容组件

任务描述

一、text

二、image

三、rich-text

四、icon

五、progress

任务实施——制作“家电商城”微信小程序首页的商品列表

项目实训

项目考核

项目评价

项目五  表单组件与其他组件

任务一  表单组件

任务描述

一、button

二、checkbox和checkbox-group

三、radio和radio-group

四、picker

五、switch

六、input

七、textarea

八、label

九、form

任务实施——制作“家电商城”微信小程序的建议反馈页面

任务二  其他组件

任务描述

一、video

二、map

三、navigator

四、自定义组件

任务实施——制作“家电商城”微信小程序的物流查询页面

项目实训

项目考核

项目评价

项目六  网络API与文件API

任务一  网络API

任务描述

一、域名配置

二、网络请求

三、下载与上传文件

任务实施——使用网络请求API请求网页

任务二  文件API

任务描述

一、保存文件

二、打开文件

三、文件管理器

任务实施1——使用保存文件API将文件保存到用户磁盘

任务实施2——使用打开文件API打开文档

任务实施3——使用文件管理器对象保存文件

项目实训

项目考核

项目评价

项目七  数据缓存API与用户信息API

任务一  数据缓存API

任务描述

一、缓存数据

二、查询缓存数据

三、清除缓存数据

任务实施——为“家电商城”微信小程序设置数据缓存

任务二  用户信息API

任务描述

一、登录

二、授权和设置

三、获取用户头像和昵称

任务实施——为“家电商城”微信小程序设置用户头像和昵称

项目实训

项目考核

项目评价

项目八  媒体API与位置API

任务一  媒体API

任务描述

一、图片

二、视频

三、音频

四、地图

任务实施1——使用图片API对图片进行操作

任务实施2——使用视频API对视频进行操作

任务实施3——使用地图API对地图进行操作

任务二  位置API

任务描述

一、获取位置

二、查看位置

三、选择位置

任务实施1——使用位置API获取和查看位置

任务实施2——使用位置API选择附近位置

项目实训

项目考核

项目评价

项目九  交互API与设备API

任务一  交互API

任务描述

一、消息提示框

二、模态对话框

三、操作菜单

四、页面滚动

任务实施——实现“家电商城”微信小程序首页的一键回到顶部功能

任务二  设备API

任务描述

一、扫码

二、剪贴板

三、网络状态

四、屏幕

任务实施——使用网络状态API查询当前设备的网络信息

项目实训

项目考核

项目评价

项目十  微信小程序云开发

任务一  认识云开发

任务描述

一、云开发的特点

二、云开发的基本功能

任务实施——创建微信小程序云开发项目和云开发环境

任务二  使用云开发功能

任务描述

一、云数据库

二、云存储

三、云函数

任务实施——收货地址管理云开发

项目实训

项目考核

项目评价

项目十一  “私房菜馆”微信小程序

任务一  功能设计

一、需求分析

二、功能模块设计

三、小程序目录结构

任务二  创建并配置小程序项目

一、创建小程序项目

二、配置小程序项目

任务三  页面功能实现

一、“首页”页面

二、“我的”页面

三、“点餐”页面

四、“订单详情”页面

项目评价

参考文献