中国石油大学软件工程课程设计 在线视频网站设计

在线视频网站设计

课程名称：软件工程课程设计

姓名：某XX 学号：0153247

专业：计算机科学与技术

批次：2018年春

层

学习中心：昌平直属学习中心

2019年12月4日

第一章软件系统需求分析

1.1需求分析

1.1.1功能性需求分析

开发在线视频系统的目的是为提供一个供用户在线自主选择性观看视频节目的平台，为广大观众提供交流观后感、分享视频资源。因此，在线视频系统最基本的功能首先是用户在线视频观看，其次是视频上传以及其他功能等。另外，为了保证论在线视频的整齐性和规章性，用户信息安全性系统还专门提供用户注册和登录的功能。只有注册的用户登录后才能够在线观看影片和上传视频，没有注册的游客只能够浏览主题的电影信息。

根据用户的需求及以上的简单分析，在线视频需要具备前台功能和后台功能：

(1)系统前台功能：

未注册用户：1.新用户注册 2.浏览主页 3.搜索电影

已注册用户：1.用户登陆 2.资料修改 3.上传视频 4.找回密码（用户忘记密码）5.观看电影 6.搜索视频 7.用户注销（退出）

(2)系统后台功能：

管理员：

1.管理员资料管理：管理员信息

2.用户信息管理：会员信息浏览、删除；

3.视频管理（已审核视频，未审核视频，删除视频）

4.安全退出

1.1.2非功能性需求

（1）时间特性要求：该软件要求加载页面时间不超过30秒，上传下载速度不少于10kb/s；

（2）灵活性：要求用户输入简洁，操作方便；

（3）输入输出要求：1.用户名称不超过20个字符；

2.每次信息不超过500个字符；

（4）数据管理能力要求：必须做到用户同时在线超过万级的规模；

（5）故障处理要求：服务器出现故障，要求需要备份主机，在一分钟之内可以切换。

1.2可行性分析

可行性分析是基于在系统调查，是否为新系统开发的必要性和可能性，对新系统的研究和发展的分析，从技术，经济，和社会方面，为了避免投资失误，保证新系统

的开发价值。可行性分析的目的在于用最小的投入在最短的时间内保证问题是否可以解决。

1.2.1技术可行性

技术可行性分析主要分析技术条件是否能够进行开发，硬件、软件条件是否达到研发组的需求等。

本在线视频系统运用了JSP语言运用现在最火的Browser/Server（浏览器/服务器）模式进行开发。B/S体系结构比原来的Client/Server（客户机/服务器）体系结构弥补了很多缺点，并且还紧密的结合了互联网技术，这都是互联网技术成长的巨大趋势。数据库服务器选用微软公司的MySQL数据库，它不仅能够处理大量数据而且还能够保证数据的完整性，并且提供了很多高级功能，MySQL数据库的灵活性、安全性和易用性为数据库编程创造了优越的条件。那么本系统的软件开发平台条件已基本可行。硬件方面，按照如今计算机发展的速度，硬件发展的速度会更快，信息容量更大，可靠性更高，价格更低，其硬件平台足以满足此系统开发的各种的需要。

1.2.2经济可行性

经济可行性主要评价项目的经济效益，本在线视频系统模拟的是提供在线视频观看的网络平台，为观众们提供更多的选择。但实际只是用于个人的设计，以模拟为主，不存在过大的资金的流动，所以在经济上是可行的。

1.2.3社会可行性

随着网络技术、互联网技术的快速发展，在线视频已成为人们在线观看视频节目、分享视频资源的主要方式和不可缺少的工具。在视频网上，人们可以对某一视频的看点问题进行评论探讨，视频网上的其用户可以根据自己的喜好上传视频。在线视频系统方便了广大观众选择自己喜欢的视频节目，它早已成为人们网上生活的必备工具。所以在线视频当今社会的发展是比较重要的，对人们进行信息的传递也是不可或缺的。

1.3系统结构设计与功能分析

1.3.1系统结构设计

本文是基于Browser/Server模式的一种JSP结合Java的在线视频的设计与实现，主要功能是达到客户端和客户端通过服务器的动态交互。人们通过浏览器就可以访问各种需要的视频主页，并且保证服务器的安全。数据库采用易用、功能强大的的MySQL 数据库。该视频网功能较齐，除了拥有一般视频网的功能之外还加入了一些独特的功

能，如广告宣传处理、强大的搜索、封账号功能等。本网站是依据网站项目开发的程序进行，关于网站开发的可行性分析、需求分析、详细设计、数据库详细设计以及对网站的测试都有具体的论述和实现过程。

1.3.2前台功能设计

