【基于SSM在线教育系统的设计与实现9100字（论文）】

基于SSM在线教育系统的设计与实现摘要：借助网络的在线教育系统能超越时空的限制，促进优质师资资源共享，弥补教育鸿沟，对于教育普及、提高教育效率以及实现教育公平等都具有极大意义。在线教育系统基于阿里云平台，采用B/S模式，实现了前台用户观看学习视频，后台教育视频内容编辑、上传、维护等管理等功能。技术上，前端利用采用流行的VUE和部分Element-UI组件对视图层进行了设计和实现，后端架构则用先进的SSM框架进行设计，实现了前后端分离架构，使系统具有弹性且具有可维护性;本文按软件工程过程的顺序采用面向对象思想对在线教育系统的需求分析、系统设计以及模块实现进行了详细描述。系统运行证明，在线教育系统界面简洁美观、运行流畅、内容获取方便便捷、功能实现正确，达到设计目标。关键词：SSM；VUE；阿里云；在线教育系统；面向对象;前后端分离架构目录322431引言 引言作为在线教育系统的解释，简单来说就是让需要的用户实现在在网上学习需求课程的一个系统，可以用这个系统为基础来搭建网络化的智能课堂，一个网络化的智能课堂离不开一个学习系统，更离不开信息化的网络科技。随着互联网在过去两年中的逐渐崛起，大量的用户流量转向了网络端，随时随地利用零碎的时间进行学习已成为一种流行的需求。这导致了在线教育平台的出现。在保证高效教学的同时，采用排他性教学模式，不仅满足了大量的用户需求，而且随心随地学习，使得获取知识更加便利，时间利用更加有效。由于社会的进步和科技的发展，在过去的30年里，教育观念发生了翻天覆地的变化。随着生活方式的改变，教育模式已经从传统教育转变为网络教育。不仅行业规模扩大，教学模式也更加多样化。与此同时，在线学习用户对内容需求的深化进一步刺激了在线教育产业的发展和升级。在线影视不仅方便学校以网络为桥梁，进行多样化的互联网教学，而且为求知若渴的学生提供学习知识的平台。在线教育平台开发可根据用户的实际需求上传相应的视频课程，同时拥有专业团队进行系统维护，增强平台的稳定性，并且在系统后台也方便管理与维护，平台的教学可以选择两种方式，第一种方式，授课的讲师可以选择先录制教学视频，上传至系统。第二种方式，与线下结合，教室上课的同时将视频录制下来，上传至系统，高效的利用上课的资源。系统可以有效地消除繁琐的步骤，在后台添加课程和讲师。当然，如果平台想要授权，让教师自己添加课程，这也是可能的。一个专业、放心的网络教育平台能够满足用户需求，可以根据用户需求改变教学模式。不仅如此，系统可以在播放器选择、界面优化、互动升级等方面入手，使提供的内容布局更有档次，体验更加丰富，可以实现符合大众需求的学习场景，可以使用多样化的课堂，给用户提供多样化的感受，提高学习效率。2可行性分析2.1经济可行性对系统的经济可行性进行分析，主要是从系统的开发费用和开发时间费用来说。本系统主要基于SSM框架上，使用IDEA进行编程，然后通过Tomcat运行，该技术使用简便易学，结构层次分明，代码简洁，对运行设备要求不高，软件成本较低。唯一产生费用的地方是阿里云技术的oss存储技术，但是费用较低廉，几乎可以忽略。因此，该项目的开发费用比较低，开发时间也比较短，可以在短时间内搭建出系统，具有较高的经济可行性。2.2技术可行性本系统是为有需求在网络上学习课程的用户而设计开发的。主要利用IDEA编程软件，使用MySQL6.3数据库与Mybatis-plus数据库技术，jsp和vue基础为前端页面，阿里云技术为辅助，基于SSM框架实现在线教育系统的设计。由于本系统是基于javaweb技术下的，因此页面比较简洁易用，用户使用起来比较随心简易，并且只要搭载java环境和Tomcat就可以运行，MySQL6.3作为存储数据的数据库，利用Mybatis-plus可以大大提高了系统的安全性、高效性和稳定性，还有增删改查的速度，提升了交互性。在这些技术的支持下，达到本系统需要的开发技术要求。2.3运行可行性运行可行性是对系统用户和管理员是否适应系统而进行的可行性分析。用户使用简单的操作便可以在系统获得想要的内容，日前，互联网技术的普及越来越广，因而人们对网络的操作越来越熟练，加上页面的交互，用户可以完全使用该系统。管理员有计算机基础操作水平即可，每个地方都有相对应的提示，完全可以使用管理系统，只要操作正确便可以驾驭此系统。因此，在网站上操作不管是用户还是管理员都没有任何困难。2.4系统功能分析2.4.1用户角色分析表2-1用户角色划分表角色职责或功能用户系统主要使用者，进入系统进行观看管理员系统的管理员，负责管理系统内容编辑和管理。2.4.2用例分析1、观看课程 图2-1观看课程用例图表2-1观看课程用例说明描述项说明名称观看课程描述用户使用系统可以在网上在线学习参与者用户前置条件用户进入主界面后置条件获取课程视频信息与内容基本操作流（1）点击课程的详情按钮；（2）进入“课程视频详情”页面后，点击播放按钮，若已登录跳至第三步；未登录则输入正确的用户账号、密码，点击按钮登录；（3）登录成功后，即可播放视频；2、课程章节视频信息管理图2-2课程章节视频信息管理用例图描述项说明名称添加课程信息描述描述了管理员添加课程信息及课程内容的过程参与者管理员前置条件登录系统后置条件保存课程信息基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“课程管理”按钮；（3）点击“添加课程”（4）输入课程信息（课程标题、课程分类、课程讲师、总课时、简介、章节、课程视频等），然后保存。（5）显示“保存成功”信息提示。表2-2添加课程信息用例说明描述项说明名称修改课程信息描述描述了管理员修改课程信息的过程参与者管理员前置条件登录系统后置条件保存用户信息基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“课程管理”按钮；（3）点击“课程列表”（4）点击“修改”，输入修改后课程视频信息（课程标题、课程类别、课程章节等），点击“保存”；（5）显示“保存成功”信息提示。表2-3修改课程信息用例说明描述项说明名称删除课程信息描述描述了管理员删除课程信息的过程参与者管理员前置条件登录系统后置条件删除课程信息基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“课程管理”按钮；（3）点击“课程列表”（4）点击“删除”，然后点击“确定”；（5）显示“删除成功”信息提示。表2-4删除课程信息用例说明3、用户个人信息管理图2-3用户信息管理用例图描述项说明名称注册管理描述用户注册个人信息的过程参与者用户前置条件登录系统后置条件无基本操作流（1）点击“注册”按钮；（2）输入手机号、昵称和密码进行注册（3）填写正确验证码，点击注册；（4）完成用户注册，跳转登录界面；表2-5注册用例说明描述项说明名称修改密码描述用户修改密码的过程参与者用户前置条件登录系统后置条件无基本操作流（1）点击“登录”按钮；（2）输入账号和密码进行登录（3）登录成功后，点击“个人信息”；（4）点击个人修改密码，输入修改后的密码进行覆盖；（5）操作成功后提示“密码修改成功”。表2-6修改密码用例说明4、讲师信息管理图2-4讲师信息用例图描述项说明名称添加讲师信息描述管理员添加讲师的过程参与者管理员前置条件登录系统后置条件将讲师保存到数据库中基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“讲师管理”按钮；（3）点击“添加讲师”（4）输入讲师的信息（讲师名称、讲师排序、讲师头衔、讲师资历、讲师简介、讲师头像），然后保存。（5）显示“保存成功”信息提示。表2-7添加讲师用例说明描述项说明名称修改讲师信息描述管理员修改讲师信息的过程参与者管理员前置条件登录系统后置条件将讲师信息覆盖数据库中的信息基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“讲师管理”按钮；（3）点击“讲师列表”，点击“修改”按钮（4）输入修改的讲师信息（讲师名称、讲师排序、讲师头衔、讲师资历、讲师简介、讲师头像），然后保存。（5）显示“保存成功”信息提示。表2-8修改讲师信息用例说明描述项说明名称删除讲师描述管理员删除讲师的过程参与者管理员前置条件登录系统后置条件在数据库删除指定的讲师基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“讲师管理”按钮；（3）点击“讲师列表”，选中想要删除的讲师，点击“删除”按钮。（4）然后点击“确定”；（5）显示“删除成功”信息提示。表2-9删除讲师用例说明5、课程分类管理图2-5课程分类用例图描述项说明名称添加课程分类描述管理员添加课程分类的过程参与者管理员前置条件登录系统后置条件将课程分类持久地保存在数据库中基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“课程分类管理”按钮；（3）点击“添加课程分类”（4）下载课程分类模板（5）编辑课程分类模板，上传模板至数据库（5）显示“保存成功”信息提示。表2-10课程分类用例说明描述项说明名称课程分类信息描述管理员修改课程分类信息的过程参与者管理员前置条件登录系统后置条件将课程分类信息持久地保存在数据库中基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“课程分类管理”按钮；（3）点击“课程分类列表”，点击“修改”按钮（4）输入修改的课程分类信息，然后保存。（5）显示“保存成功”信息提示。表2-11修改课程分类用例说明描述项说明名称删除课程分类描述描述了用户删除课程分类信息的过程参与者管理员前置条件登录系统后置条件在数据库删除指定的课程信息基本操作流（1）输入正确的管理员账号、密码，点击“登录”按钮；（2）登录成功后，进入系统后台主界面后，点击首页左上方列表的“课程分类管理”按钮；（3）点击“课程分类列表”，点击“删除”按钮。（4）然后点击“确定”；（5）显示“删除成功”信息提示。表2-12删除课程分类用例说明2.5系统流程分析2.5.1用户（管理员）管理流程图2-1用户登录流程如图2-1所示，进入登录页面后，用户输入手机号码、密码和验证码。单击登录后，系统会自动检查数据库中是否存在手机号下的用户名，输入的密码和验证码是否正确。如果以上所有都正确，用户将顺利登录，否则用户将无法登录。2.5.2后台操作流程图2-2后台操作流程如2-2图所示，管理员在顺利登录之后，会转到后端系统。页面上有讲师管理、课程分类管理、课程管理功能。每个模块都有相应的功能，点击模块会出现相应的子模块，通过子模块便可以进行相应的操作。2.5.3讲师信息管理流程图2-3班级信息管理流程如图2-3所示，管理员在顺利登录之后，会转到后端系统。点击左边讲师管理，可以弹出讲师信息管理与讲师列表功能导航。点击讲师列表功能，系统会将数据库中讲师信息读取并显示在页面上，然后每个列表后面都有修改和删除操作。选择修改可弹出修改操作框，修改信息保存即可。选择删除弹出删除确定框，选择删除便可以删除该讲师。若选择添加讲师功能，会进入填写讲师功能信息框，填写好信息点击保存即可，添加的讲师信息会录入到数据库，最后流程结束。2.5.4课程分类管理流程图2-4课程分类管理流程如图2-4所示，管理员用户若要进行课程分类管理，需要点开课程分类模块。选择课程分类列表功能，将会以树状结构显示分类，父类别与子类别的关系一清二楚。选择添加课程分类功能，会显示下载分类模板，根据下载的分类模板填写好信息再上传，系统会根据上传的模板信息存储到相应数据库，最后流程结束。2.5.5课程管理流程图2-5课程管理流程如图2-5所示，管理员用户若要进行课程管理，需要点开课程管理模块。选择课程列表功能，可以显示出所有的课程信息，然后每个课程后面都有修改和删除操作。选择修改可弹出修改操作框，修改信息保存即可。选择删除弹出删除确定框，选择删除便可以删除该课程。若要添加课程，点击课程添加模块，进入课程添加页面，经过三个页面信息填写，完善添加课程的信息，然后将填写好的课程信息存储到数据库中，最后流程结束。2.5.6用户使用流程图2-6用户使用流程如图2-7所示，用户在顺利登录之后，进入到前端系统。通过不同的选择方式可以找到所需的课程，比如在首页推荐的部分课程中选择，或者进入所有课程的页面中去选择，选择到课程后，会跳转到该课程的课程详情页面，里面有选择课程的相关信息，选择观看按钮可进行在线观看和学习，最后流程结束。3架构设计图3-1SSM系统架构图SSM的系统架构如图3-1所示，用户（管理员）通过客户端进入在线教育系统，客户端在web端发送请求至service层，service层收到由客户端的请求后经过mapper层的Mybatis-plus调用数据库，实现数据的增删改查的功能，从而把数据信息通过响应体返回至系统中，系统将信息显示至客户端。图3-2阿里云点播架构图阿里云点播架构如图3-2所示，客户端发送播放请求至SSM系统，系统通过数据库查询视频视相应的网上存储地址，通过地址找到阿里云里的视频内容，并将视频信息返回至客户端。4系统设计4.1系统功能结构1、前台用户模块包括：（1）网站首页：包含系统模块导航和部分课程和讲师显示。（2）课程页面：显示课程的分类信息，以及课程简要信息。（3）课程详情页面：显示课程的详细信息及观看入口。（4）讲师页面：显示讲师的简要信息。（5）讲师详情页面：显示讲师的详细信息及相关主讲课程信息。（5）视频播放：播放页面，可进行课程视频播放。（6）用户登录注册：提供用户登录注册。（8）联系我们：显示了网站管理员的具体联系方式，例如有电子邮箱、QQ和微信。2、后台管理员模块包括：（1）讲师列表：进行讲师信息显示与管理。（2）讲师添加：进行讲师添加（2）课程分类列表：进行课程分类信息显示与管理。（3）课程分类添加：进行课程分类添加。（4）课程列表：进行课程信息显示与管理（5）添加课程：进行课程发布图4-1系统功能结构图4.2数据库设计4.2.1概念模型设计1、管理员实体：图4-2管理员实体2、讲师信息实体：图4-3讲师实体3、课程信息实体：图4-4课程信息实体

