基于JAVA+SpringBoot+Vue的光影视频系统

研究背景

现在大家正处于互联网加的时代，这个时代它就是一个信息内容无比丰富，信息处理与管理变得越加高效的网络化的时代，这个时代让大家的生活不仅变得更加地便利化，也让时间变得更加地宝贵化，因为每天的每分钟，每秒钟这些时间都能让人们处理大批量的日常事务，这些场景，是之前的手工模式无法与之相抗衡的。对于NBA视频信息的管理来说，传统的通过纸质文档记录信息的方式已经落后了，依靠手工管理NBA视频信息，不仅花费较长的工作时间，在对记录各种信息的文档进行信息查询以及信息核对操作时，也不能及时保证信息的准确性，基于这样的办公低效率环境下，对于NBA视频信息的处理就要提出新的解决方案。因为这个时代的信息一直都在高速发展，要是不抱着发展的观念看待事情，极有可能被这个市场快速遗忘，甚至被无情地淘汰掉。所以尽早开发一款光影视频平台进行信息的快速处理，既跟上了时代的发展脚步，也能让自己的核心竞争力有所提升。

目的和意义

互联网加的时代一方面是加快信息的发展，另一方面也是对传统行业进行筛选，能够继续发展的，肯定是那些能够充分运用互联网技术进行自身升级改革的行业。那些停步不前的行业只能就此结束，进而被大家所遗忘。这次设计出来的光影视频平台，它不仅能够让管理人员在信息增加，信息的编辑等事务处理上，节省很多的时间，也会砍掉一部分的人工成本，节省不必要开支的资金。另外，此系统的操作界面是可视化的界面，管理人员无需付费培训就能尽快上手。光影视频平台的开发意义如下：

1、管理人员再也不用在查询信息上花费大量宝贵的时间了，通过信息关键词字段就可以在几秒内获取需要的信息，在各种突发事件面前管理人员也不用慌张，可以从容淡定地处理各种相关信息。

2、该系统在每天的24小时期间都是不会停止服务的，只要有信息操作的需要，管理人员都能使用常用的360浏览器，或者百度浏览器，或者谷歌浏览器，2345浏览器等大众浏览器都能登录系统，然后操作对应的功能。

3、有了这款信息管理类操作软件，所有需要进行处理的数据不用在纸质版本的文档上进行记载，而是基于电脑进行信息录入。

4、NBA视频方面的信息都是通过网站进行显示，其实质是这些信息都保存在网站对应的数据库里面。只要操作员不去恶意删除信息，那么这些信息将会永久保存。

系统流程分析

管理员假如要操作系统提供的功能，那么管理员就要在系统的登录界面，填写管理员登录的账号信息，填写相应的密码信息，管理员需要保证这两者能够验证身份的账号以及密码信息的正确性，这样管理员就可以通过登录界面进入系统后台操作界面。图3.1就是开发的程序软件光影视频平台它的操作流程图。

图3.1 系统操作流程图

系统登录流程

光影视频平台的登录流程，针对的角色就是操作员的操作角色。在登录界面需要的必填信息就是账号信息，配上登录的密码信息就能登录光影视频平台，需要注意的就是必填的账号信息和登录密码信息，都需要进行验证，系统会判断账号还有填写的密码信息的正确性，只有这两者信息都正确了，就能成功登录光影视频平台了。系统登录流程图如下图。

图3.2 系统登录流程图

信息添加流程

用户在添加信息的界面填写的任何数据信息也是需要验证的，系统会判断用户填写信息的格式还有数据信息是不是合法信息，如果用户填写的信息是合法内容，系统就会在数据库对应的数据表里面添加信息。添加信息流程如下图。

图3.3 添加信息流程图

信息删除流程

对于那些已经失效的信息，需要用户及时进行删除，这样有利于腾出空间存放其他信息。删除信息也是先从数据库对应数据表里面删除数据，接着就是更新数据表的信息。这样删除的数据，在用户操作界面就查看不到了。信息删除流程如下图所示。

图3.4 信息删除流程图

系统概要设计

光影视频平台并没有使用C/S结构，而是基于网络浏览器的方式去访问服务器，进而获取需要的数据信息，这种依靠浏览器进行数据访问的模式就是现在用得比较广泛的适用于广域网并且没有网速限制要求的B/S结构，图4.1就是开发出来的程序工作原理图。

图4.1 程序工作的原理图

数据库设计

开发一个系统也需要提前设计数据库。这里的数据库是相关数据的集合，存储在一起的这些数据也是按照一定的组织方式进行的。目前，数据库能够服务于多种应用程序，则是源于它存储方式最佳，具备数据冗余率低的优势。虽然数据库为程序提供信息存储服务，但它与程序之间也可以保持较高的独立性。总而言之，数据库经历了很长一段时间的发展，从最初的不为人知，到现在的人尽皆知，其相关技术也越发成熟，同时也拥有着坚实的理论基础。

