融上教育网站设计
目录
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
二、开发工具 1
（一）环境需求 1
（二）框架介绍 1
1.SPRINGMVC系统框架 1
2.BOOTSTRAP 前端框架 1
3.JSTL JSP标准标签库 2
4.MAVAEN框架 2
三、 数据库设计与实现 2
（一）数据库表的设计描述 2
（二）数据结构 2
四、总体设计 4
（一）系统结构图 4
（二）LOGO设计 5
（三）网站设计 5
1.首页 5
2.二级页面 6
3.三级页面 6
4.四级页面 7
5.登录注册 7
五、网站系统具体实现 8
（一）融上教育首页 8
1.首页设计思路 8
2.总体框架的引入 9
3.大屏实现的主要代码 9
4. java 和 jsp 10
（二）三级页面实现 13
1.设计思路 13
2.页面的主要代码 14
3.三级页面的java 和 jsp 15
（三）四级观看视频页面 16
1.设计思路 16
2.页面的主要代码 17
3.Java 与 jsp实现 18
（四）登录注册功能 19
1.设计思路 20
2. Java 后台登陆注册实现 20
六、总结 22
七、致谢 23
参考文献 24
一、引言
（一）开发背景
随着计算机技术的成熟和互联网的普及，教育已经不仅仅局限于教室和师生之间，互联网产生的在线教育与传统教育相比在线教育突破了空间、时间等限制。使异地师生不仅可以通过互联网进行在线辅导和答疑,还可以实现异地实时互动的教学，学生的学习对象也由传统的课本转换成了文本、图像、视频等媒体文件。本系统网
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
致谢 23
参考文献 24
一、引言
（一）开发背景
随着计算机技术的成熟和互联网的普及，教育已经不仅仅局限于教室和师生之间，互联网产生的在线教育与传统教育相比在线教育突破了空间、时间等限制。使异地师生不仅可以通过互联网进行在线辅导和答疑,还可以实现异地实时互动的教学，学生的学习对象也由传统的课本转换成了文本、图像、视频等媒体文件。本系统网站主要应用于高职院校学生的再升学、考证、技能等在线学习。本网站为学生提供专业在线学习，只要你有时间只要你在看就能学会。
（二）选题意义
本网站主要是针对高职院校学生或已进入社会的工作的学生，提供在线帮助学习，同传统教学不同的是在线教育是“人-机”的间接性的接触。这间接性的交互学习并没有传统上的强制性，而是由学生自主的学习。学生接受知识的速度远远的大于课堂学习，而且教学资源也是丰富多彩能够很大程度上的刺激思维能力，激发学习的兴趣。
（三）设计目标
本系统网站是给学员们一个学习的平台，帮助学员们学习，激发他们的学习兴趣。引导他们学习，加强巩固学习效果只要有时间在看就能抓住重点、难点并且学会学习方法。让学员可以在线学习查看资料。还可以在线做题。
二、开发工具
（一）环境需求
硬件配置: 笔记本标配
软件配置:ECLIPSE
操作系统:WINDOWS 10
客户端测试浏览器:CHROME浏览器
数据库:MYSQL
Web服务器:TOMCAT
软件框架:JDK 1.8软件包、SPRINGMVC 、MYBATIS、SPRING
（二）框架介绍
1.SPRINGMVC系统框架
SPRINGMVC是Spring Frame Word的后续框架。构建了Web应用程序MVC模块，使用MVC可插入架构, Spring MVC 采用分离控制器、对象模型、分派器以及处理程序对象，这种分离让它们更容易进行控制开发。
2.BOOTSTRAP 前端框架
Bootstrap，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT（包括HTML5,CSS3） 的，它简洁灵活，使得 Web 开发更加快捷。
3.JSTL JSP标准标签库
JSTL（JSP Standard Tag Library，JSP标准标签库)是一个开放源代码的JSP标签库。JSTL不仅语法上与面向对象语言相似而且简单易用，所需要的代码没有那JSP自带的JSP标签那么繁重。
4.MAVAEN框架
MAVEN是基于项目对象模型(POM)，是软件项目管理工具。具有的有点:无须单独下载JAR包直接让MAVAEN去管理和下载
三、 数据库设计与实现
（一）数据库表的设计描述
数据库是管理网站的基础条件。一个网站有数据库的存在才越发觉得有价值，而现在进入DT时代，数据的价值更是更上一层楼。数据库结构设计如下:
用户表:用户的账号、密码，包含了管理员的账号密码。
课程类型表:自学考试、技能学习等。
课程表:语文、数学、英语等。
等级表：基础班、加强班、押题班。
章节表：每个课程的上课章节。
新闻表：信息咨询的相关信息。
老师表：存储老师信息和老师的课程。
视频表：存储视频信息。
（二）数据结构
1.用户表：表名：user,保存了用户登陆账号和密码，结构如下表3-2-1。
表3-2-1 用户表
字段名称
类型
宽度
可否未空
约束
含
一、引言 1
（一）开发背景 1
（二）选题意义 1
（三）设计目标 1
二、开发工具 1
（一）环境需求 1
（二）框架介绍 1
1.SPRINGMVC系统框架 1
2.BOOTSTRAP 前端框架 1
3.JSTL JSP标准标签库 2
4.MAVAEN框架 2
三、 数据库设计与实现 2
（一）数据库表的设计描述 2
（二）数据结构 2
四、总体设计 4
（一）系统结构图 4
（二）LOGO设计 5
（三）网站设计 5
1.首页 5
2.二级页面 6
3.三级页面 6
4.四级页面 7
5.登录注册 7
五、网站系统具体实现 8
（一）融上教育首页 8
1.首页设计思路 8
2.总体框架的引入 9
3.大屏实现的主要代码 9
4. java 和 jsp 10
（二）三级页面实现 13
1.设计思路 13
2.页面的主要代码 14
3.三级页面的java 和 jsp 15
（三）四级观看视频页面 16
1.设计思路 16
2.页面的主要代码 17
3.Java 与 jsp实现 18
（四）登录注册功能 19
1.设计思路 20
2. Java 后台登陆注册实现 20
六、总结 22
七、致谢 23
参考文献 24
一、引言
（一）开发背景
随着计算机技术的成熟和互联网的普及，教育已经不仅仅局限于教室和师生之间，互联网产生的在线教育与传统教育相比在线教育突破了空间、时间等限制。使异地师生不仅可以通过互联网进行在线辅导和答疑,还可以实现异地实时互动的教学，学生的学习对象也由传统的课本转换成了文本、图像、视频等媒体文件。本系统网
*好棒文|www.hbsrm.com +Q: ^3^5`1^9`1^6^0`7^2#
致谢 23
参考文献 24
一、引言
（一）开发背景
随着计算机技术的成熟和互联网的普及，教育已经不仅仅局限于教室和师生之间，互联网产生的在线教育与传统教育相比在线教育突破了空间、时间等限制。使异地师生不仅可以通过互联网进行在线辅导和答疑,还可以实现异地实时互动的教学，学生的学习对象也由传统的课本转换成了文本、图像、视频等媒体文件。本系统网站主要应用于高职院校学生的再升学、考证、技能等在线学习。本网站为学生提供专业在线学习，只要你有时间只要你在看就能学会。
（二）选题意义
本网站主要是针对高职院校学生或已进入社会的工作的学生，提供在线帮助学习，同传统教学不同的是在线教育是“人-机”的间接性的接触。这间接性的交互学习并没有传统上的强制性，而是由学生自主的学习。学生接受知识的速度远远的大于课堂学习，而且教学资源也是丰富多彩能够很大程度上的刺激思维能力，激发学习的兴趣。
（三）设计目标
本系统网站是给学员们一个学习的平台，帮助学员们学习，激发他们的学习兴趣。引导他们学习，加强巩固学习效果只要有时间在看就能抓住重点、难点并且学会学习方法。让学员可以在线学习查看资料。还可以在线做题。
二、开发工具
（一）环境需求
硬件配置: 笔记本标配
软件配置:ECLIPSE
操作系统:WINDOWS 10
客户端测试浏览器:CHROME浏览器
数据库:MYSQL
Web服务器:TOMCAT
软件框架:JDK 1.8软件包、SPRINGMVC 、MYBATIS、SPRING
（二）框架介绍
1.SPRINGMVC系统框架
SPRINGMVC是Spring Frame Word的后续框架。构建了Web应用程序MVC模块，使用MVC可插入架构, Spring MVC 采用分离控制器、对象模型、分派器以及处理程序对象，这种分离让它们更容易进行控制开发。
2.BOOTSTRAP 前端框架
Bootstrap，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT（包括HTML5,CSS3） 的，它简洁灵活，使得 Web 开发更加快捷。
3.JSTL JSP标准标签库
JSTL（JSP Standard Tag Library，JSP标准标签库)是一个开放源代码的JSP标签库。JSTL不仅语法上与面向对象语言相似而且简单易用，所需要的代码没有那JSP自带的JSP标签那么繁重。
4.MAVAEN框架
MAVEN是基于项目对象模型(POM)，是软件项目管理工具。具有的有点:无须单独下载JAR包直接让MAVAEN去管理和下载
三、 数据库设计与实现
（一）数据库表的设计描述
数据库是管理网站的基础条件。一个网站有数据库的存在才越发觉得有价值，而现在进入DT时代，数据的价值更是更上一层楼。数据库结构设计如下:
用户表:用户的账号、密码，包含了管理员的账号密码。
课程类型表:自学考试、技能学习等。
课程表:语文、数学、英语等。
等级表：基础班、加强班、押题班。
章节表：每个课程的上课章节。
新闻表：信息咨询的相关信息。
老师表：存储老师信息和老师的课程。
视频表：存储视频信息。
（二）数据结构
1.用户表：表名：user,保存了用户登陆账号和密码，结构如下表3-2-1。
表3-2-1 用户表
字段名称
类型
宽度
可否未空
约束
含
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/jsjkxyjs/2439.html
