毕业设计：基于springboot+vue多媒体信息共享平台开发+论文ppt源码视频演示

4 系统设计

4.1 系统概要

在对该方法进行了系统的解析之后，进行了一个包括了整体和细节的记性系统的设计。整体的设计仅仅是一个整体的方案，通过整体的方案，我们可以将整个体系中的某些部分分割开来，比如文件，文档，数据等等。经过整体的规划，我们可以将这些软件的各个部分，都分成了不同的部分。不过这仅仅是一种初步的分类，并未实际实施。

总体来说，这是一个初步的方案，也是一个工程。我们可以进行多种方案的综合，在比较中，从性能、成本、效益三方面进行比较，最后得出最佳的产品，选用好的总体设计能够减少成本，提高企业效益，从这一点来讲，整体设计非常重要的。

武理多媒体信息共享平台工作原理图如图4-1所示：

图4-1 系统工作原理图

4.2 系统结构设计

架构图是系统的体系结构，体系结构是体系结构体系的重要组成部分。武理多媒体信息共享平台的总体结构设计如图4-2所示。

图4-2 系统总体架构图

4.3数据库设计

在电脑资讯系统中，以资料库为基础。当前计算机体系中最重要的是数据库。数据库的发展好坏，直接关系到整个系统的性能与运行效率。

4.3.1 数据库设计原则

利用 ER模式进行数据库的概念结构设计。E-R模型法的组成元素有：实体、属性、联系，E-R模型用E-R图表示，是一个关于工作环境中的事件的信息，而一个属性是关于物理特征的说明。在系统的设计过程中，资料库发挥了关键作用。下面设计出这几个关键实体的实体—关系图。

4.3.2 数据库实体

在一个资料模式中，一个被称作“实例”的实体，与真实的“事件”或者“物体”相匹配，可以与其它物体区分开来。例如，公司中的每个员工，家里中的每个家具。

本系统的实体属性图如下图所示：

1、作品信息评论实体图如图4-3所示：

图4-3作品信息评论实体图

2、用户实体图如图4-4所示：

图4-4用户实体图

3、作品分类实体图如图4-5所示：

图4-5作品分类实体图

4、公告信息实体图如图4-6所示：

图4-6公告信息实体图

5、作品信息实体图如图4-7所示：

图4-7作品信息实体图

4.3.3 数据库表设计

武理多媒体信息共享平台有一个内部数据库。对于数据库系统设计一般基于对我国现有企业数据库系统进行优化管理的操作系统。通常广泛采用的企业数据库资源管理软件系统主要类型包括mysqlserver、mysql、oracle等。该管理系统主要采用了mysql大型数据库资源管理软件。

下表将详细列出武理多媒体信息共享平台的数据库中所有列表。每一份量表的设计成果列出数据库的表信息属于设计的一部分，下面介绍数据库中的各个表的详细信息。

表4-1：用户表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
username	varchar	100	用户名
password	varchar	100	密码
role	varchar	100	角色		管理员
addtime	timestamp		新增时间		CURRENT_TIMESTAMP

表4-2：token表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
userid	bigint		用户id
username	varchar	100	用户名
tablename	varchar	100	表名
role	varchar	100	角色
token	varchar	200	密码
addtime	timestamp		新增时间		CURRENT_TIMESTAMP
expiratedtime	timestamp		过期时间		CURRENT_TIMESTAMP

表4-3：关于我们

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
subtitle	varchar	200	副标题
content	longtext	4294967295	内容
picture1	longtext	4294967295	图片1
picture2	longtext	4294967295	图片2
picture3	longtext	4294967295	图片3

表4-4：作品信息评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
reply	longtext	4294967295	回复内容

表4-5：配置文件

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
name	varchar	100	配置参数名称
value	varchar	100	配置参数值

表4-6：关于我们

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
subtitle	varchar	200	副标题
content	longtext	4294967295	内容
picture1	longtext	4294967295	图片1
picture2	longtext	4294967295	图片2
picture3	longtext	4294967295	图片3

表4-7：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zhanghao	varchar	200	账号
xingming	varchar	200	姓名
mima	varchar	200	密码
xingbie	varchar	200	性别
youxiang	varchar	200	邮箱
touxiang	longtext	4294967295	头像
pquestion	varchar	200	密保问题
panswer	varchar	200	密保答案

表4-8：收藏表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
refid	bigint		商品id
tablename	varchar	200	表名
name	varchar	200	名称
picture	longtext	4294967295	图片
type	varchar	200	类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注)		1
inteltype	varchar	200	推荐类型
remark	varchar	200	备注

表4-9：私聊信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zuopinmingcheng	varchar	200	作品名称
zuopinfengmian	longtext	4294967295	作品封面
zhanghao	varchar	200	账号
xingming	varchar	200	姓名
siliaoneirong	longtext	4294967295	私聊内容
siliaozhanghao	varchar	200	私聊账号
siliaoxingming	varchar	200	私聊姓名
siliaoriqi	date		私聊日期
shhf	longtext	4294967295	回复内容

表4-10：公告信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
introduction	longtext	4294967295	简介
picture	longtext	4294967295	图片
content	longtext	4294967295	内容

表4-11：作品信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zuopinmingcheng	varchar	200	作品名称
zuopinfenlei	varchar	200	作品分类
suoshuleibie	varchar	200	所属类别
zuopinfengmian	longtext	4294967295	作品封面
lingganlaiyuan	varchar	200	灵感来源
yinpin	longtext	4294967295	音频
shipin	longtext	4294967295	视频
zuopinxiangqing	longtext	4294967295	作品详情
zhanghao	varchar	200	账号
xingming	varchar	200	姓名
shangchuanshijian	datetime		上传时间
thumbsupnum	int		赞		0
crazilynum	int		踩		0
clicktime	datetime		最近点击时间
clicknum	int		点击次数		0

