一、知识回顾（读完直接做下面的实践题）#

1. 两个统计接口：GET /report/studentCountData（班级人数统计，喂柱状图）、GET /report/studentDegreeData（学员学历统计，喂环形图）；都是 GET、无请求参数，挂在 /report 前缀下（和第 10 章员工统计共用一个 ReportController）
2. 班级人数统计的响应结构：data 是封装类 ClazzCountOption，里面两个数组——clazzList（班级名称）与 dataList（人数）；两个数组下标一一对应（clazzList[0]”JavaEE就业163期” ↔ dataList[0] 6）
3. 学历统计的响应结构：data 是列表，每项 {name, value}（name 是学历文字、value 是人数）；环形图的图例取 name、扇区大小取 value
4. 班级人数 SQL 的写法：from clazz c left join student s on s.clazz_id = c.id（以班级表为主）→ count(s.id) scount → group by c.name → order by count(s.id) desc；结果一行一个 Map（键 cname、scount）
5. “以班级表为主”的后果：0 人的班级也会出现（班级行被左连接保住，人数为 0）；班级表里查不到的班级下的学员不计入任何一组（本机 clazz_id=2 的 7 人就属于这种情况）
6. 人数为什么用 count(s.id)：左连接下 0 人班级也有一行（学员列全 null），count(*) 会把这一行数成 1 人；count(s.id) 只数非 null 的学员 id，才能得到 0
7. Service 的组装：班级人数统计把”一行一个 Map”的列表用 stream 分别抽出 cname、scount 两列，装进 new ClazzCountOption(clazzList, dataList)（靠 Lombok 的 @AllArgsConstructor），空结果用 CollectionUtils.isEmpty(...) 判一下
8. 学历 SQL 的写法：case degree when 1 then '初中' when 2 then '高中' … else '其他' end 起别名 name、count(*) value、group by degree、order by degree——按学历编号排序（初中→硕士），不是按人数；这条 SQL 不连表
9. 两段自检数字（本机实测）：班级人数 [6,3,2,0,0,0]（合计 11，差的 7 人 = clazz_id=2 的学员）；学历 [初中1,高中4,大专3,本科8,硕士2]（合计 18 = 学员总数）
10. ECharts 对接：柱状图 xAxis.data = clazzList、series[0].data = dataList；环形图 series[0].data = data（对象数组直接交给系列）——后端的 data 形状就是按图的需要定的

二、裸写题#

• 2-1 写出”班级人数统计”的 SQL 需求：统计每个班级各有多少学员，结果一行给出”班级名称 + 该班人数”两列（别名分别叫 cname、scount，Java 那边靠这两个名字取值）。有两条硬要求： ① 班上一个学员也没有的班级也要出现在结果里（人数显示 0）； ② 班级表里不存在的班级，它下面的学员不计入（本机 student 表里有 7 名学员的 clazz_id = 2，而 clazz 表里没有 id=2 的班级）。 结果按人数从多到少排列。写完回答：这 7 名学员会不会出现在结果里？六个班的人数相加应该是多少？ （SQL 写在练习文件 test_80_统计SQL.sql 的题目2-1。）

  提示（先自己想，实在想不出再点开）

  一级 · 思路：结果要”一个班一行、人数一列”——先想清楚哪张表当主表（能保证”一个班一行”的只有班级表），再把学员接上去数人数；“没学员的班也要在”要求”接不上也保留班级行” 二级 · 方法：from clazz c left join student s on s.clazz_id = c.id；数人数用 count(s.id)（别用 count(*)）；分组 group by c.name；排序 order by count(s.id) desc 三级 · 骨架：select c.name ____, count(____) ____ from clazz c left join student s on ____ group by ____ order by ____ desc

  参考答案（做完再点开）

  1
  select c.name cname, count(s.id) scount
  2
  from clazz c left join student s on s.clazz_id = c.id
  3
  group by c.name
  4
  order by count(s.id) desc

  （课程工程把它写成一行 @Select 注解，两种写法等价。）回答：不会出现——以班级表为主、左连接学员表，接不上的学员行不会进入结果；六个班相加是 6+3+2+0+0+0 = 11，11 + 7 = 18 才对得上学员总数。 检查点：① 主表必须是 clazz（写成 student left join clazz 的话三个 0 人班级会消失）；② 人数列必须是 count(s.id)（写 count(*) 的话 0 人班变 1 人）；③ 两个别名 cname/scount 要和 Java 里取值的键一致。

