项目运行
环境配置：
Jdk1.8 + Tomcat7.0 + Mysql + HBuilderX（Webstorm也行）+ Eclispe（IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持）。
项目技术：
SSM + mybatis + Maven + Vue 等等组成，B/S模式 + Maven管理等等。
环境需要
1.运行环境：最好是java jdk 1.8，我们在这个平台上运行的。其他版本理论上也可以。
2.IDE环境：IDEA，Eclipse,Myeclipse都可以。推荐IDEA;
3.tomcat环境：Tomcat 7.x,8.x,9.x版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
5.是否Maven项目: 否；查看源码目录中是否包含pom.xml；若包含，则为maven项目，否则为非maven项目
6.数据库：MySql 5.7/8.0等版本均可；
毕设帮助，指导，本源码分享，调试部署(见文末)
3.1可行性分析
一个完整的系统，可行性分析是必须要有的，因为他关系到系统生存问题，对开发的意义进行分析，能否通过本网站来补充线下基于jsp的前端课程学习网站模式中的缺限，去解决其中的不足等，通过对本网站，不仅能使工作量不断地减少，还能使工作和管理的效率更加高。所以开发该网站能实现更大的意义和价值， 网站完成后，能否达到预期效果就要通过可行性分析，分析之后，决定此系统是否开发。该基于jsp的前端课程学习网站的开发设计中，对技术、经济、操作方面进行了可行性分析：
3.1.1技术可行性
本系统开发选择jsp技术，jsp技术是一个完全面向对象的语言技术，jsp为开发者提供了丰富的类库，大大减少了使用windows编程的难度,减少开发人员在设计算法上的难度，作为jsp开发 Visual Studio更是一个必不可少的角色，它友好的界面，以及强大的功能，给程序开发人员带来了很多方便，加上环境简单，转移方便，无疑使此系统最佳的选择。所以后台设计选择使用MySQL数据库主要用来的建立和维护信息。对于前台开发要求应具备功能完善、易于操作等优点，后台数据库的要求则是能够建立和维护数据信息的统一性和完整性。
依据上述目标来分析本系统的硬件如下：
奔腾3的处理器；
内存是 2G；
硬盘是50G；
操作系统是Window 10；
在软件方面的话，安装了Visul Studio 0 和MySQL数据库开发工具。根据以上的软件与硬件要求，得到这个系统的技术是可行的。
3.1.2经济可行性
基于jsp的前端课程学习网站，该系统软件开发仅需要一台普通的计算机便可完成实现开发，其成本很低。另外，作为毕业设计作品来讲，开发成本基本上可以忽略不计，且该系统软件的投入使用，可以实现更加快速高效的基于jsp的前端课程学习网站，同时还能实现对人力资源和管理资源的有效节约，该基于jsp的前端课程学习网站在经济上完全可行。
3.1.3操作可行性
现在随着科技的飞速发展，计算机早已经进入了人们的日常生活中，人们的工作环境也不像以前有那么多的要求，需要学生一定要到公司办公，有的工作在家也可以完成。这使得人们的工作效益有了很大的提高。操作的多样性也变高了。因此，管理的计算机化，智能化是社会发展而带来的必然趋势，各种智能的软件层出不穷，不同的软件能完成用户不同的需求，这不仅提高了工作效率还能完成一些客户特定的一些需求。本系统不仅界面简洁明了还采用可视化界面，用户只要用鼠标和键盘就可以完成对相关信息的修改，删除，添加等操作。因为这个系统的操作十分简单，方便上手，对于第一次使用系统的人，只需要很少的时间就可以上手操作。由此可见，本系统在操作上是可行的。
3.2网站性能需求分析
对网站性能进行分析，可对系统反应度、界面简洁清晰度、储存能性、易学性和稳定性进行分析；
系统反应度：同时上万人在线时反应时间应该在两三秒以内，。
界面简洁清晰：系统界面要求简单明了，操作简单，用户操作容易上手。
储存性能高：基于jsp的前端课程学习网站中需要存储的信息有很多，所以对系统的存储量要求很高，因此数据库就应该很强大，才能保证信息能安全稳定的进行存储；
易学性：该系统在操作上必须简单好上手，没有很多复杂的操作，只需要简单的进行学习就能操作该系统。
稳定性：要求基于jsp的前端课程学习网站运行要稳定，界面清楚、字体清晰等。
3.3网站功能分析
考虑到实际生活中在基于jsp的前端课程学习网站方面的需要以及对该系统认真的分析,将系统权限按管理员、学生和教师这三类涉及用户划分。
(a) 管理员；管理员使用本系统涉到的功能主要有：个人中心、教师管理、学生管理、视频分类管理、课程名称管理、资料分类管理、教学资料管理、教学视频管理、课程作业管理、作业提交管理、作业批改管理、试题管理、学习论坛、在线考试管理、系统管理、考试管理等功能。管理员用例图如图3-1所示。
图3-1 管理员用例图
(b)教师进入系统可以实现个人中心、教学资料管理、教学视频管理、课程作业管理、作业提交管理、作业批改管理、试题管理、在线考试管理、考试管理等功能。教师用例图如图3-2所示。
图3-2教师用例图
(c)学生进入系统可以实现个人中心、作业提交管理、作业批改管理、考试管理等功能。学生用例图如图3-3所示。
图3-3学生用例图
3.4系统流程的分析
由于不同的系统实际使用用户角色的不同,他们的业务分析也会变得有所不一样,为了论述方便接下来都将以管理员用户功能权限下的系统业务流程来分析,如下图所展示:
3.4.1 用户管理的流程
图3-3 用户管理流程
3.4.2 个人中心管理流程
图3-4 个人中心管理流程
3.4.3 登录流程
图3-5 登录流程
4系统设计
4.1 软件功能模块设计
网站整功能如下图所示：
图 4-1 基于jsp的前端课程学习网站总体功能模块图
4.2 数据库设计
在每一个系统中数据库有着非常重要的作用，数据库的设计得好将会增加系统的效率以及系统各逻辑功能的实现。所以数据库的设计我们要从系统的实际需要出发，才能使其更为完美的符合系统功能的实现。
4.2.1 概念模型设计
概念模型是对现实中的问题出现的事物的进行描述，ER图是由实体及其关系构成的图，通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。
学生信息实体图如图4-2所示：
图4-2学生信息实体图
作业提交实体图如图4-3所示：
图4-3作业提交实体图
教学资料实体图如图4-4所示：
图4-4教学资料实体图
5.1系统功能模块
基于Jsp的前端课程学习网站，在系统首页可查看首页、教学资料、教学视频、课程作业、学习论坛、在线考试、系统公告、个人中心、后台管理等内容，如图5-1所示。
图5-1系统首页界面图
教师注册，教师通过输入教师工号、密码、教师姓名、职称、联系电话等内容进行注册，如图5-2所示。
图5-2教师注册界面图
学生注册，学生通过输入学号、学生姓名、密码、联系电话、专业、院系等内容进行注册，如图5-3所示。
图5-3学生注册界面图
教学资料，在教学资料页面可查看标题、课程名称、资料分类、教师工号、教师姓名、发布时间、附件等内容，还可进行收藏等操作，如图5-4所示。
图5-4教学资料界面图
教学视频，在教学视频页面可查看标题、课程名称、章节、教师工号、教师姓名、发布时间等内容，还可进行收藏等操作，如图5-5所示。
图5-5进教学视频界面图
5.2学生功能模块
学生通过登录进入系统后台可查看个人中心、作业提交管理、作业批改管理、考试管理等内容，如图5-6所示。
图5-6学生功能界面图
作业提交管理，学生可在作业提交管理页面查看课程名称、作业名称、教师工号、教师姓名、学生学号、学生姓名、提交时间等内容，还可进行删除等操作，如图5-7所示。
图5-7作业提交管理界面图
错题本，学生可在错题本页面查看姓名、在线考试、试题、分值、正确答案、考试答案、试题分析、考试时间等内容，还可进行删除等操作，如图5-8所示。
图5-8错题本界面图
5.3教师功能模块
教师通过登录进入系统可查看个人中心、教学资料管理、教学视频管理、课程作业管理、作业提交管理、作业批改管理、试题管理、在线考试管理、考试管理等内容，如图5-9所示。
图5-9教师功能界图面
课程作业管理，教师可在课程作业管理页面查看课程名称、作业名称、图片、教师工号、教师姓名、发布时间等内容，还可进行添加、修改、查看评论或删除等操作，如图5-10所示。
图5-10课程作业管理界面图
教学资料管理，教师可在教学资料管理页面查看标题、课程名称、资料分类、图片、附件、教师工号、教师姓名、发布时间等内容，还可进行添加、修改、查看评论或删除等操作，如图5-11所示。
图5-11教学资料管理界面图
教学视频管理，教师可在教学视频管理页面查看标题、课程名称、章节、封面、教师工号、教师姓名、教学视频、发布时间等内容，还可进行添加、修改、查看评论或删除等操作，如图5-12所示。
图5-12教学视频管理界面图
