LayUi中接口传数据成功，表格不显示数据，大数据架构设计方案

LayUi中接口传数据成功，表格不显示数据，大数据架构设计方案

官方文档地址：传送门

文档中，statusCode 不需要写，写的话 数据会显示不成功。

下面用例子再说明下：

表格页代码如下：

对应的default.json如下：

{

“code”: “0”,

“msg”: “”,

“data”: [{

“id”: “1”,

“username”: “hello”,

“sex”: “boy”

}, {

“id”: “2”,

“username”: “world”,

“sex”: “boy”

}, {

“id”: “3”,

“username”: “too”,

“sex”: “boy”

}]

}

显示的结果如下图：

这种是传参默认符合Layui中Table配置的结果，若仅更改参数名称，即将JSON中的code改为status，得到的结果如下图：

若仅将JSON参数列表中的参数名data更改为rows，得到的结果如下图：

实际上，接口对应的请求都是成功的，只是Layui显示不出来，碰到上述问题，有两个解决办法：

第一，后端改，使传过来的参数名符合Layui所需要；

第二，前端改，需要加代码，Layui有示例，下面也简单说下：

传的JSON，更改code为status，data为rows：

{

“status”: “0”,

“msg”: “”,

“rows”: [{

“id”: “1”,

“username”: “hello”,

“sex”: “boy”

}, {

“id”: “2”,

“username”: “world”,

“sex”: “boy”

}, {

“id”: “3”,

“username”: “too”,

“sex”: “boy”

}]

}

现在页面上表格显示不出来数据，还报错，和上面报的的截图一样，更改html上的代码，如下所示（只显示主要的）：