• 2-2 班级人数统计的三层实现（Java 部分） 需求（SQL 见题目2-1）：接口 GET /report/studentCountData，响应 data 是 {clazzList, dataList} 两个一一对应的数组。请完成： ① 写封装类 ClazzCountOption（两个 List 属性 + 让 Service 能 new 出来的 Lombok 注解）； ② 写 Service 实现（Mapper 已经给你 List<Map<String, Object>>，每行是 {cname=..., scount=...}，把它拆成两个 List 再装进封装类）； ③ 写 Controller 方法（请求方式、路径、返回值都用 Result 包起来）。 （练习文件 test_80_数据统计.java 的题目2-2 里给了写作区。）

  提示（先自己想，实在想不出再点开）

  一级 · 思路：和第 10 章员工职位统计是同一套路——Mappper 给”一行一个 Map”的列表，Service 负责”拆列”，Controller 只负责收请求/调 Service/包 Result 二级 · 方法：类上 @Data + @NoArgsConstructor + @AllArgsConstructor；countList.stream().map(map -> map.get("cname")).toList() 与同法取 "scount"；new ClazzCountOption(clazzList, dataList)；@GetMapping("/studentCountData") 三级 · 骨架：class ClazzCountOption { private List ____; private List ____; }；List<Object> clazzList = countList.stream().map(m -> m.get("____")).toList();；return new ClazzCountOption(____, ____);；@GetMapping("/____") public Result ____(){ ... return Result.success(____); }

  参考答案（做完再点开）

  ① 封装类（与课程工程一致）：

  1
  @Data
  2
  @NoArgsConstructor
  3
  @AllArgsConstructor
  4
  public class ClazzCountOption {
  5
      private List clazzList; //班级列表
  6
      private List dataList;  //人数列表
  7
  }

  ② Service 实现：

  1
  @Override
  2
  public ClazzCountOption getStudentCountData() {
  3
      List<Map<String, Object>> countList = studentMapper.getStudentCount();
  4
      if (!CollectionUtils.isEmpty(countList)) {
  5
          List<Object> clazzList = countList.stream().map(map -> {
  6
              return map.get("cname");
  7
          }).toList();
  8
          List<Object> dataList = countList.stream().map(map -> {
  9
              return map.get("scount");
  10
          }).toList();
  11
          return new ClazzCountOption(clazzList, dataList);
  12
      }
  13
      return null;
  14
  }

  ③ Controller：

  1
  @GetMapping("/studentCountData")
  2
  public Result getStudentCountData(){
  3
      log.info("班级人数统计");
  4
      ClazzCountOption clazzCountOption = reportService.getStudentCountData();
  5
      return Result.success(clazzCountOption);
  6
  }

  检查点：① @AllArgsConstructor 少了 new ClazzCountOption(clazzList, dataList) 编译不过；② 两个 List 是从同一个 countList 里拆的，下标天然对齐；③ Mapper 方法返回 List<Map<String, Object>>（一行一个 Map）。