4、课程分类信息实体：图4-5课程分类信息实体5、课程章节视频信息实体：图4-6课程章节视频信息实体6、章节信息实体：图4-7章节信息实体7、用户信息实体图4-8用户信息实体8、讲授信息实体图4-9讲授信息实体9、实体关系模型图4-10在线教育系统的总体实体关系图如图4-10所示，系统实体关系图表示：一个课程可以包含多个章节，它可以属于多个分类，也可以拥有多个讲师，但是学习视频只能对应一个。用户可以学习多个课程，多个章节只对应一个课程，一个分类可以有多个课程，多个讲师可以教授同一个课程，但教授的课程视频只能对应一个。因此，课程和章节是1对n的关系，课程和分类是n对n的关系，课程和讲师是n对n的关系，讲师和课程章节视频是1对n的关系,章节和视频是1对1的关系。3.2.2逻辑模型设计根据在线教育系统的概念模型可以将其转换为逻辑模型如下：1、管理员（管理员ID，账号，密码）；2、讲师信息（姓名，讲师ID，资历，头衔，简介，图片，创建日期，修改日期）；3、课程（课程ID，课程讲师ID，课程专业，课程专业父级，课程标题，课程封面路径，创建日期，修改日期）；4、课程分类信息（所属父类ID，类别名，类别ID，创建日期，修改日期）；5、课程章节视频信息（视频ID，课程ID，章节ID，云端视频ID，视频存储名称， 视频原始名称，创建日期，修改日期）；6、章节信息（章节ID，课程ID，章节名称，创建日期，修改日期）；7、用户信息（用户ID，手机号，密码，昵称）；8、讲师讲授信息（ID,讲师ID，课程ID,创建日期，修改日期）3.2.3物理模型设计根据上面所设计的逻辑模型,设计系统的相对应的物理模型,如下列表所示:1、管理员保存管理员的基本信息。表3-1管理员表序号列名数据类型长度键1adminIdint11主键2adminNamevarchar30否3adminPasswordvarchar16否2、课程保存课程的基本信息。表3-3课程表序号列名数据类型长度键1idchar19主键2teacher_idchar19否3subject_idchar19否4subject_parent_idchar

