《历史代码分析》5、动态控制列表的列

本系列《历史代码分析》为工作中遇到具有代表性的代码。今天我们讲一下，动态展示列表的列，因为找不到代码了，所有本篇用图展示。

举个栗子

20250305024030239087.png

我们希望能够动态的控制列表的列，例如，英语老师只想知道自己学科的学生成绩，那可以把其它的成绩的列隐藏掉，如下：

20250305024124661210.png

上面的功能，我们应该如何实现，其实最简单的方式，就是记录每个老师她们要显示的列，保存到数据库中，如下

20250305024905460627.png

后端可以在每个老师登录时，获得到她们要显示的列，前端需要控制哪个列名显示，但是这种方法，需要前端判断，前端百分百不愿意做判断，

20250305030001567034.gif

所以呢，当前是我们后端把所有数据都过滤好，组成合适的数据返回给前端，类似如下

[ 
 {
  "id": 1,
  "name": "小明",
  "age": 15,
  "english": 56,
 },
 {
  "id": 2,
  "name": "小李",
  "age": 14,
  "english": 31,
 },
 {
  "id": 3,
  "name": "小华",
  "age": 16,
  "english": 20,
 },
 {
  "id": 4,
  "name": "小丽",
  "age": 14,
  "english": 0,
 }
]

上面的操作考虑到前端，下面继续瞎说，

前面是把老师需要显示的列保存到数据库中，我们也可以把所有的列都保存到字段中，如果该列显示用1表示，不显示用0表示，保存到字段的内容用JSON格式，如下：

{
 "id": 1,
 "name": 1,
 "age": 1,
    "chinese": 0,
 "english": 1
    ...
}

如果需要记录列的顺序，则需要用新的一张表，来记录每个老师设置的顺序，不吹了，基本上功能都是这样子，其实不管怎么样，前端都需要做判断，下次聊。