《小程序开发实战（第2版）》
课程教学大纲
（课程英文名称）
课程编号：
学分：学分
课时：86课时（其中：讲课55课时上机31课时）
先修课程：计算机基础、计算机网络、HTML、CSS、JavaScript
适用专业：信息技术及其计算机相关专业
一、课程的性质与目标
小程序是一门面向Web前端开发人员的课程，用于快速掌握小程序的开发。本课程以案例驱动模式，循序渐进地讲解了小程序的相关知识，包括小程序项目的创建方法、页面组成、发布流程、常用组件、导航栏、标签栏、数据绑定、事件绑定、this 关键字、列表渲染、常用API、Vant Weapp组件
库、WeUI组件库、uni-app框架等内容以及两个综合项目。另外，本课程秉承立德树人理念，在案例中融入了许多思想政治内容。通过本课程的学习，不仅可以让学生掌握小程序的核心知识，还可以培养学生的家国情怀、责任担当、敬业精神等。
二、课程设计思路和教学要求
课程设计理念：通过学习本课程，使学生掌握如何将小程序与项目开发相结合。按照学习的难易程度及先后顺序安排具体的内容，可以有效地将学生所学的内容串联起来，从而培养学生分析问题和解决问题的能力。
课程设计思路：本课程根据知识点难易的先后顺序进行讲解。采用案例驱动式体例，主要包括“案例分析”“知识储备”“案例实现”等，在每个案例中，先对案例进行需求分析，然后在知识储备中讲解实现这个案例需要使用到的知识，并结合示例代码帮助学生理解，最后通过案例实现达到学以致用的目标。学完小程序的基础知识后，通过两个
项目实战将所学内容全部串联起来，培养学生分析和解决问题的能力。
操作系统：Windows 7或更高版本
开发工具：开发者工具、HBuilder X
三、课程的主要内容及基本要求
第1章小程序入门
学习单元小程序入门课时6课时
学习目标1.了解小程序，能够说出小程序的概念、特点、发展前景和宿主环
境
2.掌握小程序开发账号的注册方法，能够独立完成小程序开发账号
的注册
3.掌握获取小程序AppID的方法，能够从小程序管理后台获取
AppID
4.掌握开发者工具的安装方法，能够独立完成开发者工具的安装
5.掌握小程序项目的创建方法，能够使用开发者工具创建项目
6.熟悉小程序的项目结构，能够解释每个文件的作用
7.熟悉小程序的页面组成，能够解释WXML、WXSS、JS和JSON文件
的作用
8.熟悉小程序的通信模型，能够解释小程序中渲染层、逻辑层及第
三方服务器的通信方式
9.熟悉开发者工具的主界面，能够说出工具栏中常用快捷按钮的功能
10.掌握小程序的项目设置，能够根据需要对小程序进行设置
11.了解小程序开发常用快捷键，能够列举4类常用快捷键
12.了解项目成员，能够说出项目成员的组织结构、分工和权限
13.掌握添加项目成员和体验成员的方法，能够在小程序管理后台中添加
项目成员和体验成员
14.熟悉小程序的版本，能够说明小程序的4种版本
15.熟悉小程序发布上线的流程，能够归纳出小程序发布上线的步骤
学习内容
知识点掌握程度重点难点什么是小程序了解
小程序的特点了解
小程序的发展前景了解
小程序的宿主环境了解
注册小程序开发账号掌握
获取小程序AppID 掌握√
安装开发者工具掌握
创建小程序项目掌握√
小程序的项目结构熟悉
小程序的页面组成熟悉
小程序的通信模型熟悉
认识开发者工具熟悉
小程序的项目设置掌握
小程序开发常用快捷键了解
项目成员的组织结构了解
项目成员的分工了解
项目成员和体验成员的管理了解
项目成员的权限了解
添加项目成员和体验成员掌握
小程序的版本熟悉
小程序的上线流程熟悉
第2章小程序页面制作
学习单元小程序页面制作课时10课时
学习目标1.了解WXML的概念，能够说出WXML的特点、WXML与HTML的区别
2.了解WXSS的概念，能够说出WXSS的特点、WXSS与CSS的区别
3.了解组件的概念，能够说出组件的特点及常用的组件
4.掌握页面路径的配置方法，能够运用该方法进行页面管理
5.掌握view组件的使用方法，能够灵活运用view组件实现页面的布局效果
6.掌握image组件的使用方法，能够灵活运用image组件完成图片插入操作
7.掌握rpx单位的使用方法，能够灵活运用rpx单位解决屏幕适配的问题
8.掌握页面样式的导入方法，能够灵活运用该方法导入公共样式
9.掌握swiper和swiper-item组件的使用方法，能够灵活运用swiper和
swiper-item组件完成轮播图的制作
10.掌握text组件的使用方法，能够灵活运用text组件定义行内文本
11.掌握Flex布局的使用方法，能够使用Flex布局的相关属性完成页面布局
12.掌握导航栏的配置方法，能够完成导航栏标题颜、背景颜等页面效果
的设置
13.掌握标签栏的配置方法，能够完成页面标签栏的配置
14.掌握vw、vh单位的使用方法，能够灵活运用vw、vh单位设置宽度和高
度
15.掌握video组件的使用方法，能够灵活运用video组件实现页面中视频的
处理
16.掌握表单组件的使用方法，能够灵活运用表单组件完成表单页面的制作
学习内容
知识点掌握程度重点难点WXML简介了解
WXSS简介了解
常用组件了解
页面路径配置掌握√
view组件掌握√
image组件掌握√√rpx单位掌握
样式导入掌握
【案例2-1】个人信息-准备工作掌握
【案例2-1】个人信息-实现“个人信息”微
掌握√信小程序的页面结构
【案例2-1】个人信息-实现“个人信息”微
掌握
信小程序的页面样式
swiper和swiper-item组件掌握√
text组件掌握
Flex布局掌握
【案例2-2】本地生活-准备工作掌握
【案例2-2】本地生活-实现“本地生活”微
掌握
信小程序的页面结构
【案例2-2】本地生活-实现“本地生活”微
掌握
信小程序的页面样式
导航栏配置掌握
标签栏配置掌握
vm、vh单位掌握
video组件掌握
表单组件掌握√
【案例2-3】婚礼邀请函-准备工作掌握
【案例2-3】婚礼邀请函-项目初始化掌握
【案例2-3】婚礼邀请函-实现“邀请函”页
掌握
面的结构
【案例2-3】婚礼邀请函-实现“邀请函”页
掌握
面的样式
【案例2-3】婚礼邀请函-实现“照片”页面
掌握
的结构
【案例2-3】婚礼邀请函-实现“照片”页面
掌握
的样式
【案例2-3】婚礼邀请函-实现“美好时光”
掌握
页面的结构
【案例2-3】婚礼邀请函-实现“美好时光”
掌握
页面的样式
【案例2-3】婚礼邀请函-实现“宾客信息”
掌握
页面的结构
【案例2-3】婚礼邀请函-实现“宾客信息”
掌握
页面的样式
第3章小程序页面交互
学习单元小程序页面交互课时10课时
学习目标1.熟悉Page()函数，能够归纳Page()函数及其各个参数的作用
2.掌握数据绑定，能够运用数据绑定实现页面中数据的显示与修改
3.掌握事件绑定，能够在组件触发时执行对应的事件处理函数
4.熟悉事件对象，能够总结事件对象的属性及其作用
5.掌握this关键字的使用，能够运用this关键字访问当前页面中的数据或者
函数
6.掌握setData()方法的使用，能够完成数据的设置与更改
7.掌握条件渲染，能够运用条件渲染根据不同的判断结果显示不同的组件
8.掌握<block>标签，能够运用<block>标签同时显示或隐藏多个组件
9.熟悉hidden属性，能够区分其与wx:if控制属性的区别
10.掌握data-*自定义属性，能够完成data-*自定义数据的设置与获取
11.掌握模块的使用，能够完成模块的创建和引入
12.掌握列表渲染，能够运用列表渲染将数组中的数据渲染到页面中
13.掌握网络请求的实现，能够通过网络请求与服务器进行交互
14.掌握提示框的实现，能够在页面中显示消息提示框
15.掌握WXS的使用，能够运用WXS处理页面中的数据
16.掌握上拉触底的实现，能够运用上拉触底实现数据的动态加载
17.掌握下拉刷新的实现，能够运用下拉刷新实现数据的重新加载
18.掌握双向数据绑定，能够运用双向绑定实现数据的动态更改
学习内容
知识点掌握程度重点难点Page()函数熟悉√
数据绑定掌握
事件绑定掌握√
事件对象熟悉
this关键字掌握
setData()方法掌握√
条件渲染掌握√
<block>标签掌握
hidden属性熟悉
【案例3-1】比较数字大小-准备工作掌握
【案例3-1】比较数字大小-实现“比较数字
大小”小程序的页面结构
掌握
【案例3-1】比较数字大小-获取并保存用户
输入的数字
掌握
【案例3-1】比较数字大小-判断数字大小并
显示结果
掌握
data-*自定义属性掌握
模块掌握小程序开发教程百度云
【案例3-2】计算器-准备工作掌握
【案例3-2】计算器-实现“计算器”小
程序的页面结构
掌握
【案例3-2】计算器-实现“计算器”小
程序的页面逻辑
掌握

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。