基于SpringBoot的教学资源平台设计与实现
2021-06-30刘超慧杨雨涵邢丹阳解秋寒李舶永
刘超慧 杨雨涵 邢丹阳 解秋寒 李舶永
摘 要：随着互联网技术的发展和移动终端设备的普及，在线教学平台成为教学的重要途径。设计开发了一个基于SpringBoot框架的富媒体教学资源平台，利用SpringBoot框架、MongoDB数据库和富文本编辑器UEditor等技术完成开发，系统界面友好、可扩展性强。论文介绍了系统需求分析，描述了设计和实现的细节。系统的开发有利于提高C语言的学习效果。
关键词：SpringBoot框架;教学资源;UEditor编辑器;教材生成;文本高亮
中图分类号：TP393文献标识码：A
随着互联网技术的发展以及个性化学习需求的增多，在线学习成为一种重要的学习方式[1]。将富媒体技术用于在线学习平台开发能丰富课程资源，提高互动性[2]。C语言是一门学科基础课程，理论性强、趣味性差、学习难度大。开发C语言学习平台，有利于提高学习效果，便于实施“因材施教”[3]。
1 关键技术
系统开发采用的技术有Spring Boot框架、MongoDB数据库、UEditor编辑器等。其中，Spring Boot是由Pivotal团队开发，用于简化新Spring应用的开发过程，是一些相关库文件的集合，具有开箱即用、约定优于配置的特征[4]。MongoDB是一个基于分布式文件存储、面向文档的数据库，由C++编写，是NoSQL数据库产品中最热门的一种，支持的数据结构没有固定的模式，可以快速的存储复杂的数据类型[5]。富文本编辑器，是一种可内嵌于浏览器，所见即所得的文本编辑器，其中UEditor应用较为，由百度公司推出，具有轻量、可定制、用户体验优秀等特点[5]。
2 系统分析与设计
2.1 系统需求分析
教学资源平台设计的目的是使学习过程具有较强的趣味性，并能满足个性化的学习需求，展开互动交流。其主要用户有教师和学生两类。基本功能需求包括用户信息管理、富媒体教材管理、学习过程管理、线上交流互动管理等，其中教材管理和学习过程管理是系统的关键部分;教材管理，用于教学资源的生成、展示等;学习过程管理主要提供学习过程的各类操作功能。非功能性需求包括系统安全性、易用性和可扩展性等三方面。
2.2 系统功能设计
系统分为用户信息管理、教材书架、教材生成、教材学习、讨论区、私信六个功能模块，如图1所示。
（1）用户信息管理模块，完成用户基本信息的管理与维护，包括注册/登录、信息维护等功能。
（2）教材书架管理模块，负责向用户展示平台所已有的教材概要信息，包括教材浏览、教材详情、教材购买等功能。
（3）教材生成模块，分为教材创建、目录创建和教材内容制作等模块。其中，教材管理模块提供教师对教材的创建、修改、维护、删除等管理功能;在目录管理模块，教师通过添加单元和小节，设计教材目录;教材内容制作模块，教师利用富文本编辑器，对教材内容进行编辑。
（4）教材学习模块，面向教师和学生，分为教材获取、文本高亮、笔记、目录索引等模块。其中文本高亮模块，用户可对需要着重强调的文字部分添加/删除高亮标注;笔记模块，可对需标注的文字，实现添加、修改和删除笔记等操作;前后翻页，实现前后翻页功能，并实现跨单元切换。
（5）讨论区模块。讨论区为扩展性学习提供了空间，分为发布话题模块、点赞模块、评论模块。
（6）私信模块。学生可通过私信方式与编者进行交流，分为联系人管理、消息发送、未读消息等模块。
3 系统实现
系统的功能模块较多，以富媒体教材学习模块为例详细介绍系统的实现细节。
3.1 功能效果图
教材学习模块的主要功能分为对页面的操作和对文字内容的操作，对页面的操作设计在学习页面左侧菜单栏，具体包括目录索引、前后翻页、查看高亮、笔记信息等功能;对文字内容的操作设计在内容展示区的右键菜单，具体包括复制、百科、词典、高亮、朗读、笔记等。效果图如图2所示。
3.2 文本高亮功能实现
读者记录文本高亮的实现原理，是系统将对应的信息通过HTML代码的方式保存至个人教材信息表中。用户选中文本处添加HTML的自定义标签
JS获取文本并添加自定义标签的代码如下：
r=window.getSelection（）;//获取选中区域
if（r.rangeCount>0）{
r=r.getRangeAt（0）;//获取选中位置的起始
var a=document.createElement（′userhighlight′）;
a.id=′asd′;//添加临时id
a.onclick=function（）{//添加鼠标点击事件}
r.surroundContents（a）
r.collapse（false）;
}
3.3 翻页功能实现
用户可以利用左侧菜单栏中翻页按钮切换小节，向后翻页的功能流程是：当前小节编号+1是否超过小节所在单元的小节数，如果未超过，则直接查询小节编号+1的小节;若超过，则在下一单元进行查询。如果教材有下一单元，则判断下一单元是否有第一小节，若有，则成功跳转;否则，提示当前已经是最后一小节。具体流程图如图4所示。
4 结论
论文设计并开发了一个C语言富媒体教学资源平台，拓宽了学习方式，弥补纸质书籍的不足，有利于促进师生在线交流，能提高学习效率。系统开发利用SpringBoot框架，采取分层思想，易于实现，便于扩展，系统功能完善，运行稳定。
参考文献：
[1]刘超慧，陶浩武，邢丹阳，等.基于富媒体的在线学习平台的设计与研究[J].电脑知识与技术，2019，15（15）：176178.
[2]陶玲玲.基于富媒体技术的电子教材开发体系研究[J].中国管理信息化，2015，（8）：244.
[3]刘科枫.《C语言程序设计》课件和教学网站设计与实现[J].电脑知识与技术，2018，14（16）：100101，112.
[4]李孟津，杨丹.基于SpringBoot的在线招聘网站的设计与实现[J].科学技术创新，2020，（26）：9899.
[5]闫四洋，胡昌平，卞德志，等.基于SpringBoot+MongoDB的微服务日志系统的实现[J].计算机时代，2020，（8）：6971，74.
基金信息：本文得到河南省科技攻关项目（182102210447）;河南省高校大学生创新创业训练计划项目（202010485020）;河南省教育科学十三五规划课题（2020YB0149）;教育部高等教育司產学合作协同育人项目（201902060014）资助
作者简介：刘超慧（1981— ），男，汉族，硕士，副教授，主要研究方向为富媒体资源推荐。
