网络工程基于SSM在线学习系统的设计与实现.doc

《网络工程基于SSM在线学习系统的设计与实现.doc》由会员分享，可在线阅读，更多相关《网络工程基于SSM在线学习系统的设计与实现.doc（40页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、本科毕业设计（论文）基于SSM在线学习系统的设计与实现Design and Implementation of OnlineLearning System Based on SSM院 （系）计算机科学院专 业网络工程班 级二班学 号16210220221学生姓名李振鑫指导教师刘政连提交日期2020年4月19日毕业设计（论文）原创性声明本人郑重声明：所呈交的毕业设计（论文），是本人在指导老师的指导下，独立进行的设计（研究）工作及取得的成果，论文中引用他人的文献、数据、图件、资料均已明确标注出，论文中的结论和结果为本人独立完成，不包含他人已经发表或撰写的作品及成果。对本文的研究作出贡献的个人和集体

2、，均已在论文中作了明确的说明。本人完全意识到本声明的法律结果由本人承担。毕业论文作者（签字）： 签字日期： 年 月 日成绩评定成绩项论文成绩（百分制）折合比例实得成绩（折合分）指导教师成绩30%评阅教师成绩20%答辩成绩50%总评成绩 注：毕业设计（论文）成绩按百分制评定。答辩成绩不及格的（评分低于60分的），则该毕业设计（论文）总评成绩为答辩成绩。摘 要信息时代的高速发展，物联网等概念的实现，使得人们开始注重生活中的便利性。教育模块更是人们关注的重中之重，传统的现场教学模式已不再满足于当今时代人们的需求，互联网的发展使得这一希望得以实现，在线学习系统孕育而生。现场教学的局限性开始被打破，学习

3、方式和途径从此多元化。比如现如今举世关注的新冠肺炎疫情，在线学习系统展现出了独特的耀眼光芒，甚至国家发起了起了线教学的号召。因此，本文将利用互联网技术，提出一个B/S架构的在线学习系统，只要有网络，通过该系统人们就可以随时随地进行学习本篇文章阐述用Jsp+Springmvc(Spring+SpringMVC)+JDBC+MySQL开发的在线视频学习系统，用户所拥有的功能：浏览公告信息、名师信息；在线学习；下载资料；在线做课后测试等。管理员所拥有的功能：权限管理、学生管理、下载资料管理、视频管理、题库管理、留言管理、公告管理等。当中学生资料和题库资源使用Excel文件进行批量导入，资料和视频资源

4、可以自由上传和下载，可以在线观看视频学习和题库自测。关键词：JAVA Web 在线学习系统 SSMAbstract With the rapid development of information age, the realization of the concept of the Internet of things, make people begin to pay attention to the convenience in life.Education module is the top priority of attention, the traditional teaching

5、 mode is no longer satisfied peoples needs in todays world, the development of the Internet has made to be able to realize this hope, inoculation and online learning system.The limitations of the scene teaching began to be broken, diversified learning style and way from now on.Nowadays the world foc

6、us on new crown pneumonia outbreak, for example, online learning system showed unique glare, even countries launched a line of teaching.Therefore, this article will use the Internet technology, the paper puts forward a B/S structure of online learning system, as long as there is network, through the

7、 system, people can learn anytime and anywhere.This article expounds use Jsp + for Springmvc (Spring + for Springmvc) + JDBC + MySQL development of online video learning system, the function of the users have: browse information, teacher information announcement;Online learning;Download data;Online

8、do test after class.Function: administrators have download permissions management, student management, information management, video management, question bank management, message management, bulletin management, etc.Students of information and question bank resources using Excel file for bulk import

9、, data and video resources is free to upload and download, can watch the video online learning and question bank self-test.Key words JAVA Web Scenario English Online Video Learning Platform SSM;目 录第一章 绪论11.1 课题背景、目的及意义11.2 国内外研究现状1第二章 可行性分析22.1 社会可行性22.2 技术可行性22.3 操作可行性22.4 系统的技术介绍32.4.1 Javascript3

10、2.4.2 jQuery32.4.3 JDBC32.4.4 MySQL32.4.5 MVC32.4.6 Spring与SpringMVC42.5 系统开发平台及运行环境42.5.1 系统开发平台42.5.2 运行环境4第三章 需求分析63.1 系统功能模块概述和分析63.2 业务流程分析73.3 系统功能模块分析83.4 数据库分析8第四章 基于SSM在线学习系统的设计与实现144.1 网站首页144.2 名师风采页面204.3 视频学习页面204.4 资料下载页面214.5 登录页面224.6 用户后台页面234.7 管理员后台页面25第五章 系统测试295.1 测试的目的与目标295.2

