微型计算机学习网站的设计与实现.docx
《微型计算机学习网站的设计与实现.docx》由会员分享，可在线阅读，更多相关《微型计算机学习网站的设计与实现.docx（24页珍藏版）》请在冰豆网上搜索。
微型计算机学习网站的设计与实现
微型计算机学习网站的设计与实现
【摘要】本课题作为微型计算机学习网站的设计与实现，所要做到的便是让人们获取知识的方式不仅仅局限于书本，使人们不用在多如牛毛的书籍中痛苦的寻找自己需要的知识，也使得学习过程变得更加的通俗易懂。
本课题包括了网站的相关数据库设计、前台网站的设计与实现、网站后台的设计与实现，也包括对于视频的管理、上传和维护功能。
这里面的前台界面，用户可以通过前台界面进入网站，里面具有网站首页、用户登陆、视频播放等等功能。
网站后台是管理员的界面，是对视频和用户的管理，主要功能有视频的上传、用户的管理功能等等。
本课题主要使用了Java技术、JSP技术、Servlet技术进行的设计。
同时本课题通过对总体的系统、需求分析进行了详细的阐述，完成了对网站前后台详细的设计与实现。
并对本课题设计完成的网站进行了测试。
【关键词】：
在线视频学习网站方便快捷
Microcomputerlearningwebsitedesignandimplementation
【Abstract】Asthedesignandimplementationofthemicro-computerlearningwebsite,whatthissubjectneedstodoistoletpeopleacquireknowledgeinawaythatisnotlimitedtobooks,sothatpeopledonothavetolookforthebookstheywantinthevastnumberofbooks.Onlinelearningcanalsomakelearningeasytounderstand.
Thistopicincludesnotonlythedesignofvideowebsitedatabase,websiteforegroundandwebsitebackground,butalsothecollection,managementandmaintenanceofvideo.Thefrontdeskistheuserinterface,istheuserthroughthefrontdesktoenterthesite,dividedintothehomepage,login,videoplaybackandotherfunctions.Thebackgroundistheadministrator'sinterface,istheadministratorofvideoandusermanagement,themainfunctionofvideoupload,usermanagementfunctionsandsoon.
ThissubjectmainlyusedJavatechnology,JSPtechnology,Servlettechnologyforthedesign..Atthesametime,thissubjectthroughtheoverallsystem,demandanalysiscarriedoutadetailedelaboration,completedthedetaileddesignandimplementationofthewebsitebackground.Andthistopicdesigncompletedthewebsitehascarriedonthetest.
[Keyword]：
OnlineVideoLearningwebsiteconvenientandswift
1.绪论
1.1背景
在现在沉重的生活压力下，从书本中获取知识的形式已经不能满足现代人对于学习的需求了。
在教育模式中，普及式的模式逐渐地朝着人才式模式培养在进行转变，并且提倡的新型的教育模式。
多元化的学习让学习的模式也变得多样化，多元化的评判标准让人们更加注重培养人们的创新能力。
而随着计算机技术的高速发展，互联网上的学习网站可以满足人们对于学习的需求和渴望，互联网相较于传统的学习模式更加的便捷方便，其自主性和自由性比以往的学习方式有过之而无不及，
学习网站的优势：
1、学习系统化
微信计算机学习网站可以收集网络上的信息，这样可以让寻找的时间大大的缩减。
在大量的信息中我们要从中找到我们需要的资料是一件复杂的事情，而在学习网站中，各个学科分类分章节使得学习变得有节奏也更加的便捷。
2、学习可视化
视频是学习网站的重要组成部分之一，视频利用图像和声音的特点把一些复杂生涩的知识传给别人可以有效的提高学习的效率。
3、学习个性化
应试教育不可能满足每个人的需求，学习网站是一个充满个性化的网站，使用者可以凭借个人的需求浏览上面的内容，不再受传统课表的约束，可以适应各行各界的人们进行学习，满足广大求知者的需求。
针对自身发展而进行的选择性学习可以让学习者节省更多的时间。
4、学习互动性
一个人的学习氛围总是枯燥的，在线式的学习是很容易产生各种各样难以凭借个人解决的问题，而网站便可以通过共同讨论，咨询专家等方式让人们的拉近距离，使得问题可以有专业的人进行解决。
可以有效的增加学习进度和激发人们的学习热情。
1.2系统的开发目的及其意义
本课题是进行微型计算机学习网站的设计和实现，最终需要完成一个学习网站的搭建。
本课题在学习了网络上的学习网站后，利用Java、JSP、流媒体等技术采用MVC框架开发而成。
当今互联网是一个相当庞大的资源库，它的存在可以给学习者一中全新的网上图书馆，而且它可视化和个性化的特性使得它的发展可以变成一种学习趋势，更多的人会放弃书本带来的不便利性而选择使用互联网的方式来达到学习的目的，使得学习不再是什么困难的事，不再需要专门找时间找地点翻看书本，让人们在学习的同时可以及时的更新最新的学习资料。
也可以很有效的激发对于学习的乐趣。
1.3国内外研究现状
1.3.1国外研究现状
国外一直重视的人才化教育，与本国的人口基数不同，他们可以给大部分的学生提供个人形式上的学习方式，而且近年来，国外学习网站的发展也是很快的。
在美国，学习网站是由一些学校、企业、国家机关共同建立的。
企业保证了学习网站的时效性，让它保证了随时更新最新的学习资料。
学校为网站提供了专业化指导，丰富了网站的内容，使学习方式变得十分独特，不再单单是独自一人浏览网站学习，而是有组织有目的的参与到学习中。
国家机关确保了学习网站的鲜活性，持续为学习网站注入资金确保了学习网站不至于关闭，使得学习网站具有较强的公益性和互动性。
英国的学习网站包含了过多的资料，学习范围广泛，分类多样化，但是具有很强烈的商业性，使得网站成为了一种变相类似于学校的地方。
1.3.2国内的研究现状
自从我国学习网站这一概念被提出后，我国在学习网站上的发展一直不留余力。
我国的每一个学习网站都有其独特的主题，所以每个学习网站的出发点都有不同，一部分网站成为了学习的交流平台，它主要是帮助学生可以通过网络的方式更加方便联系导师，在平台内解决当下问题。
一部分网站从新型教学模式上出发，提供给学生新式的教学方式，让学生可以从网站中学到不同的思考方式，有强大的教学效益。
有的网站则以实际教学为准，整理了教师自身的经验与学习心得，给予学生进行学习和参考，它相较于其他的学习网站，更类似于网络课堂，给与学生另一个可以学习学校知识的地方。
还有一部分则是侧重于个人兴趣和爱好上的培养，让学生从网站中找到第二课堂，以兴趣爱好为出发点培养学生热爱学习的性格。
因此，我国的学习网站虽然起步比国外慢，但是我国的发展迅速，在数量和内容上领先国外。
而且近几年随着国家越来越重视学习网站的发展，我国的学习网站在发展上已经迈向了专业化的道路。
1.4研究内容
通过研究网上的一些学习网站的模式和相关技术，设计开发出一个利用JAVA、.NET的学习网站，实现这个网站的主要研究内容分为以下几个方面：
1、研究国内外学习网站的发展和现状。
2、研究本课题需要使用的相关技术。
3、研究分析MVC模式。
4、设计一个学习网站的前台模板。
本论文的具体结构如下：
第一章绪论，阐述“微信计算机学习网站的设计和实现”这个课题的背景、选题和国内外现状。
第二章阐述本课题会运用到的技术上面的相关信息。
第三章阐述本课题的需求分析和相关的开发工具及其平台
第四章系统的总体设计。
第五章系统前台和后台的详细设计和实现。
第六章系统的测试和分析结果。
第七章总结。
2.相关技术
2.1Java技术
Java语言是现在流行的编程语言，应为其全面性、安全性、高效性等方面的特点，并且现在Java技术能够广泛的应用在各个领域，各种大型的网站、大型企业、游戏开发和网络通信等领域都能找到大量Java语言的立足之地，故而这种语言收到了人们的大力支持。
使用Java语言进行编程的时候，它有着明显的比C++方便的地方，它可以让编程的过程变得更加的简单便捷，Java让程序员不再为了其他的东西而担忧。
Java语言是可以更加主动的适应环境的变化，可以让人们在运行程序的时候时刻进行检查。
2.2JSP技术
Java服务器页面，也就是JavaServerPages，也称为JSP。
这是基于Java技术，其根本是一个简化的Servlet设计，它实在传统的页面HTML文件中插入Java程序段，从而形成的JSP文件。
用JSP开发的Web应用是跨平台的，既能在Linux下运行，也能在其他的操作系统上运行。
[1]
JSP可以让HTML的应用更加的灵活多样性，支持浏览器直接打开，是一种静态化的网页处理技术，对数据的处理能力较差，一般泛用在观赏性的网页。
JSP也可以处理动态的网页，操作简便快捷，对各个不同的平台都有较强的兼容性，可以让网页在JSP的辅助下变得更加的具有实用性。
现在JSP已经成为了服务器上的主要设计语言
综上所述，JSP是一个十分具有优势的技术，具有很强大的模块性，不用频繁的更改设计。
而且具有不错的兼容性，可以和各种不同的平台上运行。
并且有很多的开发工具，可以更加方便使用者的操作。
2.3Servlet技术
Servlet的最主要的优势就是可以查看、可以修改相应的数据，这样具有交互式的方式可以使网页从原本的静态网页变成动态的网页。
Servlet的运行经常会伴随着服务器使用Java技术，采用Java语言进行编程，可以使得运算变得更加快速，可以进行数据上的交互，使得操作进程变得更加清晰明了。
最早支持Servlet技术的使JavaWebServer。
此后，一些其他的基于Java的WebServer开始支持它。
Servlet作为主要交互式的浏览和修改数据[2]，生成动态的Web之一功能它的操作过程是从客户端发送信息至服务器，再从服务器发送信息至Servlet，再从Servlet响应动态生成反馈给服务器，服务器最后在将响应返回给客户端。
2.4流媒体技术
流媒体技术相当于现在网络上的视频网络播放功能的一种，这种可以进行实时的网络播放媒体技术可以有效的传播视频或是其他的多媒体文件。
它可以将多媒体文件进行一个压缩处理后存储在网络上，当有人需要用的时候就可以在网络上缓存功能，将多媒体文件播放出来。
就目前而言，流媒体技术还有相当大的上升空间，相较于其他的技术而言，流媒体技术会成为网络媒体技术的主流技术。
2.5MVC模式
MVC模式的全程式ModelViewControlle，M是指业务模型，V是指用户界面，C则是指控制器，使用MVC模式可以让过程变得更加简便。
其中的业务模型也是指Model层，是这个模式的逻辑核心和程序核心，一般情况下，Model层负责处理数据的核心程序逻辑部分。
视图层式应用程序中处理数据显示的部分，也称为View模型，通常视图是依据模型数据创建的，是一个交互层，采用的是JSP技术实现的。
控制层也称为Control层，控制层是用户通过操作可以与程序产生交互的地方，当人们利用控制层，也就是Control层的时候，可以从视图层读取相关的数据，然后做出相关的反应。
MVC模型的优点有：
1、重用性高
使用MVC的模型的时候，可以用多样的技术方式来对相同的模型进行处理。
采用了不同的视图或者是不同的界面对模型返回的数据可以根据需要自由的定义。
数据模型可以被不同的页面的相同的一个构件进行反馈，可以让使用者用不同的技术进行操作。
生命周期成本低
MVC的模式会让开发者维护的成本降低。
2、可维护性高
分离的业务层和视图层更易于修改和维护应用。
[3]
3、可管理性强
由于各个层各司其职，每一个层不同的应用具有某些相同的特性，可以使控制器来联接不同的模型和视图去完成用户的需求。
2.6本章小结
本章是本课题技术的相关介绍，包括了Java技术、JSP技术、Servlet技术、流媒体技术和MVC技术，上述技术都与本课题有密切联系。
3.系统的需求分析和可行性研究
3.1总体需求
本课题是微型计算机学习网站的搭建，这个网站得能方便的实现对视频的管理：
视频的录入、视频的修改、视频的查询等功能。
对用户而言，视频的播放、视频的查询和视频的信息是相当重要的功能；而对管理员而言，必须通过后台系统来实现对网站的管理功能，包括但不限于管理视频、增加视频、删除视频等功能的实现。
3.2网站前台的需求分析
网站的前台只要分为两种身份的登陆：
管理员登陆和用户登陆。
管理员登陆的作用就是管理视频的上传和分类等信息，可以修改和删除记载的视频信息和视频内容。
1、主页：
显示视频的分类以及分类下的各类视频信息，给人直观的感受。
2、登录：
输入正确的用户和密码可以实现不同种类的登录。
3、搜索：
可以通过关键字或者完整的视频内容找出含有此关键字的视频的信息。
4、分类：
将视频根据视频的内容和介绍进行一个初步的分类。
5、视频信息：
包含了当前视频的所有内容信息的页面。
6、播放：
实现视频的播放功能。
7、上传或下载：
可以上传或下载选择的视频。
普通用户的登录就不会跳转到管理员界面。
3.3网站后台需求分析
关于网站的后台管理，主要是由用户对网站的视频数据以及视频进行管理。
用户通过前台登录界面登陆后，才能进入后台的页面进入自己的管理页面对自己的视频数据或是视频进行浏览、添加、删除、修改。
视频的管理分门别类的存放在特定的地方，这些地方可以分类的存放不同类型的视频，这个管理可以很直观的查看不同类型的视频，可以对视频进行修改或者删除操作。
如果视频太多不好寻找，也可以通过视频的查询功能，根据视频的名称或者特定的字符检索自己想要寻找的视频。
可以通过视频的上传模块上传视频，可以给上传的视频自己自定义视频的名称。
通过查询功能可以快速的查找自己想要的视频的同时还会显示视频的相关数据，也可以对查找到的视频进行修改或是删除操作。
视频管理模块一共可以区分为3个，分别是视频的分类管理，视频管理，视频的增删查改管理。
视频的分类管理里主要是创建视频的分类，对视频进行分门别类的储存管理，可以更加有效明了的知道视频的类别和种类。
视频的增删查改模块只要是让管理者可以上传视频，删除视频，查找视频以及修改视频。
可以在增加视频的时候直接输入视频的信息，视频的名称，选择视频的类别等等行为，在视频的上传的时候就对视频进行初步的管理。
视频的管理模块里，可以查看所有类别的所有视频的基本数据，可以查看视频的信息，类别等等。
也可以对不符合规定的视频进行删除或是修改操作。
后台视频模块是一个必须的模块，这个视频模块可以查看所有的视频，可以通过关键字字符段查找视频并且对不符合规定的视频进行删除操作。
3.4开发工具和平台
开发平台：
Window7、8、10；
开发工具：
eclipse
开发环境：
JavaJDK1.7
数据库：
MySQL5.7
浏览器：
IE浏览器，GoogleChrome浏览器
3.5本章小结
本章主要是介绍了研究课题的相关需求分析。
包括了对项目总体的分析和网站前台和后台的需求分析。
还介绍了需要用到的部分开发工具和平台。
明确了项目的主要目标，为后续的进一步设计做了铺垫。
4.系统总体设计
4.1系统设计原则
本课题是微型计算机学习网站的设计与实现。
本课题包含了大量的复杂的功能与信息，对于这样的课题应该具有以下几点特征：
1、实用性
这样的课题需要满足大部分人的需求，针对不同的群体应该有不同的内容提供浏览。
2、可维护性
本课题的代码尽量通俗易懂，让别人也可以轻松的读懂代买的含义。
3、可扩展性
本课题可以在原有的基础上进行扩展，可以增加各种不同的内容。
需要考虑到以后的版本升级之类的问题。
4.2系统框架
本课题是微型计算机学习网站的总体设计框架，包含了前、后台系统和数据库的设计框图如4-1所示：
4-1总体设计框图
4.3数据库的分析与设计
.3.1数据库的概念结构设计
数据库上的设计一方面要弄清楚E-R图和其他表与图之间的关系，这是数据库逻辑设计必不可少的一部分；物理数据库在设计上是所有数据类型的汇总，它包含了所有数据类型的统计。
.3.2E-R图
对于任何一个系统而言，数据库的存在都是必不可少的一部分，所以本课题根据需要分别画出了以下几个E-R图：
1、会员用户信息图：
图4-2会员用户信息图
2、管理员信息图：
图4-3管理员信息图
3、视频信息图：
图4-4视频信息图
4.4数据字典
本课题含有的所有数据类型汇总和不同数据类型的描述，本课题含有的所有数据表汇总如下
1、用户注册数据表为下表4-1
表4-1用户注册数据表
列名
数据类型
是否为空
主键
说明
UserID
Int
否
主键
用户编号
UserName
Nvarchar（50）
否
唯一
用户账户
UserNum
Nvarchar（50）
否
用户密码
UserPhone
int
否
用户手机号
UserEmail
Nvarchar（50）
否
唯一
用户邮箱号
Userdate
Nvarchar（20）
否
用户注册时间
2、管理员数据表为下表4-2
表4-2管理员数据表
列名
数据类型
是否为空
主键
说明
UserID
Int
否
主键
管理员编号
UserName
Nvarchar（50）
否
唯一
管理员账户
UserNum
Nvarchar（50）
否
管理员密码
UserEmail
Nvarchar（50）
否
唯一
管理员邮箱
3、
视频信息数据表为下表4-3
表4-3视频信息表
列名
数据类型
是否为空
主键
说明
Video_ID
Int
否
主键
视频编号
Video_Name
Nvarchar（50）
否
唯一
视频名称
Video_Typeid
Int
否
视频类型编号
Video_Path
Nvarchar（50）
否
视频路径
Video_Size
Int
否
视频大小
Image_Path
Nvarchar（50）
否
图片路径
Video_Desc
nvarchar（50）
否
视频描述
Video_Upname
Nvarchar（50）
否
上传人员
4.5本章小结
本章为系统的总体设计章节，其中包含了系统的总体系统框架和数据库的逻辑设计几个方面的工作。
5.系统详细设计与实现
5.1程序流程图
由于本项目并不是特别的完善，所以含有的程序不是特别丰富，以下图5-1则是本程序的流程图：
图5-1程序总流程图
5.2网站功能概述
前台作为用户界面，会员用户是通过前台进入网站的，主要通过首页、登陆、视频播放等功能；后台是管理员的使用界面，它是让管理员可以通过相关的操作进行视频的管理、用户的管理等相关的操作，它包含了视频的上传、视频的删除、视频的修改或者会员用户的修改和删除等相关的操作。
5.3前台功能设计
5.3.1.登录功能设计与实现
1、当用户输入完账户和密码后，该结果提交到Servlet，然后在调用数据访问层，再从数据库中找到相匹配的数据，最后将相应的结果返回到Servlet，如果该账户密码存在，则登录成功，如果该账户密码不存在则提示失败。
2、流程图5-2：
登录流程图5-2
界面截图5-3：
登录截图5-3
5.3.2.首页功能设计与实现
1、用户在输入网址后，首先看到的就是网站的首页面。
首页的主要功能就是登录、注册和浏览视频等操作。
这个首页设计的目的主要是让界面变得简单易懂，更易于操作。
2、界面截图5-4：
图5-4首页截图
5.3.3.视频播放功能的设计与实现
用户在首页可以查看到相关视频的图片，点击图片后会跳转到视频的播放页面，系统会从数据库中读取该视频的相关信息，然后播放给客户观看。
播放功能流程图5-5：
播放功能流程图5-5
1、界面截图5-6：
播放功能图5-6
5.4后台功能设计与实现
5.4.1视频上传功能的设计与实现
管理员可以通过需要上传视频和相应的图片，然后选择上传视频的相对应的类型和相关的信息，然后点击上传完成操作。
这样相当于将视频的相关参数传入数据库中。
上传流程图5-7：
上传流程图5-7
1、界面截图5-8
视频上传功能图5-8
5.4.2
视频查询功能的设计与实现
管理员可以根据视频的名称或是相关的视频信息可以查出其符合相关条件的视频。
输入条件后点击查询功能，在查询功能中，会将查询结果放到List集合中然后返回Servlet。
视频查询功能流程图5-9：
查询功能流程图5-9
界面截图5-10
图5-10查询功能
5.4.3
用户管理功能
管理员可以查看已注册的会员用户信息，在管理会员用户的时候，管理员可以根据需要查阅、修改或是删除该用户的信息。
用户管理流程图5-11：
用户管理功能流程图5-11
界面截图5-12
图5-12会员管理界面
5.4.4视频管理功能
管理员可以查看已经上传的视频信息，在管理视频的时候，管理员可以根据查询功能查找相应的视频信息，然后数据库会给出反馈在页面中显示相关的视频，管理员可以根据需要查阅、浏览、删除或是修改视频的相关信息或是相关内容。
视频管理流程图5-13：
视频管理5-13
1、界面截图5-14
图5-14视频管理界面
5.5本章小结
本章作为系统的前、后台的详细设计与实现，主要包含了网站的前台功能的介绍与实现和后台功能的介绍和实现。
6.系统测试
6.1系统测试目标
系统测试是对已成的平台做测试和确认用的，以此来检验系统是否能满足设计的需求，如果有不符合的地方，可以进行相应的改动。
通过系统测试这个行为，可以使得系统更加的完善可靠。
6.2测试设计
本课题系统要用到的测试环境如下：
1、应用的软件：
Flash视频软件系统的软件安装。
2、操作系统：
采用Linux操作系统。
3、数据库：
采用SQL开源数据库，可以支持大量的记录，现在大多数网络服务器都普遍采用，有很高的实用性，足以满足本系统的需求。
本课题用到的是黑盒测试的方法。
[4]所谓的黑盒测
升级会员 