(7)《微信小程序开发》---专业课程内容体系模板 v3.0
- 格式:docx
- 大小:21.29 KB
- 文档页数:4
《微信小程序云开发》教学大纲+教学进度表+教案《微信小程序云开发》课程教学大纲一、课程的性质和教学目的课程性质:小程序开发已经成为一类具有独特特点的应用开发,云开发也具有自己的特点。
微信小程序的发展很快,应用领域很多。
但是,在云开发出现之前,开发时面临着在数据库、存储实现方面的挑战。
微信小程序通过云开发自身就可以完成了前端、后端、数据库全技术栈的一揽子方案。
这对开发者来说,意味着开发工具能力更强,而学习成本更低。
于是,开设微信小程序(含组件、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个菜单,针对不同角色的用户提供了不同内容的帮助文档。
XXXX 职业学院学期授课计划表一,基本信息与审批执行时间202X ~ 202X 学年度 第 学期课名 《微信小程序开发技术》学分4代码 1081272开课系院XX 学院大纲 制订或修订人 XXX 最新制订或修订时间 2020.12课程 信息课程 性质□考试 ■考查课程 类别□公共必修课 □专业选修课 ■专业必修课 □全院选修课适用授课班级 XXXX 级任课教师XXX题名 微信小程序开发技术使用教材出版社编著者 秦长春 出版时间教学大纲规定总学时64 ,其中理论教学 32 学时,实践教学 32 学时 课程教学周数 16(起止周: 2-17) 周课时数 4理论教学28 课内实验,上机实践30 习题课4 实践教学课程设计,大型作业 0 编制说明:节假日停课 机动(2)课时 分配合计64编制教师 XXX制订时间 2020.12教研室审批 学院审批表二,课程学期授课计划表周次周内课次本次学时授课方式授课章节和内容课外作业备注2 讲授第1章初识微信小程序1.1 认识微信小程序1.2 安装开发工具1.3 第一个小程序微信小程序地认识第2周42 上机1,注册个人小程序号(要求每个人)2,发布第一个小程序2 讲授第2章技术框架2.1 总体技术框架2.2 逻辑层2.3 视图层2.4 数据层2.5 组件事件与行为数据缓存插件第3周42 上机1,熟悉微信小程序开发环境2,微信小程序开发测试2 讲授第3章WXML标签语言3.1 语法规范3.2 数据绑定用标签制作页面第4 周42 上机1,数据绑定2 讲授第3章WXML标签语言3.3 页面渲染3.4 事件3.5 模板与引用第5周42 上机1,事件测试2 讲授第4章WXSS样式语言4.1 尺寸单位4.2 选择器4.3 样式使用第6周42 上机1,样式应用注:1.编制教师必须根据授课班级地具体课时数和放假,实习实训地安排编写授课计划,落实到每次课;2.授课方式:讲授,辅导,讨论,实验,实习,实训,复习,考核;3.如机房条件允许地话建议全在机房授课。
XXXX职业学院XX学院·[ 微信小程序开发技术 ] 课程标准(20XX)文号:[202X] XXX号适用范围:软件开发类专业代码:1081272类型:B类属性:专业课性质:必修课学分:4建议学时:64课内+128课外难度:31课程描述(Course)1.1课程在相关专业中地性质与定位本课程是软件开发类应用专业中地一门专业核心课程。
是一门基于项目过程,面向“软件开发工程师”岗位地专业课程,也是一门典型地工学结合,融理论与实践于一体地理实一体化课程。
课程以软件开发工程师工作过程为导向,通过学习微信小程序开发,培养学生能从事相关软件开发地能力,是软件开发专业群学生必修地基本课程之一,与其它学习领域一起共同构成学生在软件工程师相关岗位就业所应具备地知识与技能,为培养高素质技能型人才提供保障。
本课程地前导课程:《计算机应用基本》。
本课程地后续课程:《软件开发综合实训》。
1.2 本课程地基本教学理念(一)突出学生主体,注重技能培养,回归能力本位倡导自主学习,启发学生对软件开发地兴趣,引导学生正确地学习方法,鼓励多分析,多实践,激发学生地学习兴趣。
通过启发,提示方式使学生自主地,全面地理解掌握知识技能,从而提高学生地思维能力,实际操作技能与实际应用能力,加强它们理论联系实际地能力;并提高技能,磨砺意识,活跃思维,展现个性与拓宽视野地过程。
(二)尊重个体差异,注重过程评价,促进学生地个性发展本课程在教学过程中,倡导自主学习,启发学生对问题积极思考,分析,鼓励学生多思考并将其表达出来,尊重个体差异。
建立能激励学生学习兴趣与自主学习能力发展地评价体系。
在教学过程中以过程性评价为主,注重培养与激发学生地创新素养,学习积极性与自信心。
注重检测学生地知识应用能力,评价要有利于促进学生地知识应用能力与健康人格地发展。
建立以过程培养促进个体发展,以学生可持续发展能力评价教学过程地双向促进机制,以激发兴趣,展现个性,发展心智与提高素质为基本理念。
微信小程序开发课程内容体系
课程代码: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。