表4-12：作品分类

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
zuopinfenlei	varchar	200	作品分类

4.4 系统时序图

对于系统设计的详细描述主要采用了时序图的方式，时序图描述了对象之间传递消息的时间顺序, 用来表示用例中的行为顺序, 是强调消息时间顺序的交互图; 时序图描述的事物: 时序图描述系统中类和类之间的交互, 将这些交互建模成消息交换, 时序图描述了类以及类之间的交换以完成的期望行为的消息, 时序图中每条消息都代表了类的一个操作或者引起状态机改变的触发事件。

4.4.1 注册时序图

注册时序图，如图4-8所示。

图4-8注册时序图

4.4.2 登录时序图

登录时序图如图4-9所示。

图4-9登录时序图

4.4.3 管理员修改用户信息时序图

管理员修改用户信息时序图如图4-10所示。

图4-10管理员修改用户信息时序图

4.4.4 管理员管理系统信息时序图

管理员管理系统信息时序图如图4-11所示。

图4-11管理员管理系统信息时序图

5 系统的实现

5.1 基本任务

该系统的实施方式是指能精确地描绘要实施的对象，以便后续的代码可以按照系统的实际情况用编程的方式来写相应的软件。

系统实现的基本任务如下：

（1）模块的数据结构进行设计，在之前的需求分析、概要设计中更加明确地界定更加含糊的资料类型。

（2）更加精确地对每个模板进行了更加细致的算法设计，并对每个组件的处理过程进行了算法的说明。

（3）执行实体化的资料库。

（4）其他设计：有时候，还要考虑到系统的不同，如：输入/输出格式设计、代码设计、人机对话设计等。

（5）对系统的说明书进行编写。

（6）评审：审查程序中的规则和数据库的实体构造。

系统结构可分为具有三个不同功能的包的java源代码、系统的数据库文件、界面代码。java源代码中三个不同包分别为控制、逻辑、缩写层，分别控制也不同的程序具有不同的性质。有了他们就能对系统的数据进行增删改查，完成界面的显示和数据统计，产生随机数和属性文件的读取。定时器类、翻页工具类等，包含了日期转换、字符串处理、获取编译环境等信息。这些类极大地方便了Java编程，日常开发中，经常要用来这些类。

5.2 系统前台功能模块

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到武理多媒体信息共享平台的导航条，通过导航条导航进入各功能展示页面进行操作。系统首页界面如图5-1所示：

 

图5-1 系统首页界面

平台注册：在平台注册页面的输入用户注册信息进行注册操作，平台注册页面如图5-2所示：

 

图5-2平台注册页面

系统登录：在系统登录页面的输入栏中输入用户名和密码进行登录；系统登录页面如图5-3所示：

 

图5-3系统登录页面

作品信息：在作品信息页面的输入栏中输入作品名称、所属类别、灵感来源和姓名进行查询，可以查看作品信息详细信息，并根据需要对作品信息详细信息进行收藏、赞一下、踩一下、私聊或评论操作；作品信息详细页面如图5-4所示：

 

图5-4作品信息详细页面

个人中心：在个人中心页面输入个人信息可以进行信息更新操作，并可以根据需要对我的收藏进行详细操作；如图5-5所示：

 

图5-5个人中心界面

5.3后台模块实现

后台用户登录，在登录页面选择需要登录的角色，在正确输入用户名和密码后，进入操作系统进行操作；如图5-6所示。

 

图5-6后台登录界面

5.3.1管理员模块实现

管理员进入主页面，主要功能包括对个人中心、用户管理、作品分类管理、作品信息管理、私聊信息管理、系统管理等进行操作。管理员主界面如图5-7所示：

 

图5-7管理员主界面

管理员点击用户管理。进入用户页面输入账号和姓名可以查询，新增或删除用户列表，并根据需要对用户详情信息进行查看详情，修改和删除等操作。如图5-8所示：

 

图5-8用户管理界面

管理员点击作品分类管理。在作品分类页面输入作品分类可以查询，新增或删除作品分类列表，并根据需要对作品分类详情信息进行查看详情、修改或删除操作。如图5-9所示：

 

图5-9作品分类管理界面

管理员点击私聊信息管理。在私聊信息页面输入作品名称和姓名可以查询或删除私聊信息列表，并根据需要对私聊信息详情信息进行查看详情或删除操作。如图5-10所示：

 

图5-10私聊信息管理界面

管理员点击系统管理，在关于我们页面输入标题可以查询关于我们列表，并根据需要对关于我们详情信息进行查看详情或修改等操作；还可以对系统简介、轮播图管理和公告信息进行详情或修改操作。如图5-11所示：

 

图5-11系统管理界面

5.3.2用户后台管理模块实现

用户进入系统后台可以对系统首页、个人中心、作品信息管理、私聊信息管理等功能进行操作。用户后台管理主界面如图5-12所示：

 

图5-12用户后台管理主界面

用户点击作品信息管理，在作品信息页面输入作品名称、所属类别、灵感来源和姓名进行查询、新增或删除作品信息列表，并根据需要对作品信息详情信息进行详情、修改、查看评论或删除操作；如图5-13所示：

 

图5-13作品信息管理界面

---