# highschool-healthstatus-post

**Repository Path**: simple_one1/highschool-healthstatus-post

## Basic Information

- **Project Name**: highschool-healthstatus-post
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-06-30
- **Last Updated**: 2021-07-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 高校健康上报系统设计与实现



### 一、项目简介

本项目是采用前后端分离的开发方式

前端通过Vue框架实现，后端通过SpringBoot框架实现

前后端都引入了腾讯防水墙

后端使用了SpringBoot Security 的安全框架

并且支持莞工中央认证登录

Spring Boot 主体和数据库都是使用Docker容器在服务器进行部署

#### 二、系统功能

1. 使用角色有普通用户和系统管理员
2. 用户在登陆后通过提交表单进行健康上报
3. 管理员可以查看当日健康上报情况
4. 管理员可以查看身体异常的用户及其相关个人信息并且可以将信息导出
5. 查看统计数据时支持分页和排序
6. 管理员可以锁定用户

#### 三、系统结构

前端

![image-20210630154145188](https://gitee.com/simple_one1/pic/raw/master/image-20210630154145188.png)



后端

![image-20210630154221203](https://gitee.com/simple_one1/pic/raw/master/image-20210630154221203.png)

数据库结构

![image-20210630154704831](https://gitee.com/simple_one1/pic/raw/master/image-20210630154704831.png)



#### 四、系统运行截图

1. 登陆界面

![image-20210630152831458](https://gitee.com/simple_one1/pic/raw/master/image-20210630152831458.png)

接入中央认证核心代码：

![image-20210630153122298](https://gitee.com/simple_one1/pic/raw/master/image-20210630153122298.png)

2. 登陆界面滑块验证

![image-20210630153232345](https://gitee.com/simple_one1/pic/raw/master/image-20210630153232345.png)

后端防水墙相关代码

![image-20210630153919861](https://gitee.com/simple_one1/pic/raw/master/image-20210630153919861.png)

![image-20210630153901235](https://gitee.com/simple_one1/pic/raw/master/image-20210630153901235.png)

3. 用户上报界面

![image-20210630153355620](https://gitee.com/simple_one1/pic/raw/master/image-20210630153355620.png)



3. 当日健康上报情况统计

![image-20210630151652000](https://gitee.com/simple_one1/pic/raw/master/image-20210630151652000.png)





3. 查看身体异常统计

![image-20210630152117599](https://gitee.com/simple_one1/pic/raw/master/image-20210630152117599.png)

相关分页实现

![image-20210630152552935](https://gitee.com/simple_one1/pic/raw/master/image-20210630152552935.png)





4. 用户锁定

![image-20210630152200333](https://gitee.com/simple_one1/pic/raw/master/image-20210630152200333.png)

后端相关代码

![image-20210630152723162](https://gitee.com/simple_one1/pic/raw/master/image-20210630152723162.png)



5.查看联系信息

![image-20210630152239299](https://gitee.com/simple_one1/pic/raw/master/image-20210630152239299.png)





6. 导出列表信息

![image-20210630151919919](https://gitee.com/simple_one1/pic/raw/master/image-20210630151919919.png)

![image-20210630151946018](https://gitee.com/simple_one1/pic/raw/master/image-20210630151946018.png)

核心代码截图：

![image-20210630152445029](https://gitee.com/simple_one1/pic/raw/master/image-20210630152445029.png)



7. 系统部署

云服务器

![image-20210701161440805](https://gitee.com/simple_one1/pic/raw/master/image-20210701161440805.png)

系统运行

![image-20210701161030080](https://gitee.com/simple_one1/pic/raw/master/image-20210701161030080.png)

Dockerfile

![image-20210701161147038](https://gitee.com/simple_one1/pic/raw/master/image-20210701161147038.png)



#### 五、总结

通过本次实验熟悉了Vue框架的使用，SpringBoot和SpringSecurity的使用

也学习到了云服务器上docker相关的部署

以及第三方认证的接入，腾讯防水墙的接入

对于前后端分离项目跨域问题的处理也更加熟悉