19否5titlevarchar50否6lesson_numint10否7covervarchar255否8view_countbigint10否9versionbigint20否10statusvarchar10否11is_deletedtinyint3否12gmt_createdatetime否13gmt_modifieddatetime否3、课程分类信息保存课程分类基本信息。表3-2课程分类信息表序号列名数据类型长度键1idchar19主键2titlevarchar10否3parent_idchar19否4sortInt10否5gmt_createdatetime否6gmt_modifieddatetime否4、课程章节视频信息保存课程章节视频的基本信息。表3-4课程章节视频信息表序号列名数据类型长度键1idchar19主键2course_idchar19否3chapter_idchar19否4titlevarchar50否5video_source_idvarchar100否6video_original_namevarchar100否7sortInt10否8play_countbigint20否9durationfloat否10statusvarchar20否11sizebigint20否12versionbigint20否13gmt_createdatetime否14gmt_modifieddatetime否5、章节信息保存章节信息。表3-5章节信息表序号列名数据类型长度键1idchar19主键2course_idchar19否3titlevarchar50否4sortInt10否5gmt_createdatetime否6gmt_modifieddatetime否6、讲师信息保存讲师基本信息。表3-6讲师信息表序号列名数据类型长度键1idchar19主键2namevarchar20否3introvarchar500否4careervarchar500外键5levelint10否6avatarvarchar255否7sortint10否8is_deletedtinyint1否9gmt_createdatetime否10gmt_modifieddatetime否7、用户信息保存用户的基本信息。表3-7用户信息表序号列名数据类型长度键1Idchar19主键2userNamevarchar30否3userPasswordvarchar16否4nicknamevarchar50否8、讲师讲授课程表保存讲师讲授课程信息。表3-8讲师讲授课程表序号列名数据类型长度键1Idchar19主键2course_idvarchar19否3teacher_idchar19否4gmt_createdatetime否5gmt_modifieddatetime否

