随着互联网技术的不断发展,利用教学支持系统开展教学活动成为了全球高校提升教学质量、提高办学竞争能力的必然选择和共同趋势。目前大多数教学支持系统功能相对局限,仅能满足对一些日常教学活动的支持,如作业发布、课件和作业的上传与下载等。而对于课程活动的记录与管理、课程资源管理、师生互动等一些比较复杂的功能,多数系统都还存在着一定的不足之处。在这样的背景之下,思目创意科技有限公司设计并开发了一个新型的基于事务管理模型的超级账号教学支持系统。该系统采用了前后端分离的方案。其中,系统前端主要由课程管理模块、课程活动模块、课程会话模块、小组管理模块、知识体系模块五个部分组成。课程管理模块由课程信息管理、课程人员管理、课程资料管理这三个子模块组成,小组管理模块由小组人员管理、小组活动管理、小组资料管理这三个子模块组成。超级账号教学支持系统前端采用MVC模式进行架构设计,并由WebSocket和基于微服务的服务端为前端提供数据支持。在技术实现上,该系统前端是基于React框架的单页面应用,具有页面加载速度快、组件功能强大、交互友好等特点。该系统前端以React为核心,并使用Redux框架、React-Router框架、Ant-Design等技术进行组件化开发。其中,Redux框架负责完成前端数据的管理和缓存工作,React-Router框架负责前端页面路由的管理和匹配工作,Ant-Design提供了丰富的组件库作为系统前端定制化开发的基础。该系统前端通过Babel工具对代码进行编译优化,通过Webpack工具对项目进行依赖配置和模块打包,并使用Docker技术部署在公有云上。基于React的超级账号教学支持系统前端,具有很快的页面响应速度,很强的页面交互能力,面对操作较为复杂的使用场景,能够提供稳定的运行环境和很高的可用性。