• 2-3 学员学历统计（SQL + 三层） 需求：环形图要的数据是一个列表，每项形如 {"name":"初中","value":1}。数据库里 student.degree 是数字：1 初中、2 高中、3 大专、4 本科、5 硕士、6 博士，不在 1~6 里的（含没填的）统一归”其他”。请完成： ① 一条 SQL：把学历数字翻成中文（别名叫 name）、数出每个学历的人数（别名叫 value）、按学历分组，结果按学历从低到高排（初中在最前）； ② 数据访问层的方法签名（返回类型是什么？）； ③ Service 方法——这条 SQL 查出来的结果，是不是已经就是前端要的形状了？还需要再加工吗？ ④ Controller 方法（请求方式、路径）。 （SQL 写在练习文件 test_80_统计SQL.sql 的题目2-3，Java 部分写在 test_80_数据统计.java 的题目2-3。）

  提示（先自己想，实在想不出再点开）

  一级 · 思路：翻译 + 计数都在 SQL 里做——多分支翻译一列、数人数一列，再按学历分组；排序按学历编号，才能得到”初中→硕士”的顺序；Java 侧拿到的已经是目标形状 二级 · 方法：(case degree when 1 then '初中' ... else '其他' end) name（等值匹配写法）；count(*) value；from student group by degree；order by degree；Java 侧返回类型 List<Map>，Service 直接 return studentMapper.countStudentDegreeData(); 三级 · 骨架：select (case degree when 1 then '____' ... else '____' end) ____, count(*) ____ from student group by ____ order by ____；@MapKey("____") List<Map> countStudentDegreeData();；@GetMapping("/____") public Result ____(){ ... }

  参考答案（做完再点开）

  ① SQL（课程工程的 StudentMapper.xml）：

  1
  <select id="countStudentDegreeData" resultType="java.util.Map">
  2
      select
  3
          (case degree
  4
              when 1 then '初中'
  5
              when 2 then '高中'
  6
              when 3 then '大专'
  7
              when 4 then '本科'
  8
              when 5 then '硕士'
  9
              when 6 then '博士'
  10
              else '其他' end)  name,
  11
          count(*) value
  12
      from student group by degree
  13
      order by degree
  14
  </select>

  ② @MapKey("name") + List<Map> countStudentDegreeData();——返回类型是 List<Map>（一行一个 Map，键 name/value）。 ③ Service：

  1
  @Override
  2
  public List<Map> getStudentDegreeData() {
  3
      return studentMapper.countStudentDegreeData();   // 查出来就是前端要的形状，直接返回
  4
  }

  ④ Controller：

  1
  @GetMapping("/studentDegreeData")
  2
  public Result getStudentDegreeData(){
  3
      log.info("统计学员的学历信息");
  4
      List<Map> dataList = reportService.getStudentDegreeData();
  5
      return Result.success(dataList);
  6
  }

  回答要点：不需要再加工。SQL 查出来每行就是 {name=初中, value=1} 这样的 Map，一行对应环形图的一块扇区，Service 直接返回即可（对比题目2-2：那边前端要的是两组并列数组，所以必须拆）。本机实测的响应是 [{"name":"初中","value":1},{"name":"高中","value":4},{"name":"大专","value":3},{"name":"本科","value":8},{"name":"硕士","value":2}]，合计 18。

• 2-4 读懂两段响应，把数据交给 ECharts，并核对数字 下面两段是同一台机器上的真实响应（学员 18 名、班级 6 个）：

  1
  ① {"code":1,"msg":"success","data":{
  2
       "clazzList":["JavaEE就业163期","前端就业90期","JavaEE就业167期","JavaEE就业165期","JavaEE就业166期","大数据就业58期"],
  3
       "dataList":[6,3,2,0,0,0]}}
  4
  ② {"code":1,"msg":"success","data":[
  5
       {"name":"初中","value":1},{"name":"高中","value":4},{"name":"大专","value":3},
  6
       {"name":"本科","value":8},{"name":"硕士","value":2}]}

  请回答并写出配置片段： ① 两段响应分别来自哪个接口？哪个喂柱状图、哪个喂环形图？ ② 分别写出把 data 交给 ECharts 的配置片段（柱状图用哪两个字段、环形图怎么用）； ③ 核对数字：①里各项相加是 11，而学员一共 18 名，差的 7 人是怎么回事？②里各项相加是 18，为什么这里一个不差？ ④ ①里哪几个班级的人数是 0？它们为什么没被统计掉？ （练习文件 test_80_数据统计.java 的题目2-4 里给了写作区。）

  提示（先自己想，实在想不出再点开）

  一级 · 思路：看 data 的形状认接口——对象里两个数组的必是班级人数（柱状图），对象数组的必是学历统计（环形图）；对数字要想到”统计口径”：一份是按班级表数人（会漏），一份是按学员自己的学历数（不漏） 二级 · 方法：柱状图 xAxis: { data: res.data.clazzList } + series: [{ type: 'bar', data: res.data.dataList }]；环形图 series: [{ type: 'pie', data: res.data }]；7 人 = clazz_id=2（班级表里没有这个班）；0 人班级 = JavaEE就业165期、JavaEE就业166期、大数据就业58期 三级 · 骨架：此接口是 GET /report/____；xAxis: { data: res.data.____ }, series: [{ type: '____', data: res.data.____ }]；series: [{ type: '____', data: ____ }]

  参考答案（做完再点开）

  ① 第一段来自 GET /report/studentCountData（班级人数统计，喂柱状图）；第二段来自 GET /report/studentDegreeData（学员学历统计，喂环形图）。两条都是 GET、无参数。 ② 配置片段：

  1
  // 柱状图
  2
  xAxis: { type: 'category', data: res.data.clazzList },
  3
  series: [{ type: 'bar', data: res.data.dataList }]
  4
  
  5
  // 环形图（整个 data 数组就是系列数据，每项自带 name/value）
  6
  series: [{ type: 'pie', data: res.data }]

  ③ 11 与 18 差的 7 名学员，clazz_id = 2——而 clazz 表里没有 id=2 的班级。班级人数统计是”以班级表为主”数的：一行数据从班级出发，接不上班级的学员没有落脚点，自然不进结果（这是统计口径，不是漏查）。学历统计数是学员自己的属性（按 degree 分组），每个学员都落进某一行，所以 1+4+3+8+2 = 18，与学员总数一致。 ④ 人数是 0 的是 JavaEE就业165期、JavaEE就业166期、大数据就业58期（对应 clazz 表 id=5、6、7，名下没有学员）。它们没被统计掉，是因为主表是班级表、左连接会保住每个班级行；人数列用 count(s.id) 只数非 null 的学员 id，所以显示 0（如果写 count(*) 就会变成 1）。

