基于SpringBoot的教学资源平台设计与实现.pdfVIP

基于SpringBoot的教学资源平台设计与实

现

作者：刘超慧杨雨涵邢丹阳解秋寒李舶永

来源：《科技风》2021年第11期

摘要：随着互联网技术的发展和移动终端设备的普及，在线教学平台成为教学的重要途

径。设计开发了一个基于SpringBoot框架的富媒体教学资源平台，利用SpringBoot框架、

MongoDB数据库和富文本编辑器UEditor等技术完成开发，系统界面友好、可扩展性强。论

文介绍了系统需求分析，描述了设计和实现的细节。系统的开发有利于提高C语言的学习效

果。

关键词：SpringBoot框架;教学资源;UEditor编辑器;教材生成;文本高亮

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

随着互联网技术的发展以及个性化学习需求的增多，在线学习成为一种重要的学习方式

[1]。将富媒体技术用于在线学习平台开发能丰富课程资源，提高互动性[2]。C语言是一门学

科基础课程，理论性强、趣味性差、学习难度大。开发C语言学习平台，有利于提高学习效

果，便于实施“因材施教”[3]。

关键技术1

系统开发采用的技术有SpringBoot框架、MongoDB数据库、UEditor编辑器等。其中，

SpringBoot是由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代码的方式保存至个人

教材信息表中。用户选中文本处