基于SpringBoot+Vue光影视频平台(源码+部署说明+演示视频+源码介绍)(2)

简介: 基于SpringBoot+Vue光影视频平台(源码+部署说明+演示视频+源码介绍)

基于SpringBoot+Vue光影视频平台(源码+部署说明+演示视频+源码介绍)(1)https://developer.aliyun.com/article/1558935


4 系统设计

4.1系统概要设计

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

图4.1 程序工作的原理图

4.2系统功能结构设计

光影视频平台针对管理员设置的功能有:添加并管理各种类型信息,管理用户账户信息,管理NBA视频信息,管理新闻信息等内容。

光影视频平台针对用户设置的功能有:查看并修改个人信息,查看NBA视频信息,查看新闻信息等内容。

4.3 数据库设计

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

4.3.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酱视频实体属性图

4.3.2 数据库表结构设计

本次程序开发选用的数据库管理工具是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

新增时间


基于SpringBoot+Vue光影视频平台(源码+部署说明+演示视频+源码介绍)(3)https://developer.aliyun.com/article/1558937

相关文章
|
6天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
基于Java+Springboot+Vue开发的大学竞赛报名管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的大学竞赛报名管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
20 3
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
|
7天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的蛋糕商城管理系统
基于Java+Springboot+Vue开发的蛋糕商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的蛋糕商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
20 3
基于Java+Springboot+Vue开发的蛋糕商城管理系统
|
7天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的美容预约管理系统
基于Java+Springboot+Vue开发的美容预约管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的美容预约管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
21 3
基于Java+Springboot+Vue开发的美容预约管理系统
|
7天前
|
JavaScript 前端开发 Java
一个基于 SpringBoot + Vue 的在线考试系统
【9月更文挑战第24天】这是一个基于 Spring Boot 和 Vue 构建的在线考试系统。后端采用 Spring Boot、Spring Data JPA 和 MySQL 实现快速开发和数据库操作;前端使用 Vue.js 和 Element UI 快速搭建界面。系统包括用户管理、考试管理、考试答题和成绩管理等功能模块,并设计了相应的数据库表结构。通过 RESTful API 实现前后端数据交互,支持多种题型和权限管理,适用于学校和企业等场景。
|
JSON 前端开发 Java
SpringBoot+Vue表单文件上传
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82811812 ...
4103 0
|
8天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的服装商城管理系统
基于Java+Springboot+Vue开发的服装商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的服装商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
31 2
基于Java+Springboot+Vue开发的服装商城管理系统
|
8天前
|
前端开发 JavaScript Java
SpringBoot项目部署打包好的React、Vue项目刷新报错404
本文讨论了在SpringBoot项目中部署React或Vue打包好的前端项目时,刷新页面导致404错误的问题,并提供了两种解决方案:一是在SpringBoot启动类中配置错误页面重定向到index.html,二是将前端路由改为hash模式以避免刷新问题。
49 1
|
7天前
|
JavaScript Java 关系型数据库
毕设项目&课程设计&毕设项目:基于springboot+vue实现的在线考试系统(含教程&源码&数据库数据)
本文介绍了一个基于Spring Boot和Vue.js实现的在线考试系统。随着在线教育的发展,在线考试系统的重要性日益凸显。该系统不仅能提高教学效率,减轻教师负担,还为学生提供了灵活便捷的考试方式。技术栈包括Spring Boot、Vue.js、Element-UI等,支持多种角色登录,具备考试管理、题库管理、成绩查询等功能。系统采用前后端分离架构,具备高性能和扩展性,未来可进一步优化并引入AI技术提升智能化水平。
毕设项目&课程设计&毕设项目:基于springboot+vue实现的在线考试系统(含教程&源码&数据库数据)
|
8天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的房产销售管理系统
基于Java+Springboot+Vue开发的房产销售管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的房产销售管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
23 3
基于Java+Springboot+Vue开发的房产销售管理系统
|
9天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的反诈视频宣传系统
基于Java+Springboot+Vue开发的反诈视频宣传系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的反诈视频宣传管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
40 4
基于Java+Springboot+Vue开发的反诈视频宣传系统
下一篇
无影云桌面