基于JAVA+SpringBoot+Vue的前后端分离在线课程管理系统

研究背景

随着计算机技术的发展以及计算机网络的逐渐普及，互联网成为人们查找信息的重要场所，二十一世纪是信息的时代，所以信息的管理显得特别重要。因此，使用计算机来管理在线课程管理系统的相关信息成为必然。开发合适的在线课程管理系统，可以方便管理人员对在线课程管理系统的管理，提高信息管理工作效率及查询效率，有利于更好的为人们服务。

随着互联网技术的快速发展，网络时代的到来，网络信息也将会改变当今社会。各行各业在日常企业经营管理等方面也在慢慢的向规范化和网络化趋势汇合。在线课程管理系统的信息化程度体现在将互联网与信息技术应用于经营与管理，以现代化工具代替传统手工作业。无疑，使用网络信息化管理使信息管理更先进、更高效、更科学，信息交流更迅速。

对于之前在线课程管理系统的管理，大部分都是使用传统的人工方式去管理，这样导致了管理效率低下、出错频率高。而且，时间一长的话，积累下来的数据信息不容易保存，对于查询、更新还有维护会带来不少问题。对于数据交接也存在很大的隐患。如果采用电子化的存储方式就会带来很大的改善，而且给用户的查询带来了很大便利，因此设计一个在线课程管理系统刻不容缓，能够提高信息的管理水平。

可行性分析

通过对本在线课程管理系统实行的目的初步调查和分析，提出可行性方案并对其一一进行论证。我们在这里主要从技术可行性、经济可行性、操作可行性等方面进行分析。

技术可行性

本在线课程管理系统采用SSM框架，JAVA作为开发语言，是基于WEB平台的B/S架构系统。

（1）Java提供了稳定的性能、优秀的升级性、更快速的开发、更简便的管理、全新的语言以及服务。整个系统帮用户做了大部分不重要的琐碎的工作。

（2）基于B/S模式的系统的开发已发展日趋成熟。

（3）众所周知，Java是面向对象的开发语言。程序开发员可以在Eclipse平台上面方便的使用一些已知的解决方案。    

因此，在线课程管理系统在开发技术上具有很高可行性，且开发人员掌握了一定的开发技术，所以此系统的开发技术具有可行性。

经济可行性

本在线课程管理系统采用的软件都是开源的，这样能够削减很多的精力和资源，降低开发成本。同时对计算机的配置要求也极低，即使是淘汰下来的计算机也能够满足需要，因此，本系统在经济上是完全具有可行性的，所以在经济上是十分可行的。

操作可行性

本在线课程管理系统的界面简单易操作，用户只要平时有在用过电脑，都能进行访问和操作。本系统具有易操作、易管理、交互性好的特点，在操作上是非常简单的，因此在操作上具有很高的可行性。

综上所述，此系统开发目标已明确，在技术、经济和操作方面都具有很高的可行性，并且投入少、功能完善、管理方便，因此系统的开发是完全可行的。

系统性能分析

系统安全性

此在线课程管理系统要严格控制管理权限，具体要求如下：

（1）要想对在线课程管理系统进行管理，首先要依靠用户名和密码在系统中登陆，无权限的用户不可以通过任何方式登录系统和对系统的任何信息和数据进行查看，这样可以保证系统的安全可靠性和准确性。

（2）在具体实现中对不同的权限进行设定，不同权限的用户在系统中登陆后，不可以越级操作。

数据完整性

（1）所有记录信息要保持全面，信息记录内容不可以是空。

（2）各种数据间相互联系要保持正确。

（3）相同数据在不同记录中要保持一致。

系统界面分析

目前，界面设计已经成为对软件质量进行评价的一条关键指标，一个好的用户界面可以使用户使用系统的信心和兴趣增加，从而使工作效率提高，JSP技术是将JAVA语言作为脚本语言的，JSP网页给整个服务器端的JAVA库单元提供了一个接口用来服务HTTP的应用程序。创建动态页面比较方便。客户界面是指软件系统与用户交互的接口，往往涵盖输出、输入、人机对话的界面格式等。

1.输出设计

输出是由电脑对输入的基本信息进行解决，生成高质量的有效信息，并使之具有一定的格式，提供给管理者使用，这是输出设计的主要责任和目标。

系统开发的过程与实施过程相反，并不是从输入设计到输出设计，而是从输出设计到输入设计。这是由于输出表格与使用者直接相联系，设计的目的应当是确保使用者可以很方便的使用输出表格，并且可以将各部门的有用信息及时的反映出来。输出设计的准绳是既要整体琢磨不同管理层的所有需要，又要简洁，不要提供给用户不需要的信息。

2.输入设计

输入数据的收集和录入是比较麻烦的，需要非常多的人力和一定设备，而且经常出错。一旦输入系统的数据不正确，那么处理后的输出就会扩大这些错误，因此输入的数据的准确性对整个系统的性能起着决定性意义。

输入设计有以下几点原则：

1）输入量应尽量保持在能够满足处理要求的最低限度。输入量越少，错误率就会越少，数据的准备时间也越少。

