毕业设计：基于springboot+vue的健美操评分系统+论文源码视频演示

4 系统设计

4.1 系统体系结构

健美操评分系统的结构图4-1所示：

图4-1系统结构

登录系统结构图，如图4-2所示：

图4-2登录结构图

4.2 系统总功能结构设计

系统按照用户的实际需求开发而来，贴近生活。从管理员通过正确的账号的密码进入系统，可以使用相关的系统应用。管理员总体负责整体系统的运行维护，统筹协调。

系统整体模块设计：系统分为管理员、裁判员和用户三大角色，系统管理员有最大的权限，整体功能展示如图4-3所示。

图4-3 系统整体功能图

4.3开发流程设计

系统开发流程的分析是一个至关重要的过程，它是指通过系统的设计开发目的初衷、面向使用用户的范围、系统运行和操作的安全性、各种问题的处理以及后台数据的分析能力等各个角度，来对健美操评分系统进行设计、开发、搭建和调节，以保证该系统能够顺利的完成，达到预期的工作状态。上述每个环节、每个步骤一开始就要下足功夫，从各个方面、各个角度进行调查研究，进行大量的测试和评估，来保证健美操评分系统的正常和该系统的后台数据库的完整性以及安全性，从而把控系统所包含信息的安全性、确保信息进入、出口顺利过渡。然后，对系统和数据进行操作和分析，根据每一步的执行步骤，完成信息的流程图制作过程。

系统的开发对管理模型和系统应用中的数据库进行了分类，创建代码，以及系统测试，如图4-4所显示。

图4-4开发系统流程图

4.4 数据库设计原则

学习程序设计，如果要了解数据库管理系统或者是根据需求而制定的系统接口，就必须创建一种数据库管理系统的模式，用来保存数据资料，这样当在应用编程过程中时候，就不需要再向操作系统页面上加载信息，进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据，应该说是一个管理信息系统建设的中心和基础，而信息库管理系统也为管理信息系统建设提出了新增、删除、更改和搜索的操作功能，使管理信息系统建设能够迅速地查询所需要的数据，而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并，排序和组成信息库管理系统。

通过对健美操评分系统的主要功能信息进行规划并分为若干功能实体信息，实体信息将使用E-R图加以表示，本系统的主要功能实体图如下图所示。

图4-5用户实体属性图

图4-6健美操评论实体属性图

图4-7评分实体属性图

图4-8健美操实体属性图

图4-9健美操资讯实体属性图

4.5 数据表

把按照数据库理念建立的E-R图，转换为国际关系信息库。在关联数据库中，统计关联主要由统计表所构成，但是表的构成主要体现在表格的数文字段上。如下表所示。

表4-1：配置文件

表4-2：用户

表4-3：裁判员

表4-4：用户表

表4-5：关于我们

表4-6：token表

表4-7：收藏表

表4-8：视频分类

表4-9：评分

表4-10：健美操资讯

表4-11：健美操

表4-12：健美操评论表

5 系统详细设计

5.1系统功能实现

当人们打开系统的网址后，首先看到的就是首页界面。在这里，人们能够看到健美操评分系统的导航条。系统首页界面如图5-1所示：

图5-1 系统首页界面

系统注册：在系统注册页面输入用户注册信息进行注册操作；系统注册页面如图如图5-2所示：

图5-2系统注册页面

健美操：在健美操页面的输入栏中输入视频标题，视频分类进行查询；可以查看健美操详细信息，还可以进行收藏，点赞，评论操作；健美操页面如图5-3所示：

图5-3健美操详细页面

个人中心：在个人中心页面通过填写个人详细信息进行信息更新操作，还可以对我的收藏进行详细操作；如图5-4所示：

图5-4个人中心界面

5.2后台功能实现

5.2.1管理员功能实现

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

图5-5后台登录界面

管理员进入主界面，主要功能包括对首页，个人中心，裁判员管理，用户管理，视频分类管理，健美操管理，评分管理，系统管理等进行操作。管理员主界面如图5-6所示：

图5-6 管理员主界面

管理员点击用户管理。在用户页面输入用户名进行查询，新增或删除用户列表，并根据需要对用户详情信息进行详情，修改或删除操作；如图5-7所示：

图5-7用户管理界面

管理员点击裁判员管理。在裁判员页面输入裁判账号进行查询，新增或删除裁判员列表，并根据需要对裁判员详情信息进行详情，修改或删除操作；如图5-8所示：

图5-8裁判员管理界面

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

图5-9视频分类管理界面

管理员点击健美操管理。在健美操页面输入视频标题，视频分类进行查询，新增或删除健美操列表，并根据需要对健美操详细信息进行详情，修改，查看评论或删除操作，如图5-10所示：

图5-10健美操管理界面

管理员点击评分管理。在评分管理页面输入视频标题，视频分类进行查询，新增或删除评分管理列表，并根据需要对评分详细信息进行详情，修改或删除操作，如图5-11所示：

图5-11健美操管理界面

5.2.2用户功能实现

用户进入主界面，主要功能包括对首页，个人中心，健美操管理，评分管理等进行操作。用户主界面如图5-12所示：

图5-12用户主界面

5.2.2裁判员功能实现

裁判员进入主界面，主要功能包括对首页，个人中心，健美操管理，评分管理等进行操作。裁判员主界面如图5-13所示：

图5-13 裁判员主界面