基于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

相关文章
|
8天前
|
存储 JavaScript 前端开发
基于 SpringBoot 和 Vue 开发校园点餐订餐外卖跑腿Java源码
一个非常实用的校园外卖系统,基于 SpringBoot 和 Vue 的开发。这一系统源于黑马的外卖案例项目 经过站长的进一步改进和优化,提供了更丰富的功能和更高的可用性。 这个项目的架构设计非常有趣。虽然它采用了SpringBoot和Vue的组合,但并不是一个完全分离的项目。 前端视图通过JS的方式引入了Vue和Element UI,既能利用Vue的快速开发优势,
55 13
|
16天前
|
JavaScript 安全 Java
java版药品不良反应智能监测系统源码,采用SpringBoot、Vue、MySQL技术开发
基于B/S架构,采用Java、SpringBoot、Vue、MySQL等技术自主研发的ADR智能监测系统,适用于三甲医院,支持二次开发。该系统能自动监测全院患者药物不良反应,通过移动端和PC端实时反馈,提升用药安全。系统涵盖规则管理、监测报告、系统管理三大模块,确保精准、高效地处理ADR事件。
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
81 2
|
1月前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
46 0
|
3月前
|
SQL 监控 druid
springboot-druid数据源的配置方式及配置后台监控-自定义和导入stater(推荐-简单方便使用)两种方式配置druid数据源
这篇文章介绍了如何在Spring Boot项目中配置和监控Druid数据源,包括自定义配置和使用Spring Boot Starter两种方法。
|
2月前
|
人工智能 自然语言处理 前端开发
SpringBoot + 通义千问 + 自定义React组件:支持EventStream数据解析的技术实践
【10月更文挑战第7天】在现代Web开发中,集成多种技术栈以实现复杂的功能需求已成为常态。本文将详细介绍如何使用SpringBoot作为后端框架,结合阿里巴巴的通义千问(一个强大的自然语言处理服务),并通过自定义React组件来支持服务器发送事件(SSE, Server-Sent Events)的EventStream数据解析。这一组合不仅能够实现高效的实时通信,还能利用AI技术提升用户体验。
228 2
|
5天前
|
NoSQL Java Redis
Spring Boot 自动配置机制:从原理到自定义
Spring Boot 的自动配置机制通过 `spring.factories` 文件和 `@EnableAutoConfiguration` 注解,根据类路径中的依赖和条件注解自动配置所需的 Bean,大大简化了开发过程。本文深入探讨了自动配置的原理、条件化配置、自定义自动配置以及实际应用案例,帮助开发者更好地理解和利用这一强大特性。
44 14
|
27天前
|
缓存 IDE Java
SpringBoot入门(7)- 配置热部署devtools工具
SpringBoot入门(7)- 配置热部署devtools工具
43 1
SpringBoot入门(7)- 配置热部署devtools工具
|
1月前
|
缓存 IDE Java
SpringBoot入门(7)- 配置热部署devtools工具
SpringBoot入门(7)- 配置热部署devtools工具
43 2
 SpringBoot入门(7)- 配置热部署devtools工具
|
22天前
|
监控 Java 数据安全/隐私保护
如何用Spring Boot实现拦截器:从入门到实践
如何用Spring Boot实现拦截器:从入门到实践
38 5
下一篇
DataWorks