数据库概念设计

这部分内容需要借助数据库关系图来完成，也需要使用专门绘制数据库关系图的工具，比如Visio工具就可以设计E-R图（数据库关系图）。设计数据库，也需要按照设计的流程进行，首先还是要根据需求完成实体的确定，分析实体具有的特征，还有对实体间的关联关系进行确定。最后才是使用E-R模型的表示方法，绘制本系统的E-R图。不管是使用亿图软件，还是Visio工具，对于E-R模型的表示符号都一样，通常矩形代表实体，实体间存在的关系用菱形符号表示，实体的属性也就是实体的特征用符号椭圆表示。最后使用直线将矩形，菱形和椭圆等符号连接起来。接下来就开始对本系统的E-R图进行绘制。

（1）下图是用户实体和其具备的属性。

图4.1 用户实体属性图

（2）下图是管理员表实体和其具备的属性。

图4.2 管理员表实体属性图

（3）下图是艺术实体和其具备的属性。

图4.3 艺术实体属性图

（4）下图是体育收藏实体和其具备的属性。

图4.4 体育收藏实体属性图

（5）下图是体育留言实体和其具备的属性。

图4.5 体育留言实体属性图

（6）下图是papi酱视频留言实体和其具备的属性。

图4.6 papi酱视频留言实体属性图

（7）下图是娱乐收藏实体和其具备的属性。

图4.7 娱乐收藏实体属性图

（8）下图是NBA实体和其具备的属性。

图4.8 NBA实体属性图

（9）下图是NBA留言实体和其具备的属性。

图4.9 NBA留言实体属性图

（10）下图是新闻信息实体和其具备的属性。

图4.10 新闻信息实体属性图

（11）下图是NBA收藏实体和其具备的属性。

图4.11 NBA收藏实体属性图

（12）下图是艺术收藏实体和其具备的属性。

图4.12 艺术收藏实体属性图

（13）下图是娱乐留言实体和其具备的属性。

图4.13 娱乐留言实体属性图

（14）下图是娱乐实体和其具备的属性。

图4.14 娱乐实体属性图

（15）下图是体育实体和其具备的属性。

图4.15 体育实体属性图

（16）下图是papi酱视频收藏实体和其具备的属性。

图4.16 papi酱视频收藏实体属性图

（17）下图是艺术留言实体和其具备的属性。

图4.17 艺术留言实体属性图

（18）下图是papi酱视频实体和其具备的属性。

图4.18 papi酱视频实体属性图

数据库表结构设计

本次程序开发选用的数据库管理工具是Mysql数据管理工具，使用它存放数据也需要创建程序对应的数据库文件，并命名刚创建的数据库文件，有了数据库也需要创建各种数据表来充实数据库，在数据表的创建中，不仅需要对数据表命名，也需要对数据表的字段进行设计，包括每个数据表里面需要设置的字段名称，字段对应的数据类型信息，字段的主键设置这个也是不可缺少的，因为每个数据表里面的主键就是标记着这个数据表跟其他数据表相区分的唯一标志。就相当于生活中的每个人都有姓名，但是上网搜索自己的名字，会发现全国上下有很多人的名字跟自己的名字一模一样，包括姓氏以及名字，区分每个人的唯一信息就是每个人的身份证号信息，主键在数据表里面也是起着这样的重要作用。下面就介绍本次开发的程序光影视频平台的数据表结构信息。

表4.1字典表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

dic_code

String

字段

是

3

dic_name

String

字段名

是

4

code_index

Integer

编码

是

5

index_name

String

编码名字

是

6

super_id

Integer

父字段id

是

7

beizhu

String

备注

是

8

create_time

Date

创建时间

是

表4.2NBA表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

nba_name

String

NBA名称

是

3

nba_photo

String

NBA照片

是

4

nba_video

String

NBA视频

是

5

nba_types

Integer

NBA类型

是

6

nba_clicknum

Integer

点击次数

是

7

shangxia_types

Integer

是否上架

是

8

nba_delete

Integer

逻辑删除

是

9

nba_content

String

NBA简介

是

10

create_time

Date

创建时间

是

表4.3NBA收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

nba_id

Integer

NBA

是

3

yonghu_id

Integer

用户

是

4

insert_time

Date

收藏时间

是

5

create_time

Date

创建时间

是

表4.4NBA留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

nba_id

Integer

NBA

是

3

yonghu_id

Integer

用户

是

4

nba_liuyan_text

String

留言内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

留言时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.5新闻信息表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

news_name

String

新闻名称

是

3

news_photo

String

新闻图片

是

4

news_types

Integer

新闻类型

是

5

insert_time

Date

新闻发布时间

是

6

news_content

String

新闻详情

是

7

create_time

Date

创建时间

是

表4.6papi酱视频表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

papi_name

String

papi酱视频名称

是

3

papi_photo

String

papi酱视频照片

