admin 管理员组文章数量: 1087139
2024年3月11日发(作者：css字体设置)
电子信息
DOI
：
10.19392/j.
cnki.
1671-7341.202111044
2021
4
基于
SpringBoot
的教学资源平台设计与实现
刘超慧杨雨涵邢丹阳解秋寒李舶永
郑州航空工业管理学院智能工程学院河南郑州
450046
摘
要
：
随着互联网技术的发展和移动终端设备的普及
，
在线教学平台成为教学的重要途径
。
设计开发了一个基于
Spri-
ngBoot
框架的富媒体教学资源平台
，
利用
SpringBoot
框架
、
MongoDB
数据库和富文本编辑器
UEditor
等技术完成开发
，
系统界
面友好
、
可扩展性强
。
论文介绍了系统需求分析
，
描述了设计和实现的细节
。
系统的开发有利于提高
C
语言的学习效果。
关键词
：
SpringBoot
框架;教学资源；
UEditor
编辑器;教材生成
；
文本高亮
中图分类号
:
TP393
文献标识码
:
A
富媒体教学资源平台
¥
匡
随着互联网技术的发展以及个性化学习需求的增多
，
在线
学习成为一种重要的学习方式⑴
。
将富媒体技术用于在线学习
平台开发能丰富课程资源
，
提高互动性⑵
。
C
语言是一门学科
工
S
i
私
信
--
干
壬
「
点
一
评
赞
论
」
_
一
好
友
管
理
话
题
发
布
一
I
「
_
标
记
未
读
_
基础课程，
理论性强
、
趣味性差
、
学习难度大
。
开发
C
语言学习
平台
,
有利于提高学习效果
，便于实施
“
因材施教
”
⑶&
1
关键技术
系统开发采用的技术有
Spring
Boot
框架
、
MongoDB
数据
图
1
系统功能模块
库
、
UEdilo
编辑器等
。
其中，
Spring
Boot
是由
Pivotal
团队开
发
，
用于简化新
Spring
应用的开发过程
，
是一些相关库文件
(
1
)
用户信息管理模块
,
完成用户基本信息的管理与维
护
，
包括注册
/
登录
、
信息维护等功能。
的集合
，
具有开箱即用
、
约定优于配置的特征⑷
。
MongoDB
(
2
)
教材书架管理模块
，
负责向用户展示平台所已有的
教材概要信息
，
包括教材浏览
、
教材详情
、
教材购买等功能
。
(
3
)
教材生成模块
,
分为教材创建
、
目录创建和教材内容
是一个基于分布式文件存储
、
面向文档的数据库
，
由
C
+
+
编
写
，
是
NoSQL
数据库产品中最热门的一种
,
支持的数据结构
没有固定的模式
，
可以快速的存储复杂的数据类型⑸
。
富文
制作等模块。
其中
，
教材管理模块提供教师对教材的创建
、
修改
、
维护
、
删除等管理功能
;
在目录管理模块
,
教师通过添
加单元和小节
，
设计教材目录
;
教材内容制作模块
,
教师利用
本编辑器
，
是一种可内嵌于浏览器
，
所见即所得的文本编辑
器
，
其中
UEditoe
应用较为
，
由百度公司推出
，
具有轻量、
可定
富文本编辑器
，
对教材内容进行编辑
。
(
4
)
教材学习模块
，
面向教师和学生，
分为教材获取
、
文
制
、
用户体验优秀等特点⑸
。
2
系统分析与设计
本高亮
、
笔记
、
目录索引等模块
。
其中文本高亮模块
,
用户可
对需要着重强调的文字部分添加
/
删除高亮标注
;
笔记模块
,
可对需标注的文字
,
实现添加
、
修改和删除笔记等操作
;前后
翻页
,
实现前后翻页功能
,
并实现跨单元切换
。
2.1
系统需求分析
教学资源平台设计的目的是使学习过程具有较强的趣
味性
,
并能满足个性化的学习需求
，
展开互动交流
。
其主要
用户有教师和学生两类
。
基本功能需求包括用户信息管理
、
富媒体教材管理
、学习过程管理
、
线上交流互动管理等
，
其中
(
5
)
讨论区模块
。
讨论区为扩展性学习提供了空间
，
分
为发布话题模块
、
点赞模块
、评论模块
。
(
6
)
私信模块
。
学生可通过私信方式与编者进行交流
,
教材管理和学习过程管理是系统的关键部分
;
教材管理
，
用
于教学资源的生成
、
展示等
;
学习过程管理主要提供学习过
分为联系人管理
、
消息发送
、
未读消息等模块
。
3
系统实现
程的各类操作功能
。
非功能性需求包括系统安全性
、
易用性
系统的功能模块较多
，以富媒体教材学习模块为例详细
介绍系统的实现细节
。
3.1
功能效果图
和可扩展性等三方面
。
2.2
系统功能设计
系统分为用户信息管理
、
教材书架
、
教材生成
、
教材学
习、
讨论区
、
私信六个功能模块
，
如图
1
所示
。
92
教材学习模块的主要功能分为对页面的操作和对文字
内容的操作
，
对页面的操作设计在学习页面左侧菜单栏,
具
2021
4
体包括目录索引
、
前后翻页
、
查看高亮
、
笔记信息等功能;对
文字内容的操作设计在内容展示区的右键菜单
,
具体包括复
制
、
百科
、
词典
、
高亮
、
朗读
、
笔记等
。效果图如图
2
所示
。
图
2
教材学习模块功能图
3.2
文本高亮功能实现
读者记录文本高亮的实现原理
，
是系统将对应的信息通
过
HTML
代码的方式保存至个人教材信息表中
。
用户选中
文本处添加
HTML
的自定义标签
＜
user-highlight
〉
＜
user-high-
light/
〉
,
通过保存添加后的教材内容
HTML
代码
，
进而保存
用户高亮信息
。
给该标签设置鼠标点击事件
，
用户点击已高
亮的地方后出现菜单
，
可进行高亮的删除
。
使用自定义标签
的目的在于区分用户的操作和教材内容
，
以防二者发生冲
突
。
为区分用户做的不同标记信息
，
为自定义标签添加
id
属
性,属性值为高亮表中该条高亮记录的
id
。
具体流程:
JS
定
位到高亮文本两侧
，控制添加
user-highlight
标签和鼠标点击
事件
。
待高亮信息存入数据库后，
改变标签的
id
。
流程图如
图
3
所示。
图
3
用户高亮操作流程图
JS
获取文本并添加自定义标签的代码如下
：
o
window.
getSelection
(
)
;//
获取选中区域
if( s.
rangeCount>0
))
so
getRangeA/
0
)
;/
/
获取选中位置的起始
vas
a
=
documen/
createElement
(
_ser-highlight
,
)
；
a.
id=
_sd
‘
;//
添加临时
id
a.
onclick
=
function
'
)
)
//
添加鼠标点击事件
4
si
s
urroundContents
(
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.
基金信息
:
本文得到河南省科技攻关项目
(
7
)
；
河南省高校大学生创新创业训练计划项目
(
2
)
；
河
南省教育科学十三五规划课题
(
2020
YB0149
)
；
教育部高等教
育司产学合作协同育人项目
(
2
)
资助
作者简介
：
刘超慧
(
1981
—
),
男
，
汉族
，
硕士
，
副教授
，
主要研究方向为富媒体资源推荐
。
93
版权声明：本文标题：基于SpringBoot的教学资源平台设计与实现 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1710099528a557659.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论