11、测试方法295.3 测试用例295.4 测试结论30第六章 结论32参 考 文 献33致 谢34广东东软学院本科生毕业设计（论文）第一章 绪论1.1 课题背景、目的及意义在一代又一代人的辛勤奋斗下，如今人们的生活得到了极大的改善。网络信息时代的高速发展也促使了我国各种旧行业转型，新行业的发展。如今，我国的互联网可以说是遍及家家户户了，人们随时随地都可以在大部分地方都能进行网络通信。同时，国家政府也发起加快互联网遍及全国教育领域，促进教育发展的号召。因此，教育搭上了互联网这个顺风车，在线教育得到了迅猛的发展。在线学习系统的出现，不仅让学生能随时随地进行学习，还让教育资源能够合理化分配，大家都能够

12、享受同样的优秀老师教学，使得教育资源能够达到最大化利用.【1】。传统的学校教学虽然对于自制力不强的学生有帮助，而且老师对学生了解更清楚，但是已经不能满足日益提高的学习要求，而在线学习，却可以对自学能力强，额外的提供更多的学习资料，可以让学生自己进行自主选择，选择自己喜欢的老师。在线学习系统历经了这么多年的发展，现在已经发展成为半自动化及自动化的管理系统。 随着时间的推移，学生需要学习的知识量也更大，而老师则没办法做到每一样都精通，这时候，网络在线学习的作用就完全发挥出来了。1.2 国内外研究现状教育一直以来都是热点话题，随着一代又一代前人的不断积累，到现如今，我们这一代人需要学习的知识也不断地

13、加大，如今日常的课堂已经不可避免地无法满足学生的学习需求，在竞争激烈的现代，学习效率越高，意味着你拥有更大的获得成功的可能性。所以在线教学很久之前就已经开始出现，到如今的逐渐完善。传统的学校教学虽然对于自制力不强的学生有帮助，但在线学习系统却可以对自学能力强，拥有较强学习欲望的同学，额外地提供更多的学习资料和机会，可以让学生自己进行自主选择，选择自己喜欢的老师，自己感兴趣的内容，自已喜爱的时间点进行学习。在线学习系统历经了这么多年的发展，现在已经发展成为半自动化及自动化的管理系统。 随着时间的推移，学生需要学习的知识量也更大，而老师则没办法做到每一样都精通，这时候，网络在线学习的作用就完全发挥

14、出来了。可以说，无论国内国外，在线教育一直都在保持着稳健的发展势头，不仅增加了学生的自主选择性，推动了教育行业的发展，同时也促进了旧行业转型的浪潮，起了一个完美转型的标杆作用。第二章 可行性分析2.1 社会可行性目前，我国正遭受着新冠疫情的影响，由于无法出门的原因，所以传统的课堂学习显然是不可能的，为了安全，国家提倡教师在线教学，这也是直接促进了在线学习的发展，在线学习虽然没有办法做到因材施教，但是在现如今的社会要求来说，也是有可实施性的，甚至在未来可能有希望代替现场教学的，它真正做到了不把学生分三六九等，大家都能接受到最好的教育，同时不受时间地点的限制，极大的方便了学生，使得学生可以根据自己

15、的实际情况、实际时间选择上课。同时，它又可以节省很多安全隐患，孩子不用再去教室路上出状况等，一旦因为自身原因例如生病等落下了课程，也可以通过回看来解决。所以展望未来，在线学习有很大可能发展为新的教育方式。2.2 技术可行性本在线学习系系统在Windows10操作系统上使用的是：Jsp+Springmvc(Spring+SpringMVC)+JDBC+MySQL框架进行开发，【2】。在开发项目中也得到了广泛地使用，所以数据库采用MySQL,页面采用较为成熟简单的Jsp,控制器采用Spring,SpringMVC进行开发该系统，技术方面的可行度还是相当高的。而该系统对硬件的要求相当低，基本如今人们

16、所使用的计算机均可满足使用。2.3 操作可行性随着计算机的普及和生活水平的提高，如今基本人手一台笔记本电脑，而该系统几乎现如今所有的电脑都能运行，同时在不同机型的笔记本上均不会改变它的设置和布局，简洁的图形操作界面，清晰明了的布局，让用户几乎不需要太多的理解成本，简单的说明指导后，用户就可以十分方便快捷进行使用操作。2.4 系统的技术介绍2.4.1 JavascriptJavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类【3】。没学过Javascript的