是

4

papi_video

String

papi酱视频视频

是

5

papi_types

Integer

papi酱视频类型

是

6

papi_clicknum

Integer

点击次数

是

7

shangxia_types

Integer

是否上架

是

8

papi_delete

Integer

逻辑删除

是

9

papi_content

String

papi酱视频简介

是

10

create_time

Date

创建时间

是

表4.7papi酱视频收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

papi_id

Integer

papi酱视频

是

3

yonghu_id

Integer

用户

是

4

insert_time

Date

收藏时间

是

5

create_time

Date

创建时间

是

表4.8papi酱视频留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

papi_id

Integer

papi酱视频

是

3

yonghu_id

Integer

用户

是

4

papi_liuyan_text

String

留言内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

留言时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.9体育表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

tiyu_name

String

体育名称

是

3

tiyu_photo

String

体育照片

是

4

tiyu_video

String

体育视频

是

5

tiyu_types

Integer

体育类型

是

6

tiyu_clicknum

Integer

点击次数

是

7

shangxia_types

Integer

是否上架

是

8

tiyu_delete

Integer

逻辑删除

是

9

tiyu_content

String

体育简介

是

10

create_time

Date

创建时间

是

表4.10体育收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

tiyu_id

Integer

体育

是

3

yonghu_id

Integer

用户

是

4

insert_time

Date

收藏时间

是

5

create_time

Date

创建时间

是

表4.11体育留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

tiyu_id

Integer

体育

是

3

yonghu_id

Integer

用户

是

4

tiyu_liuyan_text

String

留言内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

留言时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.12艺术表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yishu_name

String

艺术名称

是

3

yishu_photo

String

艺术照片

是

4

yishu_video

String

艺术视频

是

5

yishu_types

Integer

艺术类型

是

6

yishu_clicknum

Integer

点击次数

是

7

shangxia_types

Integer

是否上架

是

8

yishu_delete

Integer

逻辑删除

是

9

yishu_content

String

艺术简介

是

10

create_time

Date

创建时间

是

表4.13艺术收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yishu_id

Integer

艺术

是

3

yonghu_id

Integer

用户

是

4

insert_time

Date

收藏时间

是

5

create_time

Date

创建时间

是

表4.14艺术留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yishu_id

Integer

艺术

是

3

yonghu_id

Integer

用户

是

4

yishu_liuyan_text

String

留言内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

留言时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.15用户表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yonghu_name

String

用户昵称

是

3

yonghu_xingming

String

用户姓名

是

4

yonghu_phone

String

用户手机号

是

5

yonghu_id_number

String

用户身份证号

是

6

yonghu_photo

String

用户照片

是

7

create_time

Date

创建时间

是

表4.16娱乐表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yule_name

String

娱乐名称

是

3

yule_photo

String

娱乐照片

是

4

yule_video

String

娱乐视频

是

5

yule_types

Integer

娱乐类型

是

6

yule_clicknum

Integer

点击次数

是

7

shangxia_types

Integer

是否上架

是

8

yule_delete

Integer

逻辑删除

是

9

yule_content

String

娱乐简介

是

10

create_time

Date

创建时间

是

表4.17娱乐收藏表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yule_id

Integer

娱乐

是

3

yonghu_id

Integer

用户

是

4

insert_time

Date

收藏时间

是

5

create_time

Date

创建时间

是

表4.18娱乐留言表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

yule_id

Integer

娱乐

是

3

yonghu_id

Integer

用户

是

4

yule_liuyan_text

String

留言内容

是

5

reply_text

String

回复内容

是

6

insert_time

Date

留言时间

是

7

update_time

Date

回复时间

是

8

create_time

Date

创建时间

是

表4.19管理员表表

序号

列名

数据类型

说明

允许空

1

Id

Int

id

否

2

role

String

角色

是

3

addtime

Date

新增时间

是

管理员功能介绍

管理员登录

系统登录功能是程序必不可少的功能，在登录页面必填的数据有两项，一项就是账号，另一项数据就是密码，当管理员正确填写并提交这二者数据之后，管理员就可以进入系统后台功能操作区。下图就是管理员登录页面。

图5.1 管理员登录页面

NBA视频管理

项目管理页面提供的功能操作有：查看NBA视频，删除NBA视频操作，新增NBA视频操作，修改NBA视频操作。下图就是NBA视频管理页面。

图5.2  NBA视频管理页面

新闻信息管理

新闻信息管理页面提供的功能操作有：新增新闻，修改新闻，删除新闻操作。下图就是新闻信息管理页面。

图5.3 新闻信息管理页面

新闻类型管理

新闻类型管理页面显示所有新闻类型，在此页面既可以让管理员添加新的新闻信息类型，也能对已有的新闻类型信息执行编辑更新，失效的新闻类型信息也能让管理员快速删除。下图就是新闻类型管理页面。

图5.4 新闻类型列表页面