基于大数据的亚健康人群数据可视化设计和实现

本系统开发工具包含 Tomcat（轻量易部署的 Java Web 应用服务器，用于项目运行测试）、MySQL（开源免费的关系型数据库，存储系统数据）、Vision（Office 组件，用于绘制图形建模以明晰系统情况）；开发技术方面，后台以 Java 语言（跨平台、面向对象、可移植性强）结合 Spring Boot 框架（遵循 “约定大于配置”，简化配置与部署，支持自动装配）开发，采用 B/S 架构（客户端通过浏览器访问，跨平台且维护成本低），前端用 Vue 框架（渐进式、组件化、高效渲染），还用到 Hadoop（Apache 开源大数据处理框架，靠 HDFS 和 MapReduce 实现海量数据分布式处理）与 Scrapy（Python 编写的开源爬虫框架，支持异步处理与结构化数据提取）。

第四章系统设计

4.1 系统总体设计

系统的建设可以为基于大数据的亚健康人群数据可视化提供帮助，通过对一些基础信息管理实现针对性的安排，可以按照用户的角色权限使不同用户角色看到不一样的信息界面。现根据需求阶段的分析，我们可以确定系统需要包含的功能；系统总体结构图如下：

图4-1 系统总体结构图

第5章系统实现

5.1前台功能实现

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

图5-1 系统首页界面

在注册流程中，用户在Vue前端填写必要信息（如用户名、密码等）并提交。前端将这些信息通过HTTP请求发送到Java后端。后端处理这些信息，检查用户名是否唯一，并将新用户数据存入MySQL数据库。完成后，后端向前端发送注册成功的确认，前端随后通知用户完成注册。这个过程实现了新用户的数据收集、验证和存储。系统注册页面如图5-2所示：

图5-2系统注册页面

亚健康数据：在亚健康数据页面的输入栏中输入性别、工作类型或住宅类型进行查询，可以查看到亚健康数据详细信息；并根据需要进行操作；亚健康数据页面如图5-3所示：

图5-3亚健康数据详细页面

5.2管理员模块实现

在登录流程中，用户首先在Vue前端界面输入用户名和密码。这些信息通过HTTP请求发送到Java后端。后端接收请求，通过与MySQL数据库交互验证用户凭证。如果认证成功，后端会返回给前端，允许用户访问系统。这个过程涵盖了从用户输入到系统验证和响应的全过程。如图5-6所示。

图5-6 管理员登录界面

管理员进入主页面，主要功能包括对系统首页、用户管理、亚健康数据管理、在线交流、系统管理、我的信息等进行操作。管理员主页面如图5-7所示：

图5-7管理员主界面

用户管理功能在视图层（view层）进行交互，比如点击“查询、添加或删除”按钮或填写用户信息表单。这些用户表单动作被视图层捕获并作为请求发送给相应的控制器层（controller层）。控制器接收到这些请求后，调用服务层（service层）以执行相关的业务逻辑，例如验证输入数据的有效性和与数据库的交互。服务层处理完这些逻辑后，进一步与数据访问对象层（DAO层）交互，后者负责具体的数据操作如修改或删除用户信息，并将操作结果返回给控制器。最终，控制器根据这些结果更新视图层，以便用户管理功能可以看到最新的信息或相应的操作反馈。如图5-8所示：

图5-8用户管理界面

亚健康数据管理功能在视图层（view层）进行交互，比如点击“查询、添加、爬取数据、生成数据或删除”按钮或填写亚健康数据信息表单。如图5-9所示：

图5-9亚健康数据管理界面

管理员进行爬取数据后，点击主页面右上角的看板，可以查看到工作类型统计、住宅类型统计、年龄分布统计、亚健康统计、数据分析、健康分析等实时的分析图进行可视化管理；如图5-11所示：

图5-11看板界面

第六章系统测试

系统测试是基于大数据的亚健康人群数据可视化系统开发周期的关键环节，是保障系统质量与可靠性的最后防线，目的是从用户角度出发，通过多场景模拟发现并解决问题，验证系统是否符合需求规格说明书，提升系统功能健全性、逻辑顺畅度与用户体验。测试设计了黑盒测试用例，登录测试涵盖页面展示、账号 / 密码非空及正确性检验等场景，修改密码测试包含页面跳转、原始密码校验、新密码非空及一致性检验等场景，所有用例测试结果均成功。测试结果表明，系统基本实现设计需求的大部分功能，运行无异常，数据加载符合预期，测试通过，达成初始设计目的。