4系统的详细设计与实现4.1课程观看功能课程观看功能详述1、管理员进入后台将课程信息和课程分别上传到数据库和阿里云，如图4-1所示图4-1网站首页页面2、进入图4-2的用户主界面后，通过查找所想要观看的课程图4-2网站首页页面3、点击想要观看的课程，如图4-3所示图4-3网站页面4、选择章节，进入观看页面，进行观看，如图4-4所示图4-4观看页面视频存储的操作流程如图4-5所示图4-5视频播放时序图调用视频操作的类图如图4-6所示图4-6课程视频类图4.2讲师添加功能讲师添加功能详述1、管理员登录后进入后台管理页面，如图4-7所示图4-7后台管理页面2、点击讲师管理，展开导航，点击添加讲师，进入添加讲师页面，如图4-8所示图4-8添加讲师页面3、填写讲师名称、头衔、资历、简介头像等信息，然后保存。讲师添加的操作流程如图4-9所示图4-9讲师添加时序图课程所需调用的类图如图4-10所示图4-10讲师类图4.3课程分类信息添加功能课程分类信息添加功能详述1、在后台页面左侧点击课程分类管理的添加课程分类，如图4-11所示图4-11课程分类管理页面2、点击下载模板，填写好分类信息模板，如图4-12图4-12excel模板3、将填好的excel文件上传，如图4-13所示图4-13excel文件上传页面课程分类信息添加的系统执行流程如图4-14所示。图4-14课程分类添加时序图图5-15显示了课程分类添加功能各层次类调用关系图。图4-15课程分类添加类图4.4课程列表显示功能图4-16课程列表页面4.5课程添加功能图4-17添加课程页面添加课程有三个步骤，也有三个页面，每个页面填写好相应的信息后，点击保存才能进入下一个页面，比如，第一个页面点击保存后使用axios进入保存的数据库方法，在这之前，会调用init()进行课程分类封装初始化供管理员选择，而且还要进行课程封面上传，这些步骤完成后，调用数据库把填写的数据保存至相应的数据表中。4.6课程分类列表功能图4-18课程分类列表页面后端代码写有封装一级分类和二级分类的实现代码，利用axios调用接口，实现数据库封装分类信息，然后将封装后的信息返回至页面，并显示出来。4.7登录功能与注册功能图4-19注册页面图4-20登录页面注册页面和登录页面都是在前端获取填写的相应信息去后端进行处理，比如注册，获取到前端填写的手机号、昵称、密码等信息后传送到后端验证，最主要的还会对密码加密，后端创建了一个加密类MD5,调用这个工具类可实现对密码的加密，存储到数据库的密码是加密后的密码，在登陆的时候又可以对密码解密，保证密码的安全。5总结至此本毕业设计基本完成，在设计过程