Spring Boot +ECharts 案例

---

一、提出任务

• 后端利用Spring Boot查询班级表数据，前端利用ECharts绘制各班人数柱形图。

（一）班级数据

（二）运行效果

二、完成任务

（一）创建数据库与表

1、创建数据库

• 创建数据库 - bootdb
  

2、创建数据表

3、插入数据

（二）创建Spring Boot项目

• 利用Spring Initializr创建Spring Boot项目 - EChartsDemo2
  
• 添加依赖
  
• 单击【Finish】按钮
  

（三）创建班级实体类

• 在net.cch.echarts包里创建bean子包，在子包里创建Clazz类
  

package net.cch.echarts.bean;

/**
 * 功能:  班级实体类
 * 作者: 陈春宏
 * 时间: 2022年06月16日
 */
public class Clazz {
   
    private int id;
    private String clazz;
    private int boys;
    private int girls;

    public int getId() {
   
        return id;
    }

    public void setId(int id) {
   
        this.id = id;
    }

    public String getClazz() {
   
        return clazz;
    }

    public void setClazz(String clazz) {
   
        this.clazz = clazz;
    }

    public int getBoys() {
   
        return boys;
    }

    public void setBoys(int boys) {
   
        this.boys = boys;
    }

    public int getGirls() {
   
        return girls;
    }

    public void setGirls(int girls) {
   
        this.girls = girls;
    }

    @Override
    public String toString() {
   
        return "Clazz{" +
                "id=" + id +
                ", clazz='" + clazz + '\'' +
                ", boys=" + boys +
                ", girls=" + girls +
                '}';
    }
}

（四）创建班级映射器接口

• 在net.cch.echarts包里创建mapper子包，在子包里创建ClazzMapper接口
  

package net.cch.echarts.mapper;

import net.cch.echarts.bean.Clazz;
import org.apache.ibatis.annotations.Mapper;

import java.util.List;

/**
 * 功能: 班级映射器接口
 * 作者: 陈春宏
 * 时间: 2022年06月10日
 */