计算机毕业设计原创定制(免费送源码):NodeJS+MVVM+MySQL 樱花在线视频网站
目 录
摘要 1
1 绪论 1
1.1研究背景 1
1.2系统设计思想 1
1.3B/S体系工作原理 1
1.4node.js主要功能 2
1.5论文结构与章节安排 3
2 樱花在线视频网站分析 4
2.1 可行性分析 4
2.2 系统流程分析 4
2.2.1数据增加流程 5
2.3.2数据修改流程 5
2.3.3数据删除流程 5
2.3 系统功能分析 5
2.3.1 功能性分析 6
2.3.2 非功能性分析 6
2.4 系统用例分析 7
2.5本章小结 7
3 樱花在线视频网站总体设计 8
3.1 系统架构设计 8
3.2 系统功能模块设计 8
3.2.1整体功能模块设计 9
3.2.2用户模块设计 9
3.2.3评论管理模块设计 10
3.3 数据库设计 10
3.3.1 数据库概念结构设计 10
3.3.2 数据库逻辑结构设计 16
3.4本章小结 19
4 樱花在线视频网站详细设计与实现 20
4.1用户功能模块 20
4.1.1 前台首页界面 20
4.1.2 用户登录界面 20
4.1.3用户注册界面 23
4.1.4站内公告界面 25
4.1.5 个人账户界面 26
4.1.6 视频资讯界面 27
4.1.7 热门视频详情界面 27
4.2管理员功能模块 28
4.2.1 人员管理界面 28
4.2.2 人员管理界面 29
4.2.3 网站管理界面 30
4.2.4 内容管理界面 32
4.2.5 模块管理界面 32
5系统测试 36
5.1系统测试的目的 36
5.2 系统测试用例 36
5.3 系统测试结果 37
结论 38
参考文献 39
致 谢 40
科技进步的飞速发展引起人们日常生活的巨大变化,电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流,人类发展的历史正进入一个新时代。在现实运用中,应用软件的工作规则和开发步骤,采用NodeJS技术建设樱花在线视频网站。
本设计主要实现集人性化、高效率、便捷等优点于一身的樱花在线视频网站,完成网站管理、人员管理、内容管理、分类信息、热门视频、影视中心等功能模块。系统通过浏览器与服务器进行通信,实现数据的交互与变更。本系统通过科学的管理方式、便捷的服务提高了工作效率,减少了数据存储上的错误和遗漏。樱花在线视频网站使用NodeJS语言,采用基于MVVM模式的搜koa技术进行开发,使用 Code/HbuildX编译器编写,数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介,配合NodeJS 技术完成系统的开发。
关键词:樱花在线视频网站;NodeJS;MYSQL
The rapid development of science and technology has caused great changes in people's daily life. The rapid development of electronic information technology has made the application level of electronic information technology in all fields popular and applied. The arrival of the information age has become an irresistible fashion trend, and the history of human development is entering a new era. In practical application, the working rules and development steps of the application software are to use NodeJS technology to build the Sakura online video website.
This design mainly realizes the Sakura online video website which integrates the advantages of humanization, efficiency and convenience, and completes the functional modules of website management, personnel management, content management, classified information, popular videos, film and television center, etc. The system communicates with the server through the browser to realize data interaction and change. The system improves work efficiency and reduces errors and omissions in data storage through scientific management and convenient services. Sakura online video website uses NodeJS language, uses Sokoa technology based on MVVM mode to develop, uses Code/HbuildX compiler to compile, and mainly uses Microsoft's MySQL relational database as data storage medium for data, and cooperates with NodeJS technology to complete system development
Keywords: Sakura online video website; NodeJS; MYSQ
1.1研究背景
随着以互联网为龙头的信息产业的快速发展,社会的各个领域正发生着一场深刻的变革。而这样的信息网也以涌进了我国的千家万户,并随着网络信息的不断完善下在线影视以其变更了传统的影视观看方式,不受任何限制、可以足不出户等优点越来越受广阔用户的宠爱和重视。
1.2系统设计思想
一个樱花在线视频网站,必需有一个正确的设计思想,通过合理选择数据结构、网络结构、操作系统以及开发环境,构成一个完善的网络体系结构,才能充分发挥计算机信息管理的优势。本系统的设计依据下述原则进行。
(1)好用性:系统以用户需求为目标,以便利用户为原则。依据一般用户的实际状况,度身制作先进的樱花在线视频网站,用户无需任何阅历就可便利观看节目。
(2)先进性:本设计采纳先进的node.js作为页面技术,为用户供应高性能的系统。系统将运用先进的B/S模式,采纳MySQL数据库,可以便利任一用户的须要。
(3)高牢靠性:一个好用的系统同时必需是牢靠的,本设计通过合理而先进的网络设计可保证系统的牢靠性与容错性。
(4)高平安性:在设计中,将充分利用网络软、硬件供应的各种平安措施,既可以保证共享资源,同时也可保证关键数据的平安性。
(5)采纳标准技术:本系统的全部设计遵循国际上现行的标准进行,以提高系统的开放性。
1.3B/S体系工作原理
用户可以通过浏览器去访问Internet上由Web服务器产生的文本、数据、图片、动画、视频点播和声音等信息;
而每一个Web服务器又可以通过各种方式与数据库服务器连接,大量的数据实际存放在数据库服务器中;
从Web服务器上下载程序到本地来执行,在下载过程中若遇到与数据库有关的指令,由Web服务器交给数据库服务器来解释执行,并返回给Web服务器,Web服务器又返回给用户。在这种结构中,将许许多多的网连接到一块,形成一个巨大的网,即全球网。而各个企业可以在此结构的基础上建立自己的Internet。
在 B/S 模式中,用户是通过浏览器针对许多分布于网络上的服务器进行请求访问的,浏览器的请求通过服务器进行处理,并将处理结果以及相应的信息返回给浏览器,其他的数据加工、请求全部都是由Web Server完成的。通过该框架结构以及植入于操作系统内部的浏览器,该结构已经成为了当今软件应用的主流结构模式。
1.4node.js主要功能
V8引擎本身使用了一些最新的编译技术。这使得用Javascript这类脚本语言编写出来的代码运行速度获得了极大提升,又节省了开发成本。对性能的苛求是Node的一个关键因素。 Javascript是一个事件驱动语言,Node利用了这个优点,编写出可扩展性高的服务器。Node采用了一个称为“事件循环(event loop)”的架构,使得编写可扩展性高的服务器变得既容易又安全。提高服务器性能的技巧有多种多样。Node选择了一种既能提高性能,又能减低开发复杂度的架构。这是一个非常重要的特性。并发编程通常很复杂且布满地雷。Node绕过了这些,但仍提供很好的性能。
Node采用一系列“非阻塞”库来支持事件循环的方式。本质上就是为文件系统、数据库之类的资源提供接口。向文件系统发送一个请求时,无需等待硬盘(寻址并检索文件),硬盘准备好的时候非阻塞接口会通知Node。该模型以可扩展的方式简化了对慢资源的访问, 直观,易懂。尤其是对于熟悉onmouseover、onclick等DOM事件的用户,更有一种似曾相识的感觉。
虽然让Javascript运行于服务器端不是Node的独特之处,但却是其一强大功能。不得不承认,浏览器环境限制了我们选择编程语言的自由。任何服务器与日益复杂的浏览器客户端应用程序间共享代码的愿望只能通过Javascript来实现。虽然还存在其他一些支持Javascript在服务器端 运行的平台,但因为上述特性,Node发展迅猛,成为事实上的平台。
在Node启动的很短时间内,社区就已经贡献了大量的扩展库(模块)。其中很多是连接数据库或是其他软件的驱动,但还有很多是凭他们的实力制作出来的非常有用的软件。
最后,不得不提到的是Node社区。虽然Node项目还非常年轻,但很少看到对一个项目如此狂热的社区。不管是新手,还是专家,大家都围绕着项目,使用并贡献自己的能力,致力于打造一个探索、支持、分享、听取建议的乐土。
1.5论文结构与章节安排
论文将分层次经行编排,除去论文摘要致谢文献参考部分,正文部分还会对网站需求做出分析,以及阐述大体的设计和实现的功能,最后罗列部分调测记录,论文主要架构如下:
第一章:引言。第一章主要介绍了课题研究的背景,系统开发的现状和本文的系统设计思想与主要工作。
第二章:系统需求分析。第二章主要从系统的用户、功能等方面进行需求分析。
第三章:系统设计。第三章主要对系统框架、系统功能模块、数据库进行功能设计。
第四章:系统实现。第四章主要介绍了系统框架搭建、系统界面的实现。
第五章:系统测试。第五章主要对系统的部分界面进行测试并对主要功能进行测试
2 樱花在线视频网站分析
系统分析是开发一个项目的先决条件,通过系统分析可以很好的了解系统的主体用户的基本需求情况,同时这也是项目的开发的原因。进而对系统开发进行可行性分析,通常包括技术可行性、经济可行性等,可行性分析同时也是从项目整体角度进行的分析。然后就是对项目的具体需求进行分析,分析的手段一般都是通过用户的用例图来实现。下面是详细的介绍。
在项目上使用的工具大部分都是是当下流行开源免费的,所以在开发前期,开发时用于项目的经费将会大大降低,不会让开发该软件在项目启动期受到经费的影响,所以经济上还是可行的。尽量用最少的花费去满足用户的需求。省下经费用于人工费,以及设备费用。将在无纸化,高效率的道路上越走越远。
所以经济可行性没有问题。
(2)操作可行性:
此次项目设计参考了几个该模式下网站的开发案例,对他们的操作界面分析,将众多案例结合在一起,突出以人为本简化操作,所以具有基本计算机知识的人都会操作本项目。
因此操作可行性也没有问题。
(3)技术可行性:
技术可行性指的是对于搭建框架的可行性,以及有更优秀的技术出现时系统的技术更新换代的纳新性如何,开发时间成本费用比如何。
现有的NodeJS技术能够迎合所有电子商务系统的搭建。开发这个樱花在线视频网站的时候我采用了NodeJS+MYSQL用以运行整体程序。
综上所述技术可行性也没有问题。
(4)法律可行性:
从开发者角度来看,NodeJS和MYSQL是网上开源且免费的,在知识产权方面不会产生任何法律纠纷。
从用户使用角度来看,只要不再系统上贩卖违禁品,对系统做出条约协议,杜绝非法支付即可。
综上所述法律可行性也没有问题。
业务流程是用一些特定的符合和线条来进行演示用户在使用系统时的过程,在进行系统分析的时候,业务流程可以帮助开发人员更好的理解业务,发现错误,完善系统。
用户成功登入系统后就能够实现增加数据的操作,增加数据的编号是特定的,系统生成,用户不能随意填写,除了编号以外,其他增加信息用户自己填写,填写后的信息经过系统验证,验证合法通过就显示增加数据成功了,相反的话,就没有增加成功,图2-1显示的就是在增加数据时的流程。
图2-1 数据增加流程图
数据修改时的流程和上面介绍的数据增加时的流程差不多,如图2-2所示。
图2-2 数据修改流程图
如果系统里面存在一些没有用的数据的话,相关的管理人员还可以对这些数据进行删除,图2-3就是数据删除时的流程图。
图2-3 数据删除流程图
按照樱花在线视频网站的角色,我划分为了视频用户管理模块和管理员管理模块这两大部分。
视频用户管理模块:
(1)首页信息:当用户进入本樱花在线视频网站的前台的时候,首先展示在眼前的是导航栏、站内公告、个人账户、个人收藏、视频资讯、热门视频、影视中心、个人中心等信息,用户可以根据自己个人的需求进行查看;
(2)注册登录:在系统的右上角有登录+注册按钮,如果用户想要登录到系统当中,可以点击“登录”按钮,然后填写号用户名+密码,点击“登录”按钮,系统会对你的用户名密码进行核对,正确的话就会登录成功了,如果没有账号的话,可以点击右上角的“注册”按钮,然后根据提示输入好用户信息,就可以得到账号和密码了;
(3)站内公告:用户在公告这一菜单下对用户提交的查看、同时也可以发布、评论。
(4)个人账户:在首页导航栏上我们会看到“个人账户”这一菜单,我们点击进入进去以后,可以对个人的资料、登录系统的密码以及自己收藏的信息进行设置管理;
(5)个人收藏:在首页导航栏上我们会看到“个人收藏”这一菜单,我们点击进入进去以后,可以对是热点新闻信息进行收藏、评论;
(6)视频资讯:用户可以查看视频资讯信息,在查询到自己想要了解的视频资讯的时候,可以进入查看详细的介绍进行评论、点赞、收藏操作。
(7)个人中心:在首页导航栏上我们会看到“个人中心”这一菜单,就会进入到对应的后台进行信息的管理了;
(8)热门视频:用户可以查看热门视频,在查询到自己想要了解的视频的时候,可以进入查看详细的介绍,在热门视频详情这个界面,同时支持用户对喜欢的热门视频进行收藏、点赞的功能。
管理员管理模块:
(1)登录:管理员在后台可以通过账号和密码进行登录,管理员的账号和密码是在数据库中直接设定的,如果忘记密码可以点击“忘记密码”进行密码找回;
(2)网站管理:管理员点击“网站管理”这一菜单会显示轮播图、站内公告这两个子菜单,管理员可以对前台展示的站内公告进行设置;
(3)人员管理:管理员点击“人员管理”这一菜单会显示管理员和视频用户这两个子菜单,管理员可以对这两个角色的信息进行增删改查操作;
(4)内容管理:管理员点击“内容管理”这一菜单会显示视频资讯、新闻分类列表这两个子菜单,管理员可以对这两部门涉及到的功能进行更新维护,更好的服务于前台用户;
(5)模块管理:在“模块管理”这一菜单下,我们会看到分类信息、热门视频、影视中心这三个子菜单,能够对热门视频与影视中心进行增删改查操作等;
(6)个人管理:管理员在登录以后可以修改自己的个人资料以及对自己账号登录的密码进行修改;
2.3.2 非功能性分析
樱花在线视频网站的非功能性需求比如樱花在线视频网站的安全性怎么样,可靠性怎么样,性能怎么样,可拓展性怎么样等。具体可以表示在如下3-1表格中:
安全性 | 主要指樱花在线视频网站数据库的安装,数据库的使用和密码的设定必须合乎规范。 |
可靠性 | 可靠性是指樱花在线视频网站能够安装用户的指示进行操作,经过测试,可靠性90%以上。 |
性能 | 性能是影响樱花在线视频网站占据市场的必要条件,所以性能最好要佳才好。 |
可扩展性 | 比如数据库预留多个属性,比如接口的使用等确保了系统的非功能性需求。 |
易用性 | 用户只要跟着樱花在线视频网站的页面展示内容进行操作,就可以了。 |
可维护性 | 樱花在线视频网站开发的可维护性是非常重要的,经过测试,可维护性没有问题 |
通过2.3功能的分析,得出了本樱花在线视频网站的用例图:
视频用户角色用例如图2-3所示。
图2-3 樱花在线视频网站视频用户角色用例图
web后台管理上的管理员是维护整个樱花在线视频网站中所有数据信息的。管理员角色用例如图2-4所示。
本章主要通过对樱花在线视频网站的可行性分析、流程分析、功能需求分析、系统用例分析,确定整个樱花在线视频网站要实现的功能。同时也为樱花在线视频网站的代码实现和测试提供了标准。
本章主要讨论的内容包括樱花在线视频网站的功能模块设计、数据库系统设计。
本樱花在线视频网站从架构上分为三层:表现层(UI)、业务逻辑层(BLL)以及数据层(DL)。
图3-1樱花在线视频网站系统架构设计图
表现层(UI):又称UI层,主要完成本樱花在线视频网站的UI交互功能,一个良好的UI可以打打提高用户的用户体验,增强用户使用本樱花在线视频网站时的舒适度。UI的界面设计也要适应不同版本的樱花在线视频网站以及不同尺寸的分辨率,以做到良好的兼容性。UI交互功能要求合理,用户进行交互操作时必须要得到与之相符的交互结果,这就要求表现层要与业务逻辑层进行良好的对接。
业务逻辑层(BLL):主要完成本樱花在线视频网站的数据处理功能。用户从表现层传输过来的数据经过业务逻辑层进行处理交付给数据层,系统从数据层读取的数据经过业务逻辑层进行处理交付给表现层。
数据层(DL):由于本樱花在线视频网站的数据是放在服务端的mysql数据库中,因此本属于服务层的部分可以直接整合在业务逻辑层中,所以数据层中只有数据库,其主要完成本樱花在线视频网站的数据存储和管理功能。
在上一章节中主要对系统的功能性需求和非功能性需求进行分析,并且根据需求分析了本樱花在线视频网站中的用例。那么接下来就要开始对本樱花在线视频网站的架构、主要功能和数据库开始进行设计。樱花在线视频网站根据前面章节的需求分析得出,其总体设计模块图如图3-2所示。
图3-2 樱花在线视频网站功能模块图
后台管理者能够实现对前台注册的用户增删改查操作,用户模块结构图如下图:
图3-3用户用户模块结构图
樱花在线视频网站是一个交流性质的公开平台,用户用户和管理人员用户可以对平台上信息进行评论,增加用户之间的互动性。但是同时也为了更好的规范评论的内容,给予管理员删除不合适的言论的功能,所以需要专门设计一个评论管理模块,具体的结构图如下:
图3-4评论模块结构图
数据库设计一般包括需求分析、概念模型设计、数据库表建立三大过程,其中需求分析前面章节已经阐述,概念模型设计有概念模型和逻辑结构设计两部分。
下面是整个樱花在线视频网站中主要的数据库表总E-R实体关系图。
图3-6 樱花在线视频网站总E-R关系图
下面根据樱花在线视频网站的数据库总E-R关系图可以得出樱花在线视频网站需要很多E-R图,在此罗列出来一些主要的数据库E-R模型图。
图3-7视频用户E-R关系图
图3-8 轮播图心E-R关系图
图3-9评论E-R关系图
图3-10公告E-R关系图
图3-11影视中心E-R关系图
(1)表video_users实体用来存视频用户提交的注册信息;
表3.1 视频用户信息video_users表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
video_users_id | int | 11 | 是 | 是 | 视频用户ID |
user_name | varchar | 64 | 否 | 否 | 用户姓名 |
user_gender | varchar | 64 | 否 | 否 | 用户性别 |
examine_state | varchar | 16 | 是 | 否 | 审核状态 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
user_id | int | 11 | 是 | 否 | 用户ID |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
(2)表hot_videos实体用来存管理员添加的热门视频供用户进行查看表包含了视频标题、视频分类、视频封面、视频内容、视频简介、上传日期等;
表3.2 热门视频hot_videos表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
hot_videos_id | int | 11 | 是 | 是 | 热门视频ID |
video_title | varchar | 64 | 否 | 否 | 视频标题 |
video_classification | varchar | 64 | 否 | 否 | 视频分类 |
video_cover | varchar | 255 | 否 | 否 | 视频封面 |
video_content | varchar | 255 | 否 | 否 | 视频内容 |
upload_date | date | 0 | 否 | 否 | 上传日期 |
video_introduction | longtext | 0 | 否 | 否 | 视频简介 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
(3)表film_and_television_center实体用来存放系统中管理员添加的影视中心,用户查看自己的影视中心包含了影视名称、视频分类、影视风格、影视封面、影视内容、衔接主演、上传日期等信息;
表3.3影视中心film_and_television_center表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
film_and_television_center_id | int | 11 | 是 | 是 | 影视中心ID |
name_of_film_and_television | varchar | 64 | 否 | 否 | 影视名称 |
video_classification | varchar | 64 | 否 | 否 | 视频分类 |
film_and_television_style | varchar | 64 | 否 | 否 | 影视风格 |
film_cover | varchar | 255 | 否 | 否 | 影视封面 |
film_and_television_content | varchar | 255 | 否 | 否 | 影视内容 |
connecting_leading_actors | varchar | 64 | 否 | 否 | 衔接主演 |
upload_date | date | 0 | 否 | 否 | 上传日期 |
introduction_to_film_and_television | longtext | 0 | 否 | 否 | 影视简介 |
hits | int | 11 | 是 | 否 | 点击数 |
praise_len | int | 11 | 是 | 否 | 点赞数 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
(4)表comment实体用来存放系统中用户提交的评论信息以及回复评论信息;
表3.4评论信息comment表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
comment_id | int | 11 | 是 | 是 | 评论ID |
user_id | int | 11 | 是 | 否 | 评论人ID |
reply_to_id | int | 11 | 是 | 否 | 回复评论ID |
content | longtext | 0 | 否 | 否 | 内容 |
nickname | varchar | 255 | 否 | 否 | 昵称 |
avatar | varchar | 255 | 否 | 否 | 头像地址 |
create_time | timestamp | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
source_table | varchar | 255 | 否 | 否 | 来源表 |
source_field | varchar | 255 | 否 | 否 | 来源字段 |
source_id | int | 10 | 是 | 否 | 来源ID |
(5)表notice实体用来存放系统中用户提交的评论信息以及回复评论信息;
表3.5公告信息notice表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
notice_id | mediumint | 8 | 是 | 是 | 公告id |
title | varchar | 125 | 是 | 否 | 标题 |
content | longtext | 0 | 否 | 否 | 正文 |
create_time | timestamp | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
(6)表slides实体用来存放系统中管理员添加的轮播图在首页展示,供用户查看;
表3.6轮播图信息slides表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
slides_id | int | 10 | 是 | 是 | 轮播图ID |
title | varchar | 64 | 否 | 否 | 标题 |
content | varchar | 255 | 否 | 否 | 内容 |
url | varchar | 255 | 否 | 否 | 链接 |
img | varchar | 255 | 否 | 否 | 轮播图 |
hits | int | 10 | 是 | 否 | 点击量 |
create_time | timestamp | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
(7)表classification_information实体用来存放系统中管理员添加的分类信息,查看自己的分类信息包含了视频分类、影视风格等信息;
表3.3分类信息classification_information表
名称 | 类型 | 长度 | 不是null | 主键 | 注释 |
classification_information_id | int | 11 | 是 | 是 | 分类信息ID |
video_classification | varchar | 64 | 否 | 否 | 视频分类 |
film_and_television_style | varchar | 64 | 否 | 否 | 影视风格 |
recommend | int | 11 | 是 | 否 | 智能推荐 |
create_time | datetime | 0 | 是 | 否 | 创建时间 |
update_time | timestamp | 0 | 是 | 否 | 更新时间 |
整个樱花在线视频网站的需求分析主要对系统总体架构以及功能模块的设计,通过建立E-R模型和数据库逻辑系统设计完成了数据库系统设计。
4 樱花在线视频网站详细设计与实现
樱花在线视频网站的详细设计与实现主要是根据前面的樱花在线视频网站的需求分析和樱花在线视频网站的总体设计来设计页面并实现业务逻辑。主要从樱花在线视频网站界面实现、业务逻辑实现这两部分进行介绍。
当进入樱花在线视频网站的时候,首先映入眼帘的是系统的导航栏,下面是轮播图以及系统内容,其主界面展示如下图4-1所示。
图4-1 前台首页界面图
樱花在线视频网站中的前台上注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到樱花在线视频网站的首页中;否则将会提示相应错误信息,用户登录界面如下图4-2所示。
图4-2用户登录界面图
4.1.3用户注册界面
不是樱花在线视频网站中正式用户的是可以在线进行注册的,如果你没有本樱花在线视频网站的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可用户注册成功。其用用户注册界面展示如下图4-3所示。
图4-2用户注册界面图
当点击导航栏上的“站内公告”的时候,就会进入对应的界面查看公告信息,站内公告界面如下图4-4所示。
图4-4站内公告界面图
当用户点击“个人账户”后,就回去显示出目前现有的资料管理、密码管理,也可以修改个人头像,界面如下图4-5所示。
图4-5个人账户界面图
当访客点击樱花在线视频网站中导航栏上的“视频资讯”后将会进入到该“视频资讯”列表的界面,然后选择想要看的热点视频资讯,点击进入到详细界面,视频资讯界面如下图4-6 所示。
图4-6视频资讯界面图
4.1.7热门视频详情界面
当访客点击了任意热门视频后将会进入该款热门视频信息的详情界面,可以了解到该视频信息的视频标题、视频分类、视频内容、上传日期等,同时可以对该热门视频信息进行收藏+评论+点赞,热门视频详情展示页面如图4-7所示。
图4-7热门视频界面图
樱花在线视频网站的理员拥有最高的权限,可以对用户信息、系统信息以及樱花在线视频网站相关信息进行管控。
管理员在后台可以通过账号和密码进行登录,管理员的账号和密码是在数据库中直接设定的,如果忘记密码可以点击“忘记密码”进行密码找回。界面展示如下图4-8所示。
管理员点击“人员管理”这一菜单会显示管理员和视频用户这两个子菜单,管理员可以对这两个角色的信息进行增删改查操作。界面如下图4-9所示。
图4-9人员管理界面图
樱花在线视频网站中的管理人员在“网站管理”这一菜单中是可以对前台显示的轮播图、站内公告进行管控。界面如下图4-10所示。
图4-10网站管理界面图
樱花在线视频网站中的管理人员在“内容管理”这一菜单下是可以对樱花在线视频网站内的视频资讯、新闻分类列表进行管控的,其管理界面如下图4-11所示。
图4-11内容管理界面图
樱花在线视频网站中的管理人员在“模块管理”这一菜单下是可以对樱花在线视频网站内的分类信息、影视中心、热门视频进行管控的,其管理界面如下图4-12所示。
5系统测试
系统开发到了最后一个阶段那就是系统测试,系统测试对软件的开发其实是非常有必要的。因为没什么系统一经开发出来就可能会尽善尽美,再厉害的系统开发工程师也会在系统开发的时候出现纰漏,系统测试能够较好的改正一些bug,为后期系统的维护性提供很好的支持。通过系统测试,开发人员也可以建立自己对系统的信心,为后期的系统版本的跟新提供支持。
系统测试包括:用户登录功能测试、影视中心展示功能测试、影视中心添加、影视中心搜索、密码修改功能测试,如表5-1、5-2、5-3、5-4、5-5所示:
表5-1 用户登录功能测试表
用例名称 | 用户登录系统 |
目的 | 测试用户通过正确的用户名和密码可否登录功能 |
前提 | 未登录的情况下 |
测试流程 | 1) 进入登录页面 2) 输入正确的用户名和密码 |
预期结果 | 用户名和密码正确的时候,跳转到登录成功界面,反之则显示错误信息,提示重新输入 |
实际结果 | 实际结果与预期结果一致 |
影视中心查看功能测试:
表5-2 影视中心查看功能测试表
用例名称 | 影视中心查看 |
目的 | 测试影视中心查看功能 |
前提 | 用户登录 |
测试流程 | 点击影视中心列表 |
预期结果 | 可以查看到所有影视中心信息 |
实际结果 | 实际结果与预期结果一致 |
管理员添加影视中心界面测试:
表5-3 管理员添加影视中心界面测试表
用例名称 | 影视中心发布测试用例 |
目的 | 测试影视中心发布功能 |
前提 | 用户正常登录情况下 |
测试流程 | 1)点击影视中心信息管理就,然后点击添加后并填写信息。 2)点击进行提交。 |
预期结果 | 提交以后,页面首页会显示新的影视中心信息 |
实际结果 | 实际结果与预期结果一致 |
影视中心搜索功能测试:
表5-4影视中心搜索功能测试表
用例名称 | 影视中心搜索测试 |
目的 | 测试影视中心搜索功能 |
前提 | 无 |
测试流程 | 1)在搜索框填入搜索关键字。 2)点击搜索按钮。 |
预期结果 | 页面显示包含有搜索关键字的影视中心 |
实际结果 | 实际结果与预期结果一致 |
密码修改功能测试:
表5-5 密码修改功能测试表
用例名称 | 密码修改测试用例 |
目的 | 测试管理员密码修改功能 |
前提 | 管理员用户正常登录情况下 |
测试流程 | 1)管理员密码修改并完成填写。 2)点击进行提交。 |
预期结果 | 使用新的密码可以登录 |
实际结果 | 实际结果与预期结果一致 |
通过编写樱花在线视频网站的测试用例,已经检测完毕用户登录模块、影视中心查看模块、影视中心添加模块、影视中心搜索模块、密码修改功能测试,通过这5大模块为樱花在线视频网站的后期推广运营提供了强力的技术支撑。
至此,樱花在线视频网站已经结束,在开发前做了许多的准备,在本系统的设计和开发过程中阅览和学习了许多文献资料,从中我也收获了很多宝贵的方法和设计思路,对系统的开发也起到了很重要的作用,系统的开发技术选用的都是自己比较熟悉的,比如Web、NodeJS技术、MYSQL,这些技术都是在以前的学习中学到了,其中许多的设计思路和方法都是在以前不断地学习中摸索出来的经验,其实对于我们来说工作量还是比较大的,但是正是由于之前的积累与准备,才能顺利的完成这个项目,由此看来,积累经验跟做好准备是十分重要的事情。
当然在该系统的设计与实现的过程中也离不开老师以及同学们的帮助,正是因为他们的指导与帮助,我才能够成功的在预期内完成了这个系统。同时在这个过程当中我也收获了很多东西,此系统也有需要改进的地方,但是由于专业知识的浅薄,并不能做到十分完美,希望以后有机会可以让其真正的投入到使用之中。
[2]林佳一.混合式教学在高职MySQL数据库课程的实践研究[J].电脑知识与技术,2022,18(26):133-135.DOI:10.14004/j.cnki.ckt.2022.1737.
[3]胡乐.在线视频网站信息偶遇行为影响因素研究——以哔哩哔哩视频网站为例[J].无线互联科技,2022,19(13):39-42.
[4]宋东翔,马伽洛伦,袁铭举,王怡然.基于协同过滤和NodeJS的电影推荐系统研究[J].信息与电脑(理论版),2022,34(12):143-145.
[5]施巨庆. 一种在线视频播放质量分析方法、系统及计算机存储介质[P]. 湖北省:CN114640884A,2022-06-17.
[6]钟丽萍,万佳慧,钟江南,刘建武,周进,龙寰宇,尹廷廷,方庆军.新冠疫情下的在线健身视频网站运营研究——以bilibili健身视频网站为例[J].体育研究与教育,2021,36(03):16-20+34.DOI:10.16207/j.cnki.2095-235x.2021.03.003.
[7]遇宇.基于Nodejs的定制化流程引擎设计与实现[J].电脑编程技巧与维护,2020(11):39-40+65.DOI:10.16184/j.cnki.comprg.2020.11.014.
[8]彭卫,宋苏娟.“互联网+”环境下在线教育视频流行度的影响因素研究——以bilibili网站教育视频为例[J].河南工业大学学报(社会科学版),2020,36(05):39-45.DOI:10.16433/j.cnki.cn41-1379.2020.05.006.
[9]廖小琴. 基于在线视频网站影评的情感倾向性分类研究[D].贵州大学,2020.DOI:10.27047/d.cnki.ggudu.2020.001266.
[10]从吴刚.观看之变——网络/视频网站在线观影机制试探[J].电影文学,2020(08):10-14.
[11]张贵强,王美玲.基于NodeJS的企业网站的设计与实现[J].信息技术与信息化,2019(12):58-60.
[12]钟德福,张良国,艾红,黄小华,吕俊霖.基于NodeJS的渔业资源调查数据采集系统框架重构[J].渔业现代化,2019,46(06):104-109.
[13]陈泽林,张宏涛.论基于PHP在线视频点播网站设计与实现的要点分析[J].中外企业家,2019(17):88.
[14]赵昂. 在线视频网站要瞄准大屏时代[N]. 工人日报,2019-04-17(005).
[15]陈颖.基于商业画布的在线视频网站商业模式分析——以爱奇艺为例[J].中国商论,2018(24):20-22.DOI:10.19699/j.cnki.issn2096-0298.2018.24.020.
[16]孙赫.以“在线视频网站”为例研究中国媒体与社会变迁[J].西部广播电视,2017(20):3+7.
[17]黎立, 文章摘编 在线视频网站著作权侵权问题研究. 柳斌杰,邬书林 主编,中国出版年鉴,《中国出版年鉴》杂志社有限公司,2016,541-542,年鉴.
[18]杨芬霞,贺荟蓉. 弹幕视频网站侵权问题思考——以哔哩哔哩网为例[C]//.传媒法与法治新闻研究.,2016:225-231.
[19]Cheng Yu, Li Zhihong, Wu Yushan. Cooperation and Competition: The Analysis of Strategy in Duopoly Online Video Websites[J]. Science Journal of Business and Management,2015,3(4).
[20]Junzhou Zhao,Pinghui Wang,Jing Tao,Xiaobo Ma,Xiaohong Guan. A Peep on the Interplays between Online Video Websites and Online Social Networks[J]. CoRR,2013,abs/1305.4018.
致 谢
逝者如斯夫,不舍昼夜。转眼间,大用户用户活便已经接近尾声,人面对着离别与结束,总是充满着不舍与茫然,我亦如此,仍记得那年秋天,我迫不及待的提前一天到了学校,面对学校巍峨的大门,我心里充满了期待:这里,就是我新生活的起点吗?那天,阳光明媚,学校的欢迎仪式很热烈,我面对着一个个对着我微笑的同学,仿佛一缕缕阳光透过胸口照进了我心里,同时,在那天我认识可爱的室友,我们携手共同度过了这难忘的两年。如今,我望着这篇论文的致谢,不禁又要问自己:现在,我们就要说再见了吗?
感慨莫名,不知所言。遥想当初刚来学校的时候,心里总是想着工科学校会过于板正,会缺乏一些柔情,当时心里甚至有一点点排斥,但是随着我对学校的慢慢认识与了解,我才认识到了她的美丽,她的柔情,并且慢慢的喜欢上了这个校园,但是时间太快了,快到我还没有好好体会她的美丽便要离开了,但是她带给我的回忆,永远不会离开我,也许真正离开那天我的眼里会满含泪水,我不是因为难过,我只是想将她的样子映在我的泪水里,刻在我的心里。最后,感谢我的老师们,是你们教授了我们知识与做人的道理;感谢我的室友们,是你们陪伴了我如此之久;感谢每位关心与支持我的人。
少年,追风赶月莫停留,平荒尽处是春山。
免费领源码,麻烦一键三连,私信博主。谢谢。