毕业设计:基于springboot+vue多媒体信息共享平台开发+论文ppt源码视频演示
4 系统设计
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作品信息管理界面