17、人很容易就会在名字被进行了误导，虽然Javascript里有Java,其实两者毫无关系，是一门独立的脚本编程语音。2.4.2 jQueryjQuery是一个javascript框架兼容会让许多浏览器，核心思想是写得更少做得更多。2.4.3 JDBCJava数据库连接【4】，是Java用来规范客户端程序如何来访问数据库的应用程序接口，可以进行增删改查数据库中的数据。2.4.4 MySQLMySQL是一般中小型网站均采用的体积小、速度快、成本低,开放源码的小型关联式数据库管理系统。2.4.5 MVCMVC是一种设计模式，用MVC应用程序被分成三个核心部件：模型、视图、控制器。它强制性地使应用程序的

18、输入、处理和输出分开。使它们各自处理自己的任务【5】。2.4.6 Spring与SpringMVC（1）SpringSpring是一个开源框架，Spring是2003年兴起的轻量级Java开发框架， （2）SpringMVCSpringMVC是Spring框架工作的后续产品，SpringMVC将控制器，模型对象，Dispatcher和handler对象的角色分开SpringMVC是Spring的一部分。2.5 系统开发平台及运行环境2.5.1 系统开发平台它在Tomcat7系统开发环境 2.5.2 运行环境操作系统：Windows 7以上。服务器：Tomcat7.0以上版本。浏览器：UC,IE

19、,谷歌浏览器等。第三章 需求分析3.1 系统功能模块概述和分析在线视频学习系统采用B/S架构，系统主要面向一般用户的需求和系统管理员角色，一般用户，用户主要是系统可以登录系统；浏览公告信息，教师信息；观看在线视频；下载课件数据；在线做习题课后自测题. 系统管理员管理功能特点：角色，学生信息，班级，课件数据，视频，论文，审核留言，公告等管理。在线学习系统主要功能如下：(1) 用户： 登录系统：用户可以输入正确的用户名密码登录系统； 浏览信息：浏览公告信息、老师信息，在线观看视频，下载课件资料； 在线做题：在线完成课后题目进行学习情况的自测； 在线留言：可以在网站中进行留言交流。(2) 系统管理员

20、： 进入系统：登录系统管理员用户名密码，通过进入正确的登录系统管理后台； 角色管理：教师，学生，系统管理员，分别对三类角色进行管理。 学生管理：所有学生的信息均可以进行增删改查。 对下载资料进行管理：管理网站中的课件资料资源； 管理视频：管理网站中的视频资源； 管理试题：管理网站中的试题资源； 审核留言：对用户的留言进行审核。 发布公告：发布网站的公告信息系统用例图如下： 用户：管理员：3.2 业务流程分析因为整个系统的功能会以用户角色加以区分，及不同的角色间的功能是相对独立的，所以整个业务流程的设计基本也是可以按角色分为两类，一类是用户的流程，另一类就是管理员的流程。用户的流程图如下所示：管

21、理员的流程图如下所示：3.3 系统功能模块分析基于系统功能分析，对整个系统功能模块的功能图进行模块规划如下3.4 数据库分析1. 设计概念模型概念模型用于信息世界的建模，与具体的DBMS无关。为了把现实世界中的具体事物抽象、组织为某一DBMS支持的数据模型【9】。根据功能模块的设计，整个系统的E-R图设计如下所示：根据整个系统的功能设计以及E-R图设计所规划的主要实体有：管理员、公告、视频、题目、资料、留言以及学生。下图各个实体仅展示了与功能设计相关的属性）：1. 管理员实体2. 学生实体3. 视频实体4. 公告实体5. 题目实体6. 留言实体7. 资料实体2. 设计数据库表以下为本系统数据库

22、表：(1) tbl_admin表管理员表字段名称数据类型主键是否空说明ad_idint(11)YNIDnamevarchar(20) NN姓名loginnamevarchar(20)NN用户名pswvarchar(20)NN密码adminLevelvarchar(40)NN管理员等级管理员表，顾名思义，是用来存储系统管理员信息的表格，数据分别为管理员的id,真实姓名，登录时的用户名，密码以及管理员的权限等级。(2) tbl_stu表（学生表）学生表字段名称数据类型主键是否空说明stu_idint(11)YNIDstu_numvarchar(20)NN学号stu_namevarchar(20)N