三、综合题#

• 3-1 从头做完两个统计接口，并核对统计结果 这一题把本篇串起来：建封装类 → Controller → Service → Mapper（SQL）→ 启动验证 → 核对数字 → 前后端联调。

  1. 新建 ClazzCountOption：两个 List 属性（clazzList、dataList），类上标好 Lombok 三件套；
  2. 在 ReportController 里写两个 GET 方法：/studentCountData 返回 Result.success(clazzCountOption)，/studentDegreeData 返回 Result.success(dataList)（类上 @RestController + @Slf4j + @RequestMapping("/report")，注入 ReportService）；
  3. 写 ReportService 接口与 ReportServiceImpl 实现（@Service，注入 StudentMapper）：班级人数统计把”一行一个 Map”拆成两个 List 装进封装类；学历统计直接返回；
  4. 数据访问层写两个统计方法（SQL 见练习文件 test_80_统计SQL.sql 的综合题）：班级人数那条要以班级表为主、保证 0 人的班级也出现；学历那条要把 degree 翻成中文、别名 name/value；
  5. 启动应用，分别发 GET http://localhost:8080/report/studentCountData 与 GET http://localhost:8080/report/studentDegreeData，把两段响应抄到练习文件末尾；
  6. 核对三件事：① 班级人数各项相加是多少？和学员总数 18 差在哪里（提示：看 clazz_id=2）？② 学历各项相加是多少，和 18 对上了吗？③ 哪些班级的人数是 0，它们为什么没有消失？
  7. 前后端联调：打开统计页面，把柱状图的横轴班级、柱子高度和环形图的扇区、图例，与接口响应逐个对照；如果图出不来，先查字段名（clazzList/dataList/name/value）和接口路径有没有写错；
  8. 收尾：如果实验里动过班级或学员数据，把它恢复成 6 个班级 / 18 名学员。 （练习文件 test_80_数据统计.java 与 test_80_统计SQL.sql 里按这几步给了写作区。）

  涉及知识点

  知识点	在这里的应用
  left join + 主表选择	第 4、6 步——“以班级表为主”决定 0 人班级是否出现、哪些学员不计入
  count(s.id) 与 count(*) 的区别	第 4、6 步——0 人班级必须得到 0 而不是 1
  group by + order by	第 4 步——按班级/学历分组，班级按人数降序、学历按编号排序
  case ... when ... end	第 4 步——学历数字翻中文，else '其他' 兜底
  stream 拆两个 List + 封装类	第 1、3 步——班级人数统计的两个数组
  Result.success(...) 与 GET 无参接口	第 2、5 步——两个接口的响应都统一在 Result 里

  提示（先自己想，实在想不出再点开）

  一级 · 思路：三层各就各位——Controller 只收请求/调 Service/包 Result；Service 负责”拿统计结果 +（只有班级人数统计才需要）拆两个数组”；Mapper 只管 SQL。两条 SQL 的骨架分别是”以班级表为主左连学员表分组计数”和”case 翻学历 + 计数 + 按学历分组” 二级 · 方法：@GetMapping("/studentCountData") / @GetMapping("/studentDegreeData")；from clazz c left join student s on s.clazz_id = c.id group by c.name order by count(s.id) desc；(case degree when 1 then '初中' ... else '其他' end) name, count(*) value from student group by degree order by degree；new ClazzCountOption(clazzList, dataList)；发请求用 Apifox/Postman 或浏览器直接打开这两个地址 三级 · 骨架：@GetMapping("/____") public Result ____(){ ... return Result.success(____); }；select c.name ____, count(____) ____ from clazz c left join student s on ____ group by ____ order by ____ desc；select (case degree when 1 then '____' ... else '____' end) ____, count(*) ____ from student group by ____ order by ____

  参考答案（做完再点开）

  1~3. 封装类、Controller、Service（课程工程）：

  1
  @Data
  2
  @NoArgsConstructor
  3
  @AllArgsConstructor
  4
  public class ClazzCountOption {
  5
      private List clazzList; //班级列表
  6
      private List dataList;  //人数列表
  7
  }

  1
  @Slf4j
  2
  @RequestMapping("/report")
  3
  @RestController
  4
  public class ReportController {
  5
  
  6
      @Autowired
  7
      private ReportService reportService;
  8
  
  9
      @GetMapping("/studentCountData")
  10
      public Result getStudentCountData(){
  11
          log.info("班级人数统计");
  12
          ClazzCountOption clazzCountOption = reportService.getStudentCountData();
  13
          return Result.success(clazzCountOption);
  14
      }
  15
  
  16
      @GetMapping("/studentDegreeData")
  17
      public Result getStudentDegreeData(){
  18
          log.info("统计学员的学历信息");
  19
          List<Map> dataList = reportService.getStudentDegreeData();
  20
          return Result.success(dataList);
  21
      }
  22
  }

  显示更多显示更少

  1
  @Service
  2
  public class ReportServiceImpl implements ReportService {
  3
  
  4
      @Autowired
  5
      private StudentMapper studentMapper;
  6
  
  7
      @Override
  8
      public ClazzCountOption getStudentCountData() {
  9
          List<Map<String, Object>> countList = studentMapper.getStudentCount();
  10
          if (!CollectionUtils.isEmpty(countList)) {
  11
              List<Object> clazzList = countList.stream().map(map -> {
  12
                  return map.get("cname");
  13
              }).toList();
  14
              List<Object> dataList = countList.stream().map(map -> {
  15
                  return map.get("scount");
  16
              }).toList();
  17
              return new ClazzCountOption(clazzList, dataList);
  18
          }
  19
          return null;
  20
      }
  21
  
  22
      @Override
  23
      public List<Map> getStudentDegreeData() {
  24
          return studentMapper.countStudentDegreeData();
  25
      }
  26
  }

  显示更多显示更少

  4. 两条 SQL 与 本机实测响应：

     1
     -- 班级人数统计（课程工程写成 @Select 注解）
     2
     select c.name cname, count(s.id) scount
     3
     from clazz c left join student s on s.clazz_id = c.id
     4
     group by c.name
     5
     order by count(s.id) desc
     6
     
     7
     -- 学员学历统计（课程工程写在 StudentMapper.xml）
     8
     select
     9
         (case degree
     10
             when 1 then '初中'
     11
             when 2 then '高中'
     12
             when 3 then '大专'
     13
             when 4 then '本科'
     14
             when 5 then '硕士'
     15
             when 6 then '博士'
     16
             else '其他' end)  name,
     17
         count(*) value
     18
     from student group by degree
     19
     order by degree

     显示更多显示更少

     1
     GET /report/studentCountData
     2
     {"code":1,"msg":"success","data":{
     3
       "clazzList":["JavaEE就业163期","前端就业90期","JavaEE就业167期","JavaEE就业165期","JavaEE就业166期","大数据就业58期"],
     4
       "dataList":[6,3,2,0,0,0]}}
     5
     
     6
     GET /report/studentDegreeData
     7
     {"code":1,"msg":"success","data":[
     8
       {"name":"初中","value":1},{"name":"高中","value":4},{"name":"大专","value":3},
     9
       {"name":"本科","value":8},{"name":"硕士","value":2}]}

  5. 核对：① 班级人数 6+3+2+0+0+0 = 11，与学员总数 18 相差 7——这 7 人的 clazz_id=2，而 clazz 表里没有 id=2 的班级，以班级表为主的统计里没有他们；② 学历 1+4+3+8+2 = 18，与学员总数完全一致（按学员自己的 degree 分组，全员覆盖）；③ 人数为 0 的是 JavaEE就业165期、JavaEE就业166期、大数据就业58期——主表是班级表、左连接保留每个班级行，人数列用 count(s.id) 只数非 null 的学员 id，所以是 0 而不是消失、也不是 1。
  6. 联调：接口响应与页面一致即通过；柱状图横轴顺序、环形图各扇区数值都应与实测响应相同（班级按人数从多到少，学历按初中→硕士）。