html下动态添加table数据，以及sql中case的运用

html下动态添加table数据，以及sql中case的运用

先看最终展示效果：

项目情况统计表：
前端：
前端返回数据：是一个数组，数组里面有多个对象,这里我们只需要取表格需要的数据就可以了，比如说表格需要展示的数据是：名称，地点，总人数
[{
ancestors: null
createBy: null
createTime: null
itemCode: null
itemFlag: null
itemId: null
itemLocation: “西安”
itemName: “西安项目”
itemSort: null
leader: null
params: {}
parentId: null
parentName: null
phone: null
remark: null
searchValue: null
status: null
totalNum: 5
updateBy: null
updateTime: null
userCount: null}
]

请求后台：这里使用的是ajax

调用追加table数据的方法
使用.的方式取获取数据，这里的item相当于是每一条对象，通过对象.属性的方式去取table表格需要的数据

后台：
返回类型是一个List，泛型是人员实体类
controller层:

service层：

serviceImpl：

mapper层
mapper.xml:

如图所示：

因为前端是通过对象.属性的方式去取值的，这个对象就相当于是后台对应的实体类，就比如现在我们在xml的sql中起了一个别名totalNum，但是实体类中并没有totalNum这个属性，那么前端通过对象.属性的方式去获取总人数的时候，即item.totalNum时，就找不到该对象中的totalNum，就会报undefiend
所以我们需要在后台对应的实体类中为起的别名提供get，set方法

再看前端：
===================================================
待办事项：
前端：
由于只有一条数据，那么只需要将返回的数组对象里面的人数拿出来再放进一个数组里面即可
前端返回的数据格式：是一个数组，里面有多个对象，和第一个返回的数据类型一致，但是在添加表格数据的时候，由于只要一行展示，所以我的想法是遍历每一个对象，，在定义一个数组，用来存每一个对象中的人数，这个时候我将每一个对象中需要的人数取出来，push进去，就是一个新的数组了，在调用添加表格方法的时候，直接通过数组[下标]的方式去取对应的人数，即可

调用添加table方法，data是一个数组：[16，1，1],到这里就不用再去遍历，直接通过数组[下标]的方式去取值

后台：
controller:

service:

serviceImpl：

mapper:

mapper.xml

描述有误的地方欢迎大家指正，大家有问题可加qq 876942434。一起进步~