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

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。