前端同学看过来能否看看怎么实现

一个这样的需求。

为了更好的表达，我画了一个示意图 https://www.jianguoyun.com/p/DS8pKhwQodW9BhilkrID

想把数据库中的查出来的每次考试成绩，按照考试成绩条目中的学号归并到一个个的文件夹列表显示出来。双击文件夹列表中的某个文件夹就可以进入这个学号的历次考试成绩一览表里。点击返回按钮又可以返回到文件夹列表。这种控件咋实现？目前的项目中没有用到任何架构，只有 jquery 。我以前做 wpf 的对这里不熟，有两个不知道怎么办：

1.这种文件夹列表控件我是不是完全用 div 套 div 实现哇。一行是一个 div 对象，然后分成几列，点击行对象跳到下一层级。还是有专门的 grid 什么之类的好轮子本身就支持这种模式可以拿来改改用呢？

2.文件夹列表行数多的话，我觉得得滚动加载显示吧。这个滚动加载是不是要给后端同事提提需求，比如我前端滚动到某一个值时给后端要另外的数据，一页一页的要，后端同学会不会嫌我烦？一般正规点都是咋实现的哇？

3.还有从数据库查出来的是一条条的考试信息，还要按考试信息里的学号聚合起来，做成文件夹显示，这个数据按照学号聚合是不是后端同学要做的，我只朝他要文件夹的数据就可以？用户点击文件夹某一列想正反排序时我觉得不是前端来排序，应该是想后端请求排序的结果，然后我再按照新顺序刷新一遍数据吧？还是前端直接排序，会不会前端一下子卡住哇。

谢谢大家的指教。刚做前端没多少时间，小白一个，只能为了快做项目向大家求指导。

fengmumu

2020-08-04 19:19:34 +08:00

首先表格之类的可以用 grid 或者 tabl 实现，考虑是就能用 jq，估计应该不能跑新的了，找好 jq 本身有啥轮子或者自己用 tab 标签实现一个，这个难度表示不大
争议有下面几个：
1. 要不要分页，这个表示后端要做啊，全给前端光等待时间就很长了，当然后端如果用一些 redis 一类的数据库这个肯定后端做，如果后端每次都只能一遍一遍查，分页也是基于查询的所有结果做的，那就全给前端，前端分页
2.滚动分页还是不要了，用户是看数据的不是随便浏览的，没有办法复原现场，还是不要分页好
3.后端信息的聚合，如果后端可以统一给最好，如果不能或者返回时间过长可以考虑前端做聚合

嗯，看你是想好好做还是做好，做好就是能后端就后端，好好做就是从体验入手，一些以更好的交互更快的加载为核心搞，前后端负责哪一部分就看具体的实际情况哈