Spring - 如何使用 REST api 在视图（表）中正确显示关系数据

Question

我有一个 User (id, username) 实体，它与 Roles (id, name) 实体具有 多对多 关系。我正在尝试在 ajax 数据表中显示用户数据。现在，如果一个用户有六个角色，它会为所有六个角色显示六个 [object Object]。我不知道如何正确显示角色名称而不是对象 Object。

这就是我所拥有的：

.DataTable(
    {
    "pagingType" : "full_numbers",
    "sAjaxSource" : "/api/AppUser/all",
    "sAjaxDataProp" : "",
    "aoColumns" : [
    {
    "data" : "id"
    },
    {
    "data" : "username"
    },
    {
    "data" : "userenabled"
    },
    {
    "data" : "useremail"
    },
    {
    "data" : "userfirstname"
    },
    {
    "data" : "userlastname"
    },
    {
    "data" : "useraddress"
    },
    {
    "data" : "roles"
    }

这是它在数据表中的样子：

这是我的 REST Controller 片段：

@RestController
@RequestMapping("/api/AppUser")
public class AppUserRestAPIs {
    @GetMapping(value = "/all", produces = "application/json")
    public List<AppUser> getResource() {
        return appUserJPARepository.findAll();
    }
}

我知道这一定很琐碎，但感觉很迷茫，找不到一个关于如何使用 REST api 在视图 (html) 中表示关系数据的示例。几乎到处搜索。我在这里缺少什么？将不胜感激这里的任何指针。

Answer 1

回答我自己的问题：

找到了！这里-https://editor.datatables.net/examples/advanced/joinArray.html

所以代替：

{
    "data" : "roles"
}

我必须使用：

{
      "data" : "roles",
      render : "[, ].name"
}

一切正常，但现在我不知道如果我不使用 Datatable 会怎样。不知道我是否必须提出另一个问题。

Answer 2

使用函数来扁平化角色列表： 而不是

{
    "data" : "roles"
}

试试这个：

{
 "data": null,
  "render": function(data, type, row, meta) {
            var flatrole = '';
            //loop through all the roles to build output string
            for (var role in data.roles) {
               flatrole = flatrole + role.name + " ";
            }
            return flatrole;

          }
}