23、N姓名gendervarchar(5)NN性别departmentvarchar(30)NN部门classTvarchar(30)NN班级pswvarchar(30)NN密码phonevarchar(20)NN电话eamilvarchar(20)NN邮箱地址学生表，其中学号为学生登入该系统的账号。(3) tbl_data表（资源表）资源表字段名称数据类型主键是否空说明data_idint(10) YNIDfile_namevarchar(80)NN文件名upload_pathvarchar(80)NN地址data_typevarchar(30)NN类型download_countint(10)

24、 NN下载次数upload_namevarchar(30) NN上传人upload_timevarchar(20) NN上传时间vedio_namevarchar(30)NN视频名称资源表，顾名思义，就是用来储存网站下载资源信息的表。其中数据有上传的文件名，储存的路径地址，数据的类型，下载的次数，上传人，上传时间及该资源所属的在线学习视频名称。(4) tbl_commnet表（评论表）评论表字段名称数据类型主键是否空说明c_idint(10)YNIDc_titlevarchar(30)NN题目contenttext NN内容ceateTimevarchar(20)NN创建时间contentNa

25、mevarchar(50)NN留言人rContenttextNN回复内容rDateTimevarchar(20)NN回复时间rContentNamevarchar(50)NN回复人statevarchar(10)NN状态评论表，顾名思义，就是用来存储留言评论相关信息的表。数据分为留言的题目，留言的内容，留言的创建时间，评论人，回复的内容，回复的时间，回复人，审核状态。(5) tbl_upload表（视频表）视频表字段名称数据类型主键是否空说明up_idint(11)YNIDpicture_pathvarchar(255)NN视频地址titlevarchar(50)NN题目describeste

26、xtNN描述up_timevarchar(50) NN上传时间type_idint(11)NN类型(6) tbl_notice表（公告表）公告表字段名称数据类型主键是否空说明notice_idint(10)YNIDnotice_tiltlevarchar(80)NN公告题目notice_contenttextNN公告名称pub_namevarchar(30)NN发布人create_timevarchar(20)NN创建时间(7) tbl_option表（题目表）题目表字段名称数据类型主键是否空说明op_idint(11)YNIDquestiontextNN题目op_avarchar(50)NN

27、选项Aop_bvarchar(50)NN选项Bop_cvarchar(50)NN选项Cop_dvarchar(50)NN选项Danswervarchar(50)NN答案parsetextNN解析op_answervarchar(10)NN答案选项up_idint(10)NN视频ID系统中还有一些辅助表来完成系统的基本功能，这里就不多加赘述了。第四章 基于SSM在线学习系统的设计与实现4.1 网站首页网站的首页页面如下所示，页面的顶端是网站的logo以及网站的名称；主导航栏包括了学院首页、系统简介、名师风采、视频学习以及资料下载这五个模块。在主导航栏的下方是一个是大型宣传幻灯片；幻灯片的下方左为

28、小型宣传幻灯片、公告栏以及快速通道栏目；在该行下方的左侧为项目介绍，右侧为视频展示页；在改行的下方的作则为一个会轮播展示教师风采栏目，而该行的右边为留言信息的展示。下面就以首页视频加载为例来简单的说没整个程序的设计架构以及功能实现的流程。以下为关于视频相关信息的数据模型定义代码：public class VedioUpload /* * 视频上传表 */private int up_id;private String picture_path;/视频存放路径private String title;/标题private String describes;/视频描述private String

29、up_time;/视频上传时间private int type_id;/视频类型id/视频类型实体private VedioType vedioType;public VedioType getVedioType() return vedioType; /根据set函数public void setVedioType(VedioType vedioType) this.vedioType = vedioType;/用于初始化函数 （存取数据）public VedioUpload( String title, String describes, String picture_path, Stri

30、ng up_time, int type_id) super();this.title = title;this.describes = describes;this.picture_path = picture_path;this.up_time = up_time;this.type_id = type_id;/* * get set 方法省略 */下面代码为关于视频相关信息的Dao层实现：public class VedioUploadDao /* * 视频上传 （添加视频上传信息） */public void addVedioInf(VedioUpload vedioUpload) /