已注册用户：1.用户登陆 2.资料修改 3.上传视频

4.找回密码（用户忘记密码）

5.观看电影

6.视频评分

7.搜索视频 8 .用户注销（退出）

前台功能结构图如图1-1所示

图1-1 在线视频前台功能结构

1.4后台功能设计

系统管理员需要登录：

1.管理员资料管理：管理员信息

2.用户信息管理：会员信息浏览、删除；

3.视频管理

4.宣传管理：宣传位管理（宣传广告）

后台功能结构图如图1-2所示

图1-2 在线视频后台功能结构

1.4.1系统用途介绍

在线视频这类后台数据库管理类型，具有数据流量非常大的数据处理任务，而且还要达到使用方便、操作灵活的操作理念。本在线视频系统在设计时对用户使用达到如下几个目标：

1．选用人机对话的操作方式，操作界面美观友好，信息查看灵活、快速、准确，直观、方便、并且数据存储安全。

2．全面展示系统内所有分类的视频，并进行分页显示机制。

3．为用户提供一个方便、快捷的主题信息查看功能。

4．实现在线上传视频功能。

5．拥有登录模块，保证用户信息安全和整个网站的规范执行。

6．用户随时都可以查看自己上传的视频。

7．对用户输入的数据，系统进行较为完善的检验，尽可能排除普遍的人为的错误。

8. 对于上传非法视频胡乱散播非法言论等用户采取封号警告处理。

9．系统运行稳定安全可靠。

1.5开发语言介绍

1.5.1 Java编程语言介绍

本在线视频系统开发运用的核心编程语言就是java语言，java是一种可以编写跨平台应用软件面向对象的程序设计语言，是由Sun Microsystems公司于1995年5月推出的Java程序设计语言和Java平台（即JavaSE, JavaEE, JavaME）的总称。Java 技术具有卓越的通用性、高效性、平台移植性和安全性，广泛应用于个人PC、数据中心、游戏控制台、科学超级计算机、移动电话和互联网，同时拥有全球最大的开发者专业社群。Java更具备了显著优势和广阔前景。

Java语言的主要特性：

（1）Java语言是简单的。Java语言的语法与C语言和C++语言很接近，Java丢弃了C++ 中很少使用的、很难理解的、令人迷惑的那些特性，特别地，Java语言不使用指针，并提供了自动的废料收集。

（2）Java语言是一个面向对象的。Java编程语言能够实现动态绑定，而C++ 编程语言只能实现虚函数的动态绑定。

（3）Java语言是分布式的。Java语言支持Internet所有应用的开发，是由Java 中网络编程接口https://www.360docs.net/doc/b514765418.html,提供。

（4）Java语言是健壮的。Java的强类型机制、异常处理、垃圾自动回收，放弃

指针等是Java程序健壮性的关键。

（5）Java语言是安全的。因为Java提供了一个安全机制为了防止恶意代码的攻击，所有他经常用于网络环境中。

（6）Java语言是体系结构中立的。它可以在实现这个Java平台的任何系统中运行。

（7）Java语言是可移植的。因为Java虚拟机的存在，所有Java程序可以运行在所有可以安装虚拟机的环境中。

（8）Java语言是解释型的。在运行时，Java平台中的Java解释器对java字节码进行解释执行，执行过程中需要的类在联接阶段被载入到运行环境中。

（9）Java是高性能的。与那些解释型的高级脚本语言相比，Java的确是高性能的。

（10） Java语言是多线程的。

（11）Java语言是动态的。Java语言的设计目标之一是适应于动态变化的环境。

1.5.2 HTML和CSS网页编程语言介绍

（1）html语言的介绍：

超文本标记语言，即HTML（Hypertext Markup Language），是用于描述网页文档的一种标记语言。在WWW上的一个超媒体文档称之为一个页面（page）。作为一个组织或个人在万维网上放置开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。Html的主要特点如下：简易性、可扩展性、平台无关性。

（2）CSS的介绍：

CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS目前最新版本为CSS3,能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。

1.5.3 JavaScript编程语言介绍

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于

客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态动能,为用户提供更流畅美观的浏览效果。通常JavaScript 脚本是通过嵌入在HTML中来实现自身的功能的。

1. 是一种解释性脚本语言（代码不进行预编译）。

2. 主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

3. 可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

4. 跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

1.6系统流程图

1.6.1系统功能模块图

主要功能包含注册、登录/注销、修改个人资料、上传、播放、评分、搜索、找回密码、用户信息管理、视频管理、宣传管理等功能。

图1-3 系统功能模块

1.6.2用户功能模块描述

视频播放如图1-4所示

