摘 要

本文的设计是基于微信小程序的教学管理平台。在这个互联网飞速发展的时代，教学相关的事物也与互联网有了密切的联系。本文的设计主要是基于微信小程序编写的实践和说明，得到的成果偏向于实际应用。

论文主要研究了教学管理平台的签到功能和提问功能的联网化，以及在微信小程序上的具体实践方案。实践过程涉及微信小程序的框架、组件、API、云开发等元素。微信小程序由于其原生性的特点，可以直接调用微信原本的权限内容，节省了权限验证的成本，方便了教学管理平台的电子化。

本文采用互联网学习的方法，将网络上的课程转化为具体的操作，对目前版本的微信小程序的功能开发进行了研究。本文将微信小程序与教学管理平台进行了结合，提出了日常上课的签到和课堂提问的便捷式电子化解决方案。

关键词：教学管理平台；签到；微信小程序

Abstract

The design of this paper is based on the teaching management platform of WeChat applet. In this era of rapid Internet development, teaching-related things are also closely related to the Internet. The design of this paper is mainly based on the practice and description of the WeChat small program, and the results obtained are biased towards practical application.

The thesis mainly studies the sign-in function of the teaching management platform and the networking of the question function, as well as the specific practice scheme on the WeChat applet. The practice process involves elements such as frameworks, components, APIs, and cloud development of WeChat applets. Due to its native nature, WeChat applet can directly call the original permission content of WeChat, saving the cost of authority verification and facilitating the electronicization of the teaching management platform.

This paper uses the Internet learning method to transform the courses on the network into specific operations, and studies the function development of the current version of WeChat applet. This paper combines the WeChat applet with the teaching management platform, and proposes a convenient electronic solution for daily attendance and classroom questions.

Keywords：teaching management platform；sign-in；WeChat Mini Program

目 录

第1章 绪论 1

1.1 项目背景与意义 1

1.2 国内外发展现状 2

1.3 本文的主要研究内容与章节安排 2

1.3.1 主要研究内容 2

1.3.2 本文章节安排 4

第2章 相关理论和技术分析 5

2.1 微信小程序 5

2.1.1 微信小程序开发环境 5

2.1.2 微信小程序框架结构 5

2.2 腾讯云开发 6

2.2.1 云函数 6

2.2.2 云数据库 6

2.2.3 云存储 6

2.3 Vant Weapp组件库 7

2.3.1 使用环境 7

2.3.2 组件介绍 7

第3章 功能分析和结构设计 8

3.1 可行性分析 8

3.1.1 教学管理电子化需求 8

3.1.2 技术环境成熟 8

3.1.3 微信的高频使用率 8

3.2 功能需求分析 8

3.2.1 课堂签到功能 8

3.2.2 课堂提问功能 9

3.3 解决方案的选择和设计 9

第4章 环境搭建和功能实现 11

4.1 开发环境搭建 11

4.1.1 安装微信web开发者工具 11

4.1.2 创建云开发环境 11

4.1.3 加载npm包 13

4.2 具体功能实现 14

4.2.1 构建基础页面 14

4.2.2 签到功能实现 16

4.2.3 数据展示界面的实现 18

4.2.4 上课提问系统的实现 19

第5章 主要功能测试和优化 21

5.1 体验组成员测试 21

5.2 模拟课堂测试 22

第6章 总结与展望 24

6.1 全文总结 24

6.2 研究不足和研究展望 24

参考文献 26

致谢 27

1. 绪论
   1. 项目背景与意义

移动网络速度和无限网络的进步，以及智能手机、平板电脑和手机的高度普及^[1]，各式各样的App让人目不暇接。手机容量和手机的运行速度面临这前所未有的挑战。为了解决这些问题，微信小程序便诞生了，这也是最初小程序发展的原因之一。

2016年1月11日，腾讯公司“微信之父”张小龙在首次公开演讲中提到了应用号，也就是后来的微信小程序^[2]。2017年1月9日，微信小程序正式发布。它被赋予了APP的能力，是一种用网络加载即可打开的应用，实现了应用免安装的梦想。用户扫对应的二维码或者搜一下小程序的名字即可打开应用，也体现了“用完即走”的理念，这是一种新的公众号形态^[3]。用户可以免去担心手机存储的问题，应用将无处不在，随时可用，但又无须卸载。相比于已有的嵌入在微信浏览器中的HTML5网页应用，它拥有更高的系统权限，能访问更多的手机硬件信息，同时也拥有更加贴近于系统原生应用的交互和操作体验。而且微信小程序的开发比原生应用要更容易、更快捷^[4]。微信小程序和微信公众号，是微信生态圈的重要环节。从定义上来说，小程序和微信公众号属于并列层级，它们互不干扰，相关关系^[5]如图1.1所示。

图1.1 微信生态圈