31、因与首页逻辑实现无关，这里省略/* * 查询所有的视频信息 */public List queryVedioAllInf() /因与首页逻辑实现无关，这里省略/* * 视频信息查询（根据标题和视频类型查询） */public Page queryByTittleAndType(String title,Integer type_id,Page page) /因与首页逻辑实现无关，这里省略/* * 统计分页条数（根据查询条件统计分页条数 查询条件 标题和类型） */public long countDate(String title,Integer type_id) /因与首页逻辑实现无关，这里

32、省略/* * 找到上传视频的id值 */public VedioUpload findById(int up_id) /因与首页逻辑实现无关，这里省略/* * 删除视频资源 */public void deleteVedioById(int up_id) /因与首页逻辑实现无关，这里省略/* * 查看视频根据up_id */public List queryVedioByup_id(int up_id) /因与首页逻辑实现无关，这里省略/* * 初始化信息 只显示最新的6条信息 按时间降序排序 显示最新的视频 */public List initVedios() Connection conn

33、=null; ResultSet rs=null; Statement st = null; List list=new ArrayList();try conn=ConnDB.getConnection();StringBuffer sql =new StringBuffer(SELECT * FROM tbl_upload t ORDER BY t.up_time DESC LIMIT 0,6);st=conn.createStatement();rs=st.executeQuery(sql.toString();while (rs.next() VedioUpload vedioUplo

34、ad=new VedioUpload();vedioUpload.setUp_id(rs.getInt(up_id);vedioUpload.setPicture_path(rs.getString(picture_path);vedioUpload.setTitle(rs.getString(title);vedioUpload.setDescribes(rs.getString(describes);vedioUpload.setUp_time(rs.getString(up_time);vedioUpload.setType_id(rs.getInt(type_id);list.add(

35、vedioUpload); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();finally try rs.close(); st.close(); conn.close(); catch (SQLException e) / TODO Auto-generated catch blocke.printStackTrace();return list;下面代码为关于视频相关信息的Service层实现，根据实际业务需要对Dao层进行进一步封装：public class VedioUploadSe

36、rvice /实例化视频上传信息daoVedioUploadDao dao=new VedioUploadDao();/* * 视频上传 （添加视频上传信息） */public void addVedioInf(VedioUpload vedioUpload,HttpServletRequest request) /因与首页逻辑实现无关，这里省略/* * 查询所有的视频信息 */public List queryVedioAllInf() /因与首页逻辑实现无关，这里省略/* * 视频信息查询（根据标题和视频类型查询） */public Page queryByTittleAndType(St

37、ring title,Integer type_id,Page page) /因与首页逻辑实现无关，这里省略/* * 找到上传视频的id值 */public VedioUpload findById(int up_id) /因与首页逻辑实现无关，这里省略/* * 删除视频资源 */public void deleteVedioById(int up_id,HttpSession session) /因与首页逻辑实现无关，这里省略/* * 查看视频根据up_id */public List queryVedioByup_id(int up_id) /因与首页逻辑实现无关，这里省略/* * 初始化

38、信息 只显示最新的6条信息 按时间降序排序 显示最新的视频 */public List initVedios() /直接调用Dao层获取最新六条信息的接口即可return dao.initVedios();以下为首页Controller代码实现Controllerpublic class IndexInitInfController /* * 初始化主页数据（公告信息、留言信息、热点视频） */RequestMapping(value=/InitIndexInf,method=RequestMethod.GET)public String InitIndexInf(Model model) /

39、1、初始化查询通告信息NoticeService noticeService=new NoticeService();List InitNotice=noticeService.initNotice();/2、初始化查询留言信息CommentsService commentsService=new CommentsService();List InitComments=commentsService.initComments();/3、初始化查询热点视频（最新上传视频作为热点视频）VedioUploadService vedioUploadService=new VedioUploadServ

40、ice();List InitVedios=vedioUploadService.initVedios();model.addAttribute(InitNotice,InitNotice); model.addAttribute(InitComments,InitComments); model.addAttribute(InitVedios,InitVedios); return forward:/index.jsp;/将数据转发到index这个页面下面首页JSP实现首页推荐视频的展示： %- 视频标题:$item.title -% 以上就是首页的视推荐视频数据加载的全部代码实现过程，其他功能的实现都与该功能类似，下文将不再赘述了。4.2 名师风采页面名师风采页面如下图所示，以列表的形式显示了名师信息，包括名师的照片、姓名、职称、系部、教研室以及其相关的教学介绍。4.3 视频学习页面视频学习页面如下图所示，以列表的形式展示了视频学习相关信息，包括封面图片、时长、标题等。