持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情
1.1 系统结构设计及技术架构设计
（1）软件架构设计
校园疫情防控管理系统根据“自顶向下，逐步求精”的设计理念确定了需求，并按照校园疫情防控管理的特点，设计得到系统中的多个子系统及功能模块，该架构有较强的可靠性，系统结构图如图6所示。
图 6 系统结构图****
在校园疫情防控管理系统的五层架构中，表现层使用JavaScript、VChart等技术实现界面和数据可视化，并利用Ajax与后台进行通信。系统依托浏览器为运行平台，完成对功能指令的上传，再传输给应用层，后端使用Express搭建，并基于MySQL数据库存储数据。在此基础上应用层进行逻辑处理，由此确保校园疫情防控管理系统的实现。
（2）系统总体功能结构设计
校园疫情防控管理系统的功能结构图如图7所示，所有的用户的界面统一，只是权限不同而导致可使用的模块不同，该系统主要功能模块共有六个，分别是基础信息管理模块、基本信息管理模块、健康信息表管理模块、统计分析管理模块、校园进出管理模块和通知公告管理模块。
图 7 系统功能结构图****
（3）技术架构设计
系统的前端使用Vue、Element、VChart技术实现用户界面，用Ajax请求后端服务。后端用Express搭建后台，并基于MySQL 8.0数据库存储数据。用户输入数据至系统，经过后台数据处理部分输入至数据库，后端服务通过DAO模块与数据库连接获取数据，再通过HTTP请求与终端Web浏览器交换数据，前端再将数据输出给用户。
