基于Web前端的视频解析网站设计与实现.docx

基于Web前端的视频解析网站设计与实现

摘要

当今社会人们的工作和生活都是高效率的，用户都想以最简单的方式来获得自己想要的影视节目，在单独的平台上随意获得所需的电影视频，成为了每一个用户的切实所需。论文阐述了以用户自主为基础的视频网站、构思一个基于视频播放和点播系统的具体设计方案和实现过程。

本项目主要采用了Vue3框架，JavaScript脚本语言，json-server和Npdejs为后端数据的基础来进行开发。实现了视频播放解析的功能，使用户可以对电影数据进行操作，实现用户体验提高以及网页简洁度高等效果，经过系统测试表明该系统可正常运行。

该网站实现了用户按需播放视影视节目的愿望，具有一定的实用性，具有广阔的应用市场前景。

关键词：Web前端；视频播放解析；json-server

目录

TOC\o1-3\h\z\u第一章绪论 1

1.1项目研究开发的背景以及目的 1

1.2项目研究的方法以及内容 1

第二章相关技术介绍 3

2.1环境介绍 3

2.1.1开发环境介绍。 3

2.1.2运行环境 3

2.2开发技术介绍 3

2.2.1Vue框架 3

2.2.2JavaScript介绍 4

2.2.3json-server介绍 4

2.2.4Nodejs介绍 5

第三章系统分析 6

3.1可行性分析 6

3.1.1安全可行性 6

3.1.2技术可行性 6

3.1.3经济可行性 6

3.2需求分析 6

3.2.1系统功能需求 6

3.2.2系统性能需求 7

3.2.3用例分析 7

3.2.4用户用例 8

第四章系统设计 9

4.1系统功能结构设计 9

4.1.1系统功能结构图 9

4.1.2系统主要功能 9

4.2系统详细设计 10

4.2.1用户注册流程图 10

4.2.2用户登录流程图 10

4.2.3数据浏览和增加删除流程图 11

4.2.4普通用户和管理员用户 12

4.2.5数据浏览流程图 12

4.3数据库设计 15

4.3.1数据库设计原则 15

4.3.2数据库概念结构设计 15

4.3.3数据库表设计 17

第五章系统实现 19

5.1系统主要文件 19

5.2系统基础配置 19

5.2.1后台数据接口。 19

5.2.2路由配置 20

5.2.3ElementUI框架。 20

5.2.4状态机配置 20

5.3系统功能实现 21

5.3.1电影界面组件 21

5.3.2电影首页配置 21

5.3.3电影列表 23

5.3.4本地电影 24

5.3.5电影详情以及播放 25

5.3.6电影分类 26

5.3.7其他功能页面 27

5.3.8电影数据控制 27

第六章系统测试 28

6.1测试的目的 28

6.2功能测试 28

6.3非功能测试 29

第七章结论 30

参考文献 31

致谢 32

绪论

项目研究开发的背景以及目的

在当前国内视频网站的发展中，主要分为优酷、爱奇艺、腾讯视频等播放视频网站。在满足自身需求的同时，会因为电影的版权、资源、以及会员等问题而让用户的体检感下降，所以在这种局面下，决定开发一个由自主开发的视频PC端网站，该网站主要应用于个体小用户的需求，不仅仅满足的广大用户的需求，同时也减少了用户的开支，同时在资源和版权方面也会有更多的突破。视频网站产生价值可分为两种途径：视频内容产生价值和视频内容的附属产品产生价值，毫无疑问目前版权的内容对视频网站是非常具有吸引力的。所以，后端的数据接口以及电影的版权可能会是决定该网站的兴起或衰败的根本因素。也可以通过用户分享的视频版权以及资源来对该项目网站的资源进行补充和使用。

项目研究的方法以及内容

通过组织研究的思路和框架，明确了行文的基本方向，并在文章的分布和逻辑关系上起到了指点作用。基于视频网站内容产品自主生产的研究现状，综合运用和吸收相关资料和现有研究成果，通过对内容产品自主生产的调查和分析，发现问题并提出对策。具体研究方法有文献研究法、比较分析法和案例研究法。

(1）文献研究：本文采用文献研究法，作者参考了新媒体、媒体经营与管理、工商管理等相关书籍。由于视频网站内容产品的自主生产是新生事物，相关的学术研究还处于起步阶段，相关的互联网理论和体系还没有形成，