视频播放功能分为是否需要积分和是否需要付费播放功能，如果需要积分或者付费必须要有几分或者付费才能播放。

图1-4 视频上传

1.7管理员功能模块描述

(1)视频管理如图1-5所示

管理员视频管理功能是通过选择视频类型，显示未审核视频和显示已审核视频列表，通过搜索功能显示视频资料以及删除视频。

图1-5 视频管理

1.8 系统开发工具和运行环境

(1)开发环境

●操作系统：Windows 10

●计算机硬件： i5CPU、8G内存、2G显存、 256GbSSD

●开发语言：java编程语言

●网页设计器：Notepad++

●软件编译器：MyEclipse 2016以上均可

●Web服务器：Tomcat 8.0以上均可

●Java开发包：JDK 1.7以上均可

●数据库：MySQL 5.5以上均可

●浏览器：Chrome、Firefox、Safari、Edge均可

●分辨率：最佳效果为1440×900像素

（2）运行环境

服务器端：

●操作系统：Microsoft Server 2012

●Web服务器：Tomcat 8.0

●数据库：MySQL5.5

●浏览器：Edge以上均可

●分辨率：最佳效果为1440×900像素

客户端：

●浏览器：Chrome、Firefox、Safari、Edge等

●分辨率：最佳效果为1440×900像素

1.9 MySQL数据库介绍

MySQL是一个关系型数据库管理系统，由瑞典MySQL AB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 WEB 应用方面，MySQL 是最好的 RDBMS (Relational Database Management System，关系数据库管理系统) 应用软件之一。

MySQL是一种关系数据库管理系统，关系数据库将数据保存在不同的表中，而不是将所有数据放在一个大仓库内，这样就增加了速度并提高了灵活性。

MySQL所使用的 SQL 语言是用于访问数据库的最常用标准化语言。MySQL 软件采用了双授权政策，分为社区版和商业版，由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，一般中小型网站的开发都选择 MySQL 作为网站数据库。

第二章数据库设计

2.1 系统逻辑结构设计

用户表：

用户Id，用户名，密码，昵称，性别，手机号，用户积分，头像地址，真实姓名，身份证，邮箱，密保问题，密保答案，状态，权限，备注

视频表：

视频Id，用户Id，板块Id，视频标题，昵称，视频地址，视频封面地址，视频简介，视频积分，上传时间，播放次数，评分，视频状态，备注

播放列表：

播放Id，视频Id，用户Id，播放时间

板块表：

板块Id，板块名，所属主题，备注

2.2 系统物理结构设计

按照硬件配置和数据库系统，对数据库系统的物理存储结构设计，预计数据库的大小，增长速度，各主要表的访问频度。确定数据文件的名称，日志文件的名称。数据文件和日志文件的物理存放位置，如果有多个存储设备，需要规划数据文件的组织方式。

系在一般的系统内存分配，数据库，系统会自动维护系统的内存，但有时为了一些性能问题，可根据需要配置数据库的存储管理进行配置。

2.3表设计

根据数据库的设计，进一步细化为数据库表的设计。

TableName(表名的解释)

Users用户表

Video视频表

Playlist播放列表

Board板块表

2.4用户表解析表设计

用户表：

用户Id，用户名，密码，昵称，性别，手机号，用户积分，头像地址，真实姓名，身份证，邮箱，密保问题，密保答案，状态，权限，备注

表2-1所示

2.5视频表解析

视频表：

视频Id，用户Id，板块Id，视频标题，昵称，视频地址，视频封面地址，视频简介，视频积分，上传时间，播放次数，评分，视频状态，备注

表2-2所示

2.6播放列表解析

播放列表：

播放Id，视频Id，用户Id，播放时间

表2-3所示

2.7表之间的关联设计 2.7.1概念模型

概念模型如图2-1所示

Relationship_5

Relationship_6Users

uID username password nickname gender phone uScore headURL realName idCard email question answer uState permission remark Integer Variable characters (20)Variable characters (20)Variable characters (20)Variable characters (1)Variable characters (12)Integer Variable characters (20)

Variable characters (20)Variable characters (18)Variable characters (20)Variable characters (20)Variable characters (20)Integer Integer Variable characters (100)

usersuID ...

Video

vID vTitle nickname vURL vCover vPresentation vScore uploadtime pCount grade vState remark Integer Variable characters (20)Variable characters (20)Variable characters (20)Variable characters (200)Integer Date Integer Money Integer Variable characters (100)

videovID ...

Comment

cID cContent nickname cDate Integer Variable characters (500)Variable characters (20)Date commentcID ...

Playlist

pID pDate Integer Date playlistpID ...

Board