2）应尽可能的使输入的准备以及输入的过程进行时比较方便，这样使错误的发生率降低。

3）应尽量早检查输入数据（尽量接近原数据发生点）,以便使错误更正比较及时。

4）输入数据尽早地记录成其处理所需的形式，以防止数据由一种介质转移到另一种介质时需要转录而可能发生的错误。

系统流程和逻辑

图3-3登录流程图

图3-4修改密码流程图

概述

本系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式，是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示：

图4-1系统工作原理图

系统结构

本系统是基于B/S架构的网站系统，设计的功能结构图如下图所示：

图4-2功能结构图

数据库设计

数据库实体

概念设计的目标是设计出反映某个组织部门信息需求的数据库系统概念模式，数据库系统的概念模式独立于数据库系统的逻辑结构、独立于数据库管理系统（DBMS）、独立于计算机系统。

概念模式的设计方法是在需求分析的基础上，用概念数据模型（例如E-R模型）表示数据及数据之间的相互联系，设计出反映用户信息需求和处理需求的数据库系统概念模式。概念设计的目标是准确描述应用领域的信息模式，支持用户的各种应用，这样既容易转换为数据库系统逻辑模式，又容易为用户理解。数据库系统概念模式是面向现实世界的数据模型，不能直接用于数据库系统的实现。在此阶段，用户可以参与和评价数据库系统的设计，从而有利于保证数据库系统的设计与用户的需求相吻合。在概念模式的设计中，E-R模型法是最常见的设计方法。本系统的E-R图如下图所示：

（1）管理员信息的实体属性图如下：

图4.12  管理员信息实体属性图

（2）科目类型信息实体属性图如图4.13所示：

图4.13  科目类型信息实体属性图

（3）校园资讯信息实体属性图如图4.14所示：

图4.14 校园资讯信息实体属性图

数据库设计表

在线课程管理系统需要后台数据库，下面介绍数据库中的各个表的详细信息：

表4.1 班级分类

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

leixing

varchar(200)

是

NULL

类型

表4.2 在线课程评论表

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

refid

bigint(20)

否

关联表id

userid

bigint(20)

否

用户id

nickname

varchar(200)

是

NULL

用户名

content

longtext

否

评论内容

reply

longtext

是

NULL

回复内容

表4.3 在线交流

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

title

varchar(200)

是

NULL

帖子标题

content

longtext

否

帖子内容

parentid

bigint(20)

是

NULL

父节点id

userid

bigint(20)

否

用户id

username

varchar(200)

是

NULL

用户名

isdone

varchar(200)

是

NULL

状态

表4.4 教师用户

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

jiaoshigonghao

varchar(200)

否

教师工号

mima

varchar(200)

否

密码

jiaoshixingming

varchar(200)

否

教师姓名

xingbie

varchar(200)

是

NULL

性别

suojiaobanji

varchar(200)

是

NULL

所教班级

suojiaokemu

varchar(200)

是

NULL

所教科目

lianxidianhua

varchar(200)

是

NULL

联系电话

shenfenzheng

varchar(200)

是

NULL

身份证

表4.5 教学计划

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

jiaoxueneirong

longtext

是

NULL

教学内容

jiaoxuemubiao

longtext

是

NULL

教学目标

jiaoxuezhongdian

longtext

是

NULL

教学重点

kechenganpai

longtext

是

NULL

课程安排

jiaoshigonghao

varchar(200)

是

NULL

教师工号

jiaoshixingming

varchar(200)

是

NULL

教师姓名

表4.6 考试大纲

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

kaodianneirong

longtext

是

NULL

考点内容

zhuyishixiang

longtext

是

NULL

注意事项

kaodianfenxi

longtext

是

NULL

考点分析

kechengtupian

varchar(200)

是

NULL

课程图片

jiaoshigonghao

varchar(200)

是

NULL

教师工号

jiaoshixingming

varchar(200)

是

NULL

教师姓名

表4.7 课件信息

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

kejianmingcheng

varchar(200)

是

NULL

课件名称

kejianneirong

longtext

是

NULL

课件内容

kejianwenjian

varchar(200)

是

NULL

课件文件

shangchuanriqi

date

是

NULL

上传日期

kechengtupian

varchar(200)

是

NULL

课程图片

jiaoshigonghao

varchar(200)

是

NULL

教师工号

jiaoshixingming

varchar(200)

是

NULL

教师姓名

表4.8 科目类型

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

leixing

varchar(200)

是

NULL

类型

表4.9 校园资讯

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

title

varchar(200)

否

标题

introduction

longtext

是

NULL

简介

picture

varchar(200)

否

图片

content

longtext

否

内容

表4.10 收藏表

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

userid

bigint(20)

否

用户id

refid

bigint(20)

是

NULL

收藏id

tablename

varchar(200)

是

NULL

表名

name

varchar(200)

否

收藏名称

picture

varchar(200)

否

收藏图片

表4.11 提问解答

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

tiwenneirong

longtext

是

NULL

提问内容

tiwenjieda

longtext

是

NULL

提问解答

jiedariqi

date

是

NULL

解答日期

xuehao

varchar(200)

是

NULL

学号

jiaoshigonghao

varchar(200)

是

NULL

教师工号

jiaoshixingming

varchar(200)

是

NULL

教师姓名

表4.12 通知公告

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

gonggaobiaoti

varchar(200)

是

NULL

公告标题

gonggaoleixing

varchar(200)

是

NULL

公告类型

gonggaoneirong

longtext

是

NULL

公告内容

fabushijian

date

是

NULL

发布时间

faburen

varchar(200)

是

NULL

发布人

fengmian

varchar(200)

是

NULL

封面

表4.13 管理员表

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

username

varchar(100)

否

用户名

password

varchar(100)

否

密码

role

varchar(100)

是

管理员

角色

addtime

timestamp

否

CURRENT_TIMESTAMP

新增时间

表4.14 我的课程

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

kechengjianjie

longtext

是

NULL

课程简介

jiaoshixingming

varchar(200)

是

NULL

教师姓名

kaikeshijian

date

是

NULL

开课时间

jiekeshijian

date

是

NULL

结课时间

beizhu

varchar(200)

是

NULL

备注

xuehao

varchar(200)

是

NULL

学号

xueshengxingming

varchar(200)

是

NULL

学生姓名

表4.15 学生提问

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

tiwenneirong

longtext

是

NULL

提问内容

tiwenriqi

date

是

NULL

提问日期

jiaoshigonghao

varchar(200)

是

NULL

教师工号

xuehao

varchar(200)

是

NULL

学号

xueshengxingming

varchar(200)

是

NULL

学生姓名

sfsh

varchar(200)

是

否

是否审核

shhf

longtext

是

NULL

审核回复

表4.16 学生用户

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

xuehao

varchar(200)

否

学号

mima

varchar(200)

否

密码

xueshengxingming

varchar(200)

否

学生姓名

xingbie

varchar(200)

是

NULL

性别

banji

varchar(200)

是

NULL

班级

shouji

varchar(200)

是

NULL

手机

shenfenzheng

varchar(200)

是

NULL

身份证

表4.17 在线课程

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

kechengjianjie

longtext

是

NULL

课程简介

kechengneirong

longtext

是

NULL

课程内容

kechengshipin

varchar(200)

是

NULL

课程视频

kaikeshijian

date

是

NULL

开课时间

jiekeshijian

date

是

NULL

结课时间

kechengtupian

varchar(200)

是

NULL

课程图片

jiaoshigonghao

varchar(200)

是

NULL

教师工号

jiaoshixingming

varchar(200)

是

NULL

教师姓名

userid

bigint(20)

是

NULL

用户id

表4.18 知识要点

字段

类型

空

默认

注释

id (主键)

bigint(20)

否

主键

addtime

timestamp

否

CURRENT_TIMESTAMP

创建时间

kechengmingcheng

varchar(200)

是

NULL

课程名称

kemuleixing

varchar(200)

是

NULL

科目类型

zhishidianmingcheng

varchar(200)

是

NULL

知识点名称

zhishidianneirong

longtext

是

NULL

知识点内容

zhishidianjiexi

longtext

是

NULL

知识点解析

kechengtupian

varchar(200)

是

NULL

课程图片

faburiqi

date

是

NULL

发布日期

jiaoshigonghao

varchar(200)

是

NULL

教师工号

jiaoshixingming

varchar(200)

是

NULL

教师姓名

管理员模块的实现

教师信息管理

在线课程管理系统的系统管理员可以管理教师，可以对教师信息添加修改删除以及查询操作。具体界面的展示如图5.1所示。

图5.1 教师信息管理界面

学生信息管理

系统管理员可以查看对学生信息进行添加，修改，删除以及查询操作。具体界面如图5.2所示。

图5.2 学生信息管理界面

在线课程管理

系统管理员可以对在线课程信息进行删除以及查询操作。界面如下图所示：

图5.3 在线课程信息管理界面

班级分类管理

系统管理员可以对班级分类进行添加修改删除操作。界面如下图所示：

图5.4 班级分类管理界面

教师模块的实现

在线课程信息

教师可以对在线课程信息进行添加，修改，删除操作，可以对在线课程发布课件，发布知识点，发布大纲。界面如下图所示：

图5.5 在线课程信息界面

教学计划管理

教师可以对教学计划进行添加修改删除操作。界面如下图所示：

图5.6 教学计划界面

学生提问

教师对学生提问进行审核，解答以及删除操作。界面如下图所示：

图5.7 学生提问界面

学生模块的实现

学生提问

学生可以进行学生提问，在对应的教学科目里面让对应的教师进行回答。界面如下图所示：

图5.8 学生提问界面

在线交流

学生可以在首页进行在线交流。界面如下图所示：

图5.9 在线交流界面

在线课程

学生登录后可以在首页查看在线课程，可以下载课件，收藏等操作。界面如下图所示：

图5.10 在线课程界面