(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．基本知识了解微信小程序云开发管理、开发基础知识。

微信小程序开发课程内容体系课程代码：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章小程序视图层任务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{。

《微信小程序》教学大纲课程编码制订人制订日期修订人修订日期审核人审核日期曾建华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 事件及数据传递●熟练掌握如何进行事件处理。

●理解事件冒泡机制。

●在事件中获取组件绑定的附加信息。

●熟练掌握路由机制。

第1章认识微信小程序教学过程1.1微信小程序介绍1.1.1初识微信小程序微信小程序是一个基于去中心化而存在的平台，它没有聚合的入口，有多种进入方式。

（1）在微信中的“发现”界面，可以找到小程序的入口，如图所示。

微信小程序入口（2）在微信主界面下拉，会看到用过的微信小程序。

（3）给好友或者在群里分享小程序。

小程序的界面和使用方法和App类似，下图所示是几个已发布的常用小程序界面。

常用微信小程序界面1.1.2微信小程序的功能（1）分享页功能。

（2）分享对话功能。

（3）线下扫码进入微信小程序功能。

（4）挂起状态功能。

（5）消息通知功能。

（6）实时音视频录制播放功能。

（7）硬件连接功能。

（8）小游戏功能。

（9）公众号关联功能。

（10）搜索查找功能。

（11）识别二维码功能。

1.1.3微信小程序的使用场景在发布小程序的时候，要选择服务类目。

通过这些服务类目，我们能知道小程序的使用场景。

服务类目分为个人服务类目和企业服务类目。

个人服务类目针对以个人为开发主体的小程序，服务范围小；企业服务类目针对以企业为开发主体的小程序，服务范围大。

1.2微信小程序开发准备1.2.1基础技术准备微信小程序自定义了一套语言，称为WXML（微信标记语言），它的使用方法类似于HTML。

另外，微信小程序还定义了自己的样式语言WXSS，兼容了CSS，并做了扩展；使用JavaScript来进行业务处理，兼容了大部分JavaScript功能，但仍有一些功能无法使用，所以有一定HTML、CSS、JavaScript技术功底的人学习微信小程序开发会容易很多。

1.2.2开发准备Step1：在“微信公众平台”注册微信开发者账号。

单击“立即注册”，在“注册”界面选择“小程序”，在“小程序注册”界面根据提示填写相关信息完成注册。

在微信公众平台中，选择“小程序”→“小程序开发文档”，可以打开帮助文档界面，如图所示。

开发文档帮助文档在帮助文档里有介绍、设计、小程序开发、运营、数据、社区6个菜单，针对不同角色的用户提供了不同内容的帮助文档。