bID bName bTheme remark Integer Variable characters (10)Variable characters (10)Variable characters (100)boardbID ...

图2-1 概念模型

2.7.2物理模型

物理模型如图2-2所示

图2-2 物理模型

Users

uID

username password nickname gender phone uScore headURL realName idCard email question answer uState permission remark ...

int varchar(20)varchar(20)varchar(20)varchar(1)varchar(12)int

varchar(20)varchar(20)varchar(18)varchar(20)varchar(20)varchar(20)int int

varchar(100)

Video

vID bID uID vTitle nickname vURL vCover

vPresentation vScore uploadtime pCount grade vState remark ...

int int int varchar(20)varchar(20)varchar(20)varchar(200)int

datetime int money int

varchar(100)

Comment

cID vID uID

cContent nickname cDate ...

int int int varchar(500)varchar(20)datetime

Playlist

pID vID uID pDate ...

int int int datetime

Board

bID bName bTheme remark ...

int varchar(10)varchar(10)varchar(100)

第三章系统的详细设计与实现

3.1 系统界面设计

在线视频给人直观感受，能够加深浏览者的印象，并且吸引他们的眼球。

页面的设计和制作就是用Notepad++软件进行，用html语言搭好基本的框架，然后用CSS完成页面的美工效果。当然，在网页上加入图片也是一个重要的方法，无论是动态图片还是静态绚烂的图片都能使页面做的引人入胜，散发出魅力。

无论使用何种方法对画面中的元素进行搭配，有以下几个基本原则: 第一．统一设计作品的整体效果是很重要的，不可分离的部分，不然会使画面呈现出一种复杂混乱的效果。

第二.联系，主要指页面和页面之间的关系。设计中应该运用各组成部分在内容上的相互呼应，并注意整个页面与局部页面设计风格的一致性，以便实现视觉上的连贯效果，使整个页面和每个部分组合极为融洽，浑然天成，无缝连接。

第三.板块，将页面分成若干板块，各板块之间在视觉上又有不同，这样可以使观者不至于看的视觉疲惫。在信息量很多时，就要注意到将画面切割成有效的成分。分割不光是表现形式的需求，分割更被看做对于页面内容的一种分类。

第四.协调，是指整个页面符合美观的法则，使页面有艺术感，使设计更加富有生气。如果一件视图设计只是色彩、图形、线条等的随意混合，不讲求搭配的美感，那么最后给人呈现的不但没有“生命感”，而且也连基本需要传达给用户的信息也无法实现。融洽不光要看整体结构形式，还要要看成品构成的视觉效果是否与用户进行一种互交，满足用户的视觉感受，改进用户体验，与之形成一种沟通，让用户乏而不累，乐在其中。

在功能上，我主要提到分页处理机制，分页处理可以改善用户视觉体验。

以下是几个主要的界面截图：

(1)主界面如图3-1所示

图3-1 主界面(3) 注册界面如图3-2所示

图3-2注册页面所示(4) 视频播放界面如图3-3所示

图3-3视频播放界面

3.2前台设计

3.2.1 游客浏览

普通游客浏览就是既不是本网站的注册会员，又不是本网站的管理员的其他“游客”前来访问则可以随意浏览本网站内的任何主题和主题内的视频，还可以搜索相关内容的视频。这里的“游客”称作普通用户，他没有上传视频，观看视频的权限，也就是说除了基本的浏览之外没有任何可使用的共能。

3.2.2用户登录模块

用户可以经过此模块对网站登陆,登陆之后就能够使用所有的功能,比如上传视频，观看视频等等。

登录部分设计原理：会员登录过程就是用户将登录的信息，主要是登录账号和密码，从前台提交至后台的处理类（逻辑层），后台得到前台的数据后，将其作为参数并入sql语句被jdbc的Statement类的execute（）函数执行在数据库中查询，将查询的结果由ResultSet类的对象传送至处理类，若查询结果和用户输入的数据匹配那么说明用户输入正确，用户进入会用版面，如果错误系统给予提示，然后返回登录页面等待用户下一步操作。

用户登陆界面如图3-4所示

图3-4用户登录界面

注意事项：登录时提交时数据的格式校验（用Javascript实现）

核心代码举例（登录验证函数）：

public int login(String name, String pwd) {

Connection con = DBtools.openConnection();

String sql = "select * from users where username=? and password=? and permission=2 ";

PreparedStatement ps;

try {

ps = con.prepareStatement(sql);

ps.setString(1, name);

ps.setString(2, pwd);

ResultSet rs = ps.executeQuery();

if (rs.next()) {

return 1;

} else {

return 0;

}

} catch (SQLException e) {

e.printStackTrace();

return -1;

}

}