admin管理员组文章数量:1037775
《历史代码分析》5、动态控制列表的列
本系列《历史代码分析》为工作中遇到具有代表性的代码。今天我们讲一下，动态展示列表的列，因为找不到代码了，所有本篇用图展示。
举个栗子
我们希望能够动态的控制列表的列，例如，英语老师只想知道自己学科的学生成绩，那可以把其它的成绩的列隐藏掉，如下：
上面的功能，我们应该如何实现，其实最简单的方式，就是记录每个老师她们要显示的列，保存到数据库中，如下
后端可以在每个老师登录时，获得到她们要显示的列，前端需要控制哪个列名显示，但是这种方法，需要前端判断，前端百分百不愿意做判断，
所以呢，当前是我们后端把所有数据都过滤好，组成合适的数据返回给前端，类似如下
代码语言：javascript代码运行次数：0运行复制[
{
"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格式，如下：
代码语言：javascript代码运行次数：0运行复制{
"id": 1,
"name": 1,
"age": 1,
"chinese": 0,
"english": 1
...
}
如果需要记录列的顺序，则需要用新的一张表，来记录每个老师设置的顺序，不吹了，基本上功能都是这样子，其实不管怎么样，前端都需要做判断，下次聊。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。原始发表：2025-03-12，如有侵权请联系 cloudcommunity@tencent 删除登录后端前端数据数据库《历史代码分析》5、动态控制列表的列
本系列《历史代码分析》为工作中遇到具有代表性的代码。今天我们讲一下，动态展示列表的列，因为找不到代码了，所有本篇用图展示。
举个栗子
我们希望能够动态的控制列表的列，例如，英语老师只想知道自己学科的学生成绩，那可以把其它的成绩的列隐藏掉，如下：
上面的功能，我们应该如何实现，其实最简单的方式，就是记录每个老师她们要显示的列，保存到数据库中，如下
后端可以在每个老师登录时，获得到她们要显示的列，前端需要控制哪个列名显示，但是这种方法，需要前端判断，前端百分百不愿意做判断，
所以呢，当前是我们后端把所有数据都过滤好，组成合适的数据返回给前端，类似如下
代码语言：javascript代码运行次数：0运行复制[
{
"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格式，如下：
代码语言：javascript代码运行次数：0运行复制{
"id": 1,
"name": 1,
"age": 1,
"chinese": 0,
"english": 1
...
}
如果需要记录列的顺序，则需要用新的一张表，来记录每个老师设置的顺序，不吹了，基本上功能都是这样子，其实不管怎么样，前端都需要做判断，下次聊。
本文参与 腾讯云自媒体同步曝光计划，分享自微信公众号。原始发表：2025-03-12，如有侵权请联系 cloudcommunity@tencent 删除登录后端前端数据数据库本文标签： 《历史代码分析》5动态控制列表的列
版权声明：本文标题：《历史代码分析》5、动态控制列表的列 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1748303001a2282529.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论