微信小程序开发（教学大纲） | 附视频

《QQ小软件合作开发》课堂教学计划

01.

专精课程表明

专精课程名称

QQ小软件合作开发

自修

适用于第一类

生物医药类、机械工程建设、软件工程建设与控制技术、软件工程建设专精、物联网工程建设、统计数据自然科学与大统计数据控制技术、网络安全、A43EI267SM和电商等专精

先修专精课程

C词汇，计算机系统此基础

02.

专精课程叙述

“QQ小软件合作开发”是工科类专科课堂教学中的两门关键课堂教学课，让想专门从事QQ网络平台、QQ小软件合作开发的老师能更快地掌控合作开发词汇和合作开发工程项目的具体操作文本，让每一参予专精课程的小学生都能合作开发他们想做的文本，以QQ小流程的方式展现出出，专精课程透过多样的事例课堂教学，让小学生随心所欲借力网易云创建如前所述云服务的网易网课堂教学网络平台，培育老师分立合作开发QQ小流程Volmunster网络平台的网易网统计数据处理潜能。

03.

课堂教学最终目标

透过本专精课程的方法论课堂教学和有关试验体能训练，使小学生具有如下表所示潜能，并有关联四个课堂教学最终目标。

1. 认知潜能：透过本专精课程的学习，使小学生了解小流程的诞生的特点、应用方式和应用前景；了解QQ生态的强大性；理解小流程工程项目结构，HTML、JavaScript、css与小流程的关系；理解小流程的框架结构；理解小流程组件的概念；理解小流程页面样式的概念；理解小流程布局方法；了解小流程常用的接口分类，掌控常见的接口；理解小流程前端、后端以及统计数据库之间的配合联动方式；理解云合作开发的意义。

2. 合作开发潜能：透过本专精课程的学习，使小学生掌控QQ小软件合作开发工具的使用方式，将一个工程项目按模块从头开始完整复刻，最后进行自主修改并能把他们的成果发布到QQ网络平台；熟练掌控小流程生命周期函数、统计数据绑定和渲染等此基础控制技术；能灵活使用小流程组件；能在wxss中设计页面样式；能在页面布局中使用box模型、传统布局和flex布局；能使用JavaScript控制技术来实现事件操作和常见的交互；掌控使用wx.request网络接口调用第三方接口和自编接口的潜能；掌控本地合作开发和云端合作开发潜能；掌控如前所述云网络平台的网络应用搭建流程，使用QQ小流程提供的编译合作开发环境合作开发整体工程项目的基础潜能；掌控常见的交互和开放接口；掌控云合作开发中云存储、云函数和云统计数据库；能分立完成中小型小流程工程项目。

3. 综合潜能：透过本专精课程的学习，使小学生在掌控小流程工程项目合作开发基本流程和控制技术的同时，也能了解设计合作开发模式，工程项目分工、团队合作及创业竞赛等概念，为小学生后期团队合作进行真实工程项目合作开发做出很好的铺垫。透过竞赛方式真正提高小学生的综合素质。

04.

专精课程最终目标对毕业要求的支撑

毕业要求

QQ小软件合作开发

专精课程最终目标

具有复杂工程项目开发的分析、设计、合作开发和维护潜能

1.1 具有较强的分析问题潜能

课堂教学最终目标1

1.2 能够综合运用所学知识，应用有关工具进行计算机系统软工程建设问题的系统设计、合作开发和维护

课堂教学最终目标2、3

05.

课堂教学文本

课堂教学文本参考教材配套的课堂教学音频展开，也可以在中国大学MOOC上观看本专精课程音频，并参予课堂教学互动。

第1章 HelloQQ小流程（课堂教学最终目标1）

重点文本：搭建QQ小软件合作开发环境，透过合作开发者工具快速创建一个Hello World流程工程项目。

难点文本：了解app.js、app.json、app.wxss等文件的作用，这些文件是怎么配合联动工作的？

课堂教学文本：

1.1 小流程账号注册及合作开发工具安装

1.2 Hello World小流程

1.3 tabBar配置项

思考点：对app.json文本进行简单修改，看看会发生什么变化。试试Windows配置项，修改navigationBarBackgroundColor的值，会发生什么？怎么修改底部tab栏的文本和颜色？

第2章习题练习事例合作开发（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：透过对网上下载的简单事例进行修改来尝试掌控简单的小流程工程项目合作开发。下载一个心理测试流程的源代码，了解如何修改成C词汇习题测试的事例。

难点文本：了解C词汇习题测试的答对统计逻辑，修改有关联的wxml文件和js文件

课堂教学文本：

2.1 心理测试小流程安装

2.2 增加选项并修改题库

2.3 C词汇测试逻辑修改

2.4 添加做题结果

思考点：如何解决心理测试题目与选项顺序每次都不一样的问题？

第3章我的页面模块合作开发（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：在app.js文件的wx.login()方法中进行QQ授权登录的一些逻辑的实现，然后往统计数据库写入该用户的注册信息，完成注册的流程，添加“我的页面”，显示刚刚注册时填入的注册信息。

难点文本：理解bindchange与bindtap绑定函数的作用。

课堂教学文本：

3.1 wx.login()方法实现小流程登录

3.2 授权登录页面合作开发

3.3 WeUI此基础样式库

3.4 注册页面的页面布局

3.5 注册页面功能实现

3.6 我的页面基本实现

3.7 媒体组件image属性

思考点：为什么会出现点击提交弹出姓名不能为空？为什么会出现注册页面点击提交没反应？

第4章信息修改模块合作开发（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：在上一章“我的”页面此基础上添加修改信息的功能，并创建相应的change页面，在change.js中对页面参数进行处理并反映在页面title和placeholder中。

难点文本：在配置文件中透过宏定义的方式实现相应统计数据的调用。

课堂教学文本：

4.1 myInfo页面调整

4.2 change页面布局

4.3 change页面完善

4.4 添加事件处理函数submit

4.5 性别的修改

4.6 配置文件的使用

思考点：如何解决修改信息后“延迟”响应的问题？理解userInfo数组更新代码所在的位置。

第5章专精课程页面模块合作开发（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：在后台统计数据库注册专精课程后，透过app.js中向后台发送请求，执行加入专精课程逻辑，显示用户的注册信息，显示专精课程的有关信息。

难点文本：加入专精课程逻辑代码的编写。

课堂教学文本：

5.1 申请专精课程号

5.2 专精课程信息模块页面布局

5.3 专精课程练习模块页面布局

5.4 请求加入专精课程

思考点：申请专精课程号时选择错误题库的解决方法？

第6章专精课程练习模块合作开发（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：透过复用和修改驾校考试源码中文件中专题练习、章节练习与做题页面的流程代码，并在app.json文件中加上有关联的所有页面路径，修改引入题库文件的API，修复跳转、顺序练习做题数等功能。

难点文本： 理解做题模块框架功能及题库文件API调用的方法。

课堂教学文本：

6.1 引用驾校考题做题页面

6.2 完成练习模块

6.3 显示做题数

6.4 收藏模块

6.5 错题模块

思考点：如何理解answer文件夹目录下各个文件的含义及相互的逻辑关系。

第7章签到测距模块合作开发（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：栏，查看错题数与收藏题数，并在index.wxml中收藏后面的view中加入收藏数和错题数的变量，实现查看藏数和错题数；新增实现错题收藏结果的页面，完善index.wxml中的bindtap函数。

难点文本：理解bindUrlToStore收藏函数和bindUrlToWrong错题函数的功能实现。

课堂教学文本：

7.1 新建签到页面tab

7.2 选择位置api

7.4 巧用button的disable属性

7.5 JS实现经纬度测距

思考点：current_course数组中的文本包括哪些？

第8章初识后台与统计数据库（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：以及测出所选位置与他们当前所在位置之间的距离的页面布局，给测距按钮加一个bindtap为calculate的函数，并在index.js中完成测距的逻辑。

难点文本：点击测距button进行测距？

课堂教学文本：

8.1 Wampserver与Sublime的安装

8.2 搭建本地环境

8.3 api实现前后台交互

8.4 统计数据库记录的查询与增加

8.5 统计数据库记录的删除与修改

思考点：如何提高测距的精度？

第9章接口合作开发与云网络平台（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：在网易云创建一个统计数据库，并进行统计数据库的管理。

难点文本：理解本地与云端统计数据库搭建的含义和作用。

课堂教学文本：

9.1 查看做题情况前端页面合作开发

9.3 更新做题统计数据api合作开发

9.4 前端代码完善

9.5 新建云应用

9.6 svn实现代码管理

9.7 阿里云后台部署

思考点：注册api接口出现问题该如何解决？

第10章初识云合作开发及实战（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：如前所述成功发布的小流程进行手机端操作，豆豆云助教工程项目创建，对修改后的代码进行重新编译，上传豆豆云助教代码、提交审核、发布。

难点文本：理解小流程源码中的逻辑关系。

课堂教学文本：

10.1 我的第一个云合作开发小流程

10.2 云合作开发统计数据库指引

10.3 快速新建云函数

10.4 待办事项事例讲解

10.5 听说读写事例讲解

思考点：如何解决新创建事例工程项目后安装失败等问题，如遇到域名配置错误提示该如何解决？

第11章优秀事例深度实战（课堂教学最终目标1）（课堂教学最终目标2）

重点文本：如前所述前述所学的文本自主合作开发前端小流程并搭建后台，完成合作开发后提交审核、发布。

难点文本：综合运用潜能。

课堂教学文本：实战合作开发。

思考点：如何解决合作开发过程中遇见的各类问题？

06.

课堂教学安排

该专精课程每周3自修，15周，根据观看课堂教学音频完成试验文本，建议课堂教学进度如下表所示表。

章节

自修数

第1周 helloQQ小流程

第2周习题练习事例合作开发

第3周我的页面模块合作开发

第4周信息修改模块合作开发

第5周专精课程页面模块合作开发

第6周专精课程练习模块合作开发

第7周签到测距模块合作开发

第8周初识后台与统计数据库

第9周接口合作开发与云网络平台

第10周初识云合作开发及实战

第11周优秀事例深度实战

第12周小流程综合事例合作开发

第13周小流程综合事例合作开发

第14周小流程综合事例合作开发

第15周 PPT汇报验收递交小流程成果终版

07.

课堂教学方法与手段

线上、线下相结合，音频课堂教学翻转课堂的方式，在课堂教学过程中注重潜能的培育，以实际豆豆云小流程事例为例，提高小学生分析和解决实际问题的潜能。另外，本专精课程如前所述中国大学MOOC网络平台专精课程：https://www.icourse163.org/course/HZIC-1205901813，小学生可以进行自主学习、提交作业、讨论问题。

08.

考核方式及成绩评定

考核方式：成绩评价体系为线上和线下融合、过程性评价与终结性评价相结合的多元化专精课程评价体系；成绩是以“完成作业、测试情况、论坛讨论和提交小流程工程项目申报书”为计算依据，各工程项目占比如下表所示:

1.作业成绩占20%

作业批改标准：每次作业5分

（1）上传2个截图（PC端和手机端）2分，每一1分；

（2）对功能进行个性化修改1分；

（3）有心得1分，心得质量好1分。

2.测验成绩占50%

每次10道客观题，10分。

（1）专精课程讨论成绩占 10%;

（2）提交小流程工程项目申报书，占20%。