2。1。1  nodejs 8

2。1。2  npm 9

2。2  后端 9

2。2。1  Express 9

2。2。2  mongodb 10

2。3  前端 10

2。3。1  前端开发工具 webpack 10

2。3。2  vue。js 11

2。3。3  Bootstrap与Bootstrap4 12

3  系统需求分析 13

3。1  功能概述 13

3。2  需求分析 13

3。3  业务逻辑简要分析 13

4  数据库设计 16

4。1  用户集合 16

4。2  视频集合 18

4。3  标签集合 23

4。4  标签-视频集合 25

5  前后台通信接口设计 28

5。1  用户模块 29

5。2  视频模块 31

5。3  视频列表模块 32

5。4  标签模块 33

5。5  标签列表模块 34

5。6  视频-标签关系模块 34

6  单页面前端结构体系 35

6。1  App。vue组件 37

6。2  Manage。vue组件 38

结论 42

致谢 43

参考文献 44

1  引言

1。1  研究背景及意义

    视屏媒体内容期初主要集中于有限电视、电影院等平台。可是随着计算机等电子行业的迅猛发展，个人PC上的视频内容也不断增多。随着网络的发展，视频更加变得不再只有电视里才能得到，而是成为千家万户娱乐交流必不可少的工具了。

    我们可以将网络上的视频服务主要可以分为如下几个方面：视频监控、视频点播、视频教学以及视频交友。

    网络上最火的自然要数视频点播网站了。国内外都有不少的致命网站。例如Youtube，Vimeo，优酷，土豆，爱奇艺。就连腾讯也做起了腾讯视频。如今，文字信息和图片信息已经无法满足人们获取信息的需求了，而视频所带来的生动信息却不断的博取人们的青睐。以国内知名网站优酷为例，从2005年11月创立，到2006年6月21日公测以及2006年12月21日，优酷网正式运营，到2007年5月16日，优酷和盛大公司一致达成合作战略协议，优酷网从此成为了盛大公司独家的游戏视频支持网站。2007年6月5日，优酷网与国内独霸的中文搜索引擎网站——百度达成战略上的合作，以及2007年的11月，优酷网又获得2500万美元的融资，2010年12月8日，优酷网则在纽约证券交易所正式挂牌上市，股票代码为YOKU，其发行的价格为12。8美元，成为全世界第一家在美国独立上市的视频类网站。可以发现其发展的迅速以及人们对这视频点播服务的喜爱。

    视频监控是有助于社会的监控与管理的一种手段。历年来，各式各样的视频监控与管理系统更是层出不穷。视频监控技术从过去的单纯的模拟技术，一直到现在的以模拟与数字混合在一起为主的技术，其发展速度非常惊人。伴随科技上的不断发展和智能化、多样化和信息化应用需要的快速产生，现任，视频监控技术走向完全的网络化和数字化将不会是太过遥远的事情。以海康威视为例，2010年以及能够提供高清监控整体解决方案，200万实时CCD高清网络摄像机，高清编码器，高清智能交通产品，高清卡口，电警系统，高清牌识系统、单兵执法系统、车载取证系统等多种功能的视频监控系统。2011年发布全系列X64(720P)、X55(1080P)、X54(3MP)、 X83(5MP) 高清IP摄像机，正式踏入网络视频的大家庭。