李晓纯 孔文熙 朱景福

摘要：设计采用React框架和Node.js进行前后端分离开发，用Ant Design组件库进行组件化开发，数据库技术使用MySQL，设计开发基于React的在线教学系统，实现课堂讲堂、我的任务、讨论互动等八个主要功能模块，使得教学行为不再受空间物理特性的约束，实现教学手段科学化，发挥学生在学习过程中的主体性以及调动学生的学习积极性和主动性。

关键词：在线教学平台;React;主体性

中图分类号：TP311      文献标识码：A

文章编号：1009-3044（2021）30-0095-03

開放科学（资源服务）标识码（OSID）：

Design and Implementation of Online Teaching Platform Based on React

LI Xiao-chun， KONG Wen-xi， ZHU Jing-fu

（College of Science， Guangdong University of Petrochemical Technology， Maoming 525000， China）

Abstract： The design adopts React framework and node.js to develop the front and back end separately， ant design component library to develop the component， MySQL to design and develop the online teaching system based on React， which realizes eight main functional modules， such as classroom， my task， discussion interaction， etc.， so that the teaching behavior is no longer constrained by the physical characteristics of space， To realize the scientific teaching means， give full play to students' subjectivity in the learning process， and mobilize students' learning enthusiasm and initiative.

Key words： online teaching platform;React;subjectivity

1 背景

2020年由于要保持社交距离和保护师生健康的原因，在线教学形式被迫流行，这种教学方式让学生们不至于因为特殊情况而耽误学业。同时学习时间地点灵活，学生可以选择适合自己的课程或老师来学习，可以利用零碎时间学习[1]。在线课程的建设与应用为特殊时期的在线教学奠定了坚实基础;平台软件工具、模式方法等多要素叠加优势推进了教学的创新，多数教师愿意在疫情后继续开展在线教学或混合式教学[2]。

在线教学平台符合时代发展的需求，也是中国高等教育改革的趋势所在，基于React的在线教学平台提供课程相关的学习资源，如教学视频、教学课件、测评与作业等丰富的学习资源。让学习这一行为突破了传统教学模式拘于场景与空间等的限制，学生可以根据自身的薄弱环节，展开针对性学习，并且能够随时随地学习，保证了学习的连续性以及提高学习效率，同时通过互联网线上平台进行信息资源的共享，能有效解决课程资料复用率低的问题[3]。……