在日常开发中,前后端数据交互是最基础也是最重要的功能实现之一。其中后端返回数据集,前端解析并且循环遍历数据展示,是最常见,最常用的方法形式。本文将根据自己在实际编程过程中遇到的问题,并就解决这一问题的过程给出介绍,希望日后对大家能够有所帮助。(以一个table表数据展示为例展开讨论)
示例图:
以示例图展示效果为例,要实现以上功能显示,给出以下解决思路:
1.相对于传统的展示方式 对象行-属性列 的方式,本次需求则是 属性行-对象列 ,颠倒了以前直接取List,然后遍历对象,一行行数据展示的形式 ,对此我的做法是定义一个对象,对象的属性分别是表中的指标名称和考核对象的具体数据,详细的如下:
说明:key为指标名称,valueList为每一个对象在该指标下的属性值,封装成集合。注意:表头的对象名称列需要自己在后台重新取值为List,返回前端动态生成表头。valueList取值时一定要对应表头对象名称位置,避免数据错位。
中间的封装过程根据自己的实际需求具体封装,不多做介绍
2.后台封装好以我们自定义对象为元素的List集合后,返回前端进行数据展示,这里需求提到的就是本文介绍的功能实现