(7)《微信小程序开发》---专业课程内容体系模板 v3.0
《微信小程序云开发》教学大纲+教学进度表+教案
《微信小程序云开发》教学大纲+教学进度表+教案《微信小程序云开发》课程教学大纲一、课程的性质和教学目的课程性质：小程序开发已经成为一类具有独特特点的应用开发，云开发也具有自己的特点。
微信小程序的发展很快，应用领域很多。
但是，在云开发出现之前，开发时面临着在数据库、存储实现方面的挑战。
微信小程序通过云开发自身就可以完成了前端、后端、数据库全技术栈的一揽子方案。
这对开发者来说，意味着开发工具能力更强，而学习成本更低。
于是，开设微信小程序（含组件、API和云开发）相关课程的可行性和必要性就进一步增加了。
《微信小程序云开发》是软件工程专业、计算机科学与技术等相关专业的一门选修课程。
教学目的：通过本课程的学习，要求学生达到下列目标。
1. 理解小程序开发的特点。
2. 理解云开发的特点。
3. 掌握微信小程序云开发。
4. 培养学生应用微信小程序解决和处理实际问题的思维方法与基本能力。
二、课程教学内容第1章微信小程序开发入门1.1微信小程序简介1.2微信开发者工具的使用1.3不使用云服务的小程序项目构成1.4 WXML、WXSS、JavaScript和WXS1.5 微信小程序的开发步骤和设计指南1.6 微信小程序的基本原理第2章微信小程序云开发简介2.1 微信小程序云开发的发展2.2 微信小程序云开发的特点与优势2.3 云开发解决方案提供的主要服务2.4 微信小程序云开发的一般步骤第3章云开发控制台的应用3.1通过云开发控制台进行运营分析3.2 通过云开发控制台管理数据库3.3 通过云开发控制台进行存储管理3.4 通过云开发控制台进行云函数管理3.5 云开发控制台的设置第4章不使用云服务的小程序开发示例4.1基于微信小程序组件的开发示例4.2基于微信小程序API的开发示例4.3 基于自定义组件的微信小程序开发示例第5章云开发中小程序端数据库开发5.1基础概念5.2 在小程序端向集合中插入数据5.3 在小程序端查询数据5.4 在小程序端使用查询指令5.5 在小程序端更新数据和使用更新指令5.6 在小程序端删除数据5.7 在小程序端对集合的其他操作方法5.8 在小程序端正则表达式的用法5.9 在小程序端处理地理信息db.Geo5.10 在小程序端聚合的用法第6章云开发中小程序端存储开发6.1 基础知识6.2 在小程序端上传文件6.3 在小程序端下载文件6.4 在小程序端删除文件6.5 在小程序端换取临时链接6.6 在小程序端使用组件和API来访问云端文件第7章云开发中云函数开发7.1 相关说明7.2 Node.js相关知识7.3 云函数myfirstfun的实现与本地调试7.4 云函数myfirstfun上传部署到云端和小程序端调用7.5 同步、下载云函数subMath并在小程序端调用7.6 云函数中异步操作7.7 云函数调用其他云函数7.8 云函数高级日志的使用第8章云开发中服务端存储开发8.1 在服务端上传文件8.2 在服务端下载文件8.3 在服务端删除文件8.4 在服务端换取临时链接8.5 服务端函数调用云函数第9章云开发中服务端数据库开发9.1相关说明9.2 针对collection的服务端API说明和应用开发9.3 针对doc的服务端API说明和应用开发9.4 服务端正则表达式的应用开发9.5 服务端API中serverDate的说明和应用开发9.6 服务端Geo对象的应用开发9.7 针对command的服务端API说明和应用开发9.8 服务端createCollection方法的应用开发9.9 针对集合的服务端API的应用开发第10章 Spring Boot访问云开发API10.1 调用云函数的API10.2 调用对数据库进行增、删、改、查操作的API 10.3 调用对数据库进行迁移相关操作的API10.4 调用对存储进行相关操作的API10.5 调用获取Token的API第11章 Node.js访问云开发API11.1 调用云函数的API11.2 调用对数据库进行增、删、改、查操作的API 11.3 调用对数据库进行迁移相关操作的API11.4 调用对存储进行相关操作的API11.5 调用获取Token的API第12章小程序与Spring Boot整合开发及云开发对比12.1 Spring Boot作为后端开发工具12.2 微信小程序前端开发12.3 实现同样效果的云开发实现第13章案例三、课程教学的基本要求1．基本知识了解微信小程序云开发管理、开发基础知识。
(7)《微信小程序开发》---专业课程内容体系模板 v3.0
微信小程序开发课程内容体系课程代码：A13C11143 课程名称：微信小程序开发所属教学团队：信息通信技术团队一、设计思路遵循“学历证书与职业资格证书嵌入式教学”的设计要求，采用“学生主体，教师主导”双主教学模式，强调学生是学习的主人，教师是指导者，引领者。
在教学过程中，巧妙设计，让学生面对一个个的任务，通过课堂讨论、相互合作、实际操作、竞赛激励等方式，自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合，发展能力，训练思维。
选取项目的基本依据是该门课程涉及的工作领域和工作任务范围，但在具体设计过程中还以独立小程序web开发项目为载体，使工作任务具体化，并依据完成工作任务的需要、职业院校学习特点和职业能力形成的规律，遵循“学历证书与职业资格证书嵌入式教学”的设计要求确定课程的知识、技能等内容，产生了具体的项目模块。
在设计课程的时候，注重体现以下几个思想：1、改变学生的学习方式。
学生变被动学习为主动愉快的学习，并且通过多种学习方式（如自主学习、协作学习、探索学习、利用网络学习等），获取信息，掌握操作。
2、情景与任务驱动的融合。
在每一个任务抛出的时候，都创设了适当的情景，以此让学生在不知不觉在情景中积极主动地接受任务。
3、在体验感受中学习。
在课堂教学中很“放”地让学生探究学习，在探究中，学生肯定会有许多失败。
正是在失败中，找到成功，让学生体验成功的喜悦。
二、体系结构（一）本课程的培养目标1）知识目标1、理解小程序开发工具的操作流程、特性及使用场景；2、掌握json的基本配置方法；3、掌握wxml文本结构和基础语法；4、掌握wxss页面的文字样式、视图容器、各类组件的属性编辑；5、了解开发工具各文件数据绑定方法；6、了解微信小程序API数据接口操作；7、掌握微信小程序基础功能实现；8、具备小程序开发程序员能编写基础小程序、各功能代码的植入与纠错的基本业务素质2）能力目标1、培养学生“爱岗、敬业、细致、求精”的职业道德与情感；2、培养学生良好的动手实践习惯，尤其注重挖掘学生的潜质；3、注重培养学生与社会接轨；4、培养学生严谨的行事风格；5、培养学生具有踏实工作作风，良好的观察和思考能力，探究精神和实际问题解决能力。
微信小程序开发 3-7 教案-实现分段函数[4页]
![微信小程序开发 3-7 教案-实现分段函数[4页]](https://img.taocdn.com/s3/m/aa3b64652f3f5727a5e9856a561252d380eb2067.png)
第3章小程序视图层任务3.7 实现分段函数valueOf()返回Math对象的原始值三、实现效果根据案例描述可以做出如图3.13所示的效果。
当x=-100时，计算出的y=100，如图（a）所示。
当x=11.5时，计算出的y=1520.875，如图（b）所示。
当x=22.5时，计算出的y=149.4487,如图（c）所示。
（a）x=-2021时（b）x=8时（c）x=33时图3.13 条件语句和数学函数案例运行效果四、任务实现1.编写index.wxml文件代码代码主要包括input组件，并利用该组件绑定了calc函数，并为input组件设置了下边框线和边距的样式。
index.wxml文件：<!--index.wxml--><view class="box"><view class="title">实现分段函数</view><view><input placeholder="请输入x的值" bindblur="calc"></input></view><view>计算y的值为：{{y}}</view></view>2.编写index.wxss文件代码文件定义了input样式，该样式适用于所有input组件。
index.wxss文件见附件；3.编写index.js文件代码文件定义了calc函数，该函数根据x的值，利用条件语句和数学函数计算出了y的值，并通过setData函数将计算结果渲染到视图层。
index.js文件：// index.jsPage({//自定义函数calccalc:function(event){var x,y;//定义局部变量x和yvar x=event.detail.value;//获取input组件的value值并赋值给xif(x<0){//根据x值进行判断，并求出y的值y=Math.abs(x);}else if(x<10){y=Math.exp(x)*Math.sin(x);}else{。
《微信小程序开发课件》
本课程将带您深入了解微信小程序开发的方方面面，从基础语法到高级技巧， 让您成为一名优秀的小程序开发者。
微信小程序简介
了解微信小程序的概念和功能，以及其在移动应用开发中的优势和应用场景。
开发环境搭建
介绍微信小程序的开发环境要求，包括系统要求、开发工具的安装和注册小 程序开发者账号。
基础语法
学习微信小程序的基础语法，包括WXML、WXSS和JavaScript，为后续的开 发打下坚实的基础。
组件使用
掌握微信小程序常用的组件的使用方法，并学习如何自定义组件满足个性化 需求。
API调用
学习如何使用微信小程序提供的API调用实现数据请求、发送模板消息、定位 等功能。
小程序的生命周期
小程序开发者社区
介绍微信小程序开发者工具、小程序组件库和小程序论坛等相关资源，帮助 开发者更好地进行开发。
资源推荐
分享一些优秀的微信小程序开发资源，包括开发文档、教程、视频和书籍推荐，助您更好地学习和实践。
微信小程序的未来
展望微信小程序的发展前景和更广阔的应用场景，为学员们带来新的思考和 启发。
微信开放能力
深入了解微信小程序开放能力，包括微信支付、微信登录、微信分享等功能的集成和使用。
微信小程序优化
学习如何对微信小程序进行性能优化、代码优化和用户体验优化，提升小程 序的质量。
互动体验设计
介绍微信小程序的互动体验设计原则，并通过实际的设计案例进行分析和探 讨。
ห้องสมุดไป่ตู้
小程序案例解析
通过分析不同领域的小程序案例，如生活服务、电商、社交、教育等，了解其设计和功能特点。
了解微信小程序的生命周期，包括App、Page和Component的创建、初始化 和销毁过程。
重大社2023《微信小程序开发技术》教学课件-知识点1：小程序基础简介
1. 跨平台技术 微信小程序采用了一种跨平台的开发技术，即一套代码可以在不同的操作系统平台上运行，包括iOS和Android系统。这使得开发者无 需为不同系统编写独立的程序，大大提高了开发效率和用户体验。 2. 高性能体验 微信小程序采用了轻量级框架，具有快速启动、快速加载和响应迅速的特点。微信小程序的运行在微信客户端内完成，可以有效地减 少因网络延迟而导致的加载等待时间，用户可以快速访问和使用小程序。 3. 低门槛开发 微信小程序提供了一套完整的开发工具和开发文档，对于开发者来说，只需要掌握一种编程语言，如JavaScript，就可以进行小程序的 开发。这降低了开发的门槛，使更多的开发者能够参与到小程序的开发中来，促进了小程序生态的繁荣发展。
每天成长一点点
《微信小程序开发技术》
每天成长一点点
每天成长一点点
1. 无需下载安装 微信小程序是在微信平台上运行的，用户无需下载安装，即可直接使用。 2. 快速启动和加载 微信小程序采用轻量级的技术架构，具有快速启动和加载的特点。用户点击小程序图标后，可以快速进入小程序界面，而不需要等待漫长的 加载时间。这种快速启动和加载的特点，使得用户可以随时随地进行小程序的使用，并提高了用户的使用体验。 3. 瞬时启动 微信小程序的启动速度非常快，用户只需点击即可迅速进入应用，省去了下载和安装的过程，极大地提高了用户体验的流畅度和便捷性。 4. 界面简洁清晰 微信小程序具有简洁清晰的用户界面设计，借助微信的统一UI风格，用户在使用不同小程序时能够迅速熟悉并上手操作，无需花费额外的时 间去适应不同应用的界面设计。 5. 快速响应 微信小程序具备快速响应的特点，能够实时响应用户的操作，无论是切换页面、下拉刷新还是提交表单等操作，都能够立即完成，给用户带 来流畅的交互体验。 总结起来，微信小程序通过瞬时启动、界面简洁清晰以及快速响应等特点，为用户提供了快捷流畅的使用体验，方便用户随时随地地使用各 种应用功能。
《微信小程序开发》课程教学大纲
【课程内容及学时分布】
教学周
教学内容
学时
（对应36/48/60总学时）
第1周
第1章小程序基础
本章主要学习微信小程序产生的背景、应用前景；了解小程序的定义、特征和“大程序”的含义；熟练掌握微信小程序开发者工具和开发者管理账户的操作；开发第一个微信小程序。
4/4/4
第10-11周
第9章交互接口及开放接口
本章主要学习了解微信小程序常见的交互接口和开放接口；熟练掌握wx.showToast()、wx.showLoading()、wx.showModal()和wx.showActionSheet()四个交互接口的应用；熟练掌握微信登录接口、微信支付接口和模板消息接口、获取用户信息接口、小程序间跳转接口、获取用户收货地址接口和SOTER指纹认证接口等开放接口的应用
2/4/6
第6-7周
第5章Javascript基础
本章主要学习熟练掌握Javascript语法格式；熟练掌握Javascript变量、数据类型、运算符、函数等基本概念；熟练掌握小程序事件函数中this和that的使用；掌握JavaScript在小程序中的交互场景应用。
2/4/5
第7-8周
第6章数据库操作
6/6/6
第13-14周
第11章数码产品类电商小程序项目
本章主要学习综合应用所学知识创建完整的电商小程序项目；熟练掌握与实现页面当中的交互；了解项目开发中的流程步骤。
0/0/4
第14-15周
第12章基于云开发的新闻小程序
本章主要学习综合应用所学知识开发完整新闻小程序项目熟练掌握云开发在项目中的应用了解项目开发中的软件工程方法学
微信小程序开发(PHP Laravel MySQL)教学大纲
《微信小程序》教学大纲课程编码制订人制订日期修订人修订日期审核人审核日期曾建华2021.1学分：3-4学时：48-64适用专业：软件技术专业一、课程的性质与任务课程的性质：针对计算机软件类相关专业学生的专业核心课。
课程的任务：通过本课程的学习，学生应能熟练使用微信开发者工具，熟练开发微信小程序，在后台方面，理解后台的开发流程以及微信小程序是如何与后台交互的。
二、教学基本要求通过本课程的学习，学生应达到下列基本要求：微信小程序的项目构成微信小程序页面构成生命周期函数WXML事件微信小程序如何使用外部API（到此48学时）使用PHP+MySQL设计自己的API使用Laravel框架设计自己的API（到此56学时）系统组件自定义组件WeUI组件库（到此64学时）三、教学条件机房上课，每个学生有一台电脑。
投影仪等多媒体教学设备。
安装软件：微信开发者工具、HBuilder、xampp。
四、教学内容各学校可根据实际情况选择：1-7：48学时1-9：56学时1-11：64学时序号单元主要内容1 开发环境及第一个微信小程序●了解微信小程序相关技术。
●掌握微信开发者工具的安装、使用。
●掌握如何创建微信小程序。
●掌握微信小程序的项目架构、页面结构。
2 基本页面和底部导航●熟练掌握创建新的页面。
●熟练编写底部导航代码。
●理解底部导航各属性的含义。
●进一步熟悉微信开发者工具界面。
3 js文件●理解app.js中的生命周期函数。
●掌握app.js中的全局变量。
●理解page.js中的生命周期函数。
●掌握page.js中的局部变量。
●掌握如何创建和引用模块。
4 WXML语法●掌握数据绑定的方法。
●掌握条件渲染的用法。
●掌握列表渲染的用法。
●掌握如何定义模板以及使用import引用模板。
●掌握include引用方式。
5 事件及数据传递●熟练掌握如何进行事件处理。
●理解事件冒泡机制。
●在事件中获取组件绑定的附加信息。
●熟练掌握路由机制。
微信小程序开发教学大纲
2
多媒体
计算机
6
用微信小程序组件构建UI界面
视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
表单组件
2
多媒体
计算机
4
7
用微信小程序组件构建UI界面
视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
表单组件
2
多媒体
计算机
8
用微信小程序组件构建UI界面
视图容器组件、基础内容组件、表单组件、导航组件、媒体组件
表单组件
2
多媒体
计算机
5
9
表单登录注册微信小程序
登录设计、手机号注册设计、企业用户注册设计
登录设计、手机号注册设计、企业用户注册设计
2
计算机
10
必备的微信小程序API
文件上传与下载、图片处理、文件操作、数据缓存交互反馈、登录、微信支付、分享API
各类微信小程序API的使用
2
多媒体
计算机
6
11
必备的微信小程序API
2
计算机
底部标签导航、海报轮播效果、火车票查询界面、火车票列表、个人中心界面、抢票界面设计
仿智行火车票12306微信小程序的制作
2
计算机
9
17
仿智行火车票12306微信小程序
底部标签导航、海报轮播效果、火车票查询界面、火车票列表、个人中心界面、抢票界面设计
仿智行火车票12306微信小程序的制作
2
计算机
18
仿智行火车票12306微信小程序
文件上传与下载、图片处理、文件操作、数据缓存交互反馈、登录、微信支付、分享API
各类微信小程序API的使用
2
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
微信小程序开发课程内容体系
课程代码：A13C11143 课程名称：微信小程序开发所属教学团队：信息通信技术团队
一、设计思路
遵循“学历证书与职业资格证书嵌入式教学”的设计要求，采用“学生主体，
教师主导”双主教学模式，强调学生是学习的主人，教师是指导者，引领者。
在
教学过程中，巧妙设计，让学生面对一个个的任务，通过课堂讨论、相互合作、
实际操作、竞赛激励等方式，自我探索，自主学习，使学生在完成任务的过程中
不知不觉实现知识的传递、迁移和融合，发展能力，训练思维。
选取项目的基本依据是该门课程涉及的工作领域和工作任务范围，但在具体
设计过程中还以独立小程序web开发项目为载体，使工作任务具体化，并依据完
成工作任务的需要、职业院校学习特点和职业能力形成的规律，遵循“学历证书
与职业资格证书嵌入式教学”的设计要求确定课程的知识、技能等内容，产生了
具体的项目模块。
在设计课程的时候，注重体现以下几个思想：
1、改变学生的学习方式。
学生变被动学习为主动愉快的学习，并且通过多
种学习方式（如自主学习、协作学习、探索学习、利用网络学习等），获取信息，
掌握操作。
2、情景与任务驱动的融合。
在每一个任务抛出的时候，都创设了适当的情
景，以此让学生在不知不觉在情景中积极主动地接受任务。
3、在体验感受中学习。
在课堂教学中很“放”地让学生探究学习，在探究
中，学生肯定会有许多失败。
正是在失败中，找到成功，让学生体验成功的喜悦。
二、体系结构
（一）本课程的培养目标
1）知识目标
1、理解小程序开发工具的操作流程、特性及使用场景；
2、掌握json的基本配置方法；
3、掌握wxml文本结构和基础语法；
4、掌握wxss页面的文字样式、视图容器、各类组件的属性编辑；
5、了解开发工具各文件数据绑定方法；
6、了解微信小程序API数据接口操作；
7、掌握微信小程序基础功能实现；
8、具备小程序开发程序员能编写基础小程序、各功能代码的植入与纠错的基本业务素质
2）能力目标
1、培养学生“爱岗、敬业、细致、求精”的职业道德与情感；
2、培养学生良好的动手实践习惯，尤其注重挖掘学生的潜质；
3、注重培养学生与社会接轨；
4、培养学生严谨的行事风格；
5、培养学生具有踏实工作作风，良好的观察和思考能力，探究精神和实际问题解决能力。
3）素质目标
1、具有获取和利用信息的能力；
2、具有逻辑思维能力；具有良好的动手能力以及实操能力；
3、具有独立学习、获取新知识和新技能的能力；
4、具有良好的学习方法和良好的学习习惯；培养学生的自学能力、独立工作能力；
5、具有发现问题、分析问题和解决问题能力；
6、具有团队管理能力、人力资源管理能力；培养学生的团队协作精神；
7、培养并提高学生的职业能力（观察、分析和解决问题的能力，自我展现的能力）。
8、具有创新能力和环境适应能力；
9、具有一定的自学能力和职业迁移的智能基础以及持续发展的潜在能力。
（二）课程内容体系构建
三、课程教学保障：
（一）师资队伍
任课教师需具备教师资格、对小程序web开发有一定了解、具有丰富的教学经验，能针对学生学习情况对教学内容和教学方法做出适当的调整。
经验具体如下：
1、具有微信小程序开发经验；
2、具有高职教育教学一线教学经验；
（二）教学条件和教学资源使用
1．标准与规范注重教学过程中的讲练结合，增加上机操作时间。
2．教学设施装有win7+小程序web开发者工具的多媒体教室。
3．实训条件人手一台电脑，根据实训项目要求进行实训。
（三）教材选用
1、教材：
（1）高等院校，《微信小程序入门》，厉业崧，清华大学出版社，2017年1月，第1版；
2、参考资料（至少两个种类以上）：
（1）《微信公众平台与小程序开发》，苑曾举，山东文艺出版社，2017年4月；（2）《微信公众平台开发标准教程》，王甲临，人民邮电出版社，2018年3月。
3、其它教学资源：
(1)实训指书、教学PPT。