# SpringBoot实验三

**Repository Path**: kevinsoft/spring_boot_experiment_3

## Basic Information

- **Project Name**: SpringBoot实验三
- **Description**: 实验三 全球新型冠状病毒实时数据统计应用程序的设计与实现
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-05-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 实验三 全球新型冠状病毒实时数据统计应用程序的设计与实现

## 一、创建项目，引入依赖

![image-20200510013427313](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510013427313.png)

## 二、编写service方法和vo渲染对象

### 基本返回数据

确诊、死亡、治愈数据->行记录->列记录

![image-20200510013547112](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510013547112.png)

![image-20200510013609581](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510013609581.png)

### 编写servcie方法

定义常量和一些属性

![image-20200510013902622](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510013902622.png)

获取数据

![image-20200510013956155](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510013956155.png)

编写查询方法

![image-20200510014035505](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510014035505.png)

## 三、编写controller

![image-20200510014142092](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510014142092.png)

## 四、编写单元测试，修改配置

![image-20200510015756743](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510015756743.png)

![image-20200510015814340](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510015814340.png)

![image-20200510015829846](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510015829846.png)

## 五、编写前端页面

在resources/static文件夹下新建html文件

![image-20200510020005353](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510020005353.png)

引入jQuery使用ajax加载数据，引入bootstrap框架改一下样式，最后完成的页面如下

![image-20200510020100122](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510020100122.png)

![image-20200510020121479](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510020121479.png)

筛选看中国的情况

![image-20200510020207870](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510020207870.png)

![image-20200510020221955](https://gitee.com/kevinsoft/spring_boot_experiment_3/raw/master/images/image-20200510020221955.png)