3

您好我正在尝试在我的视图中显示嵌套的 JSON 数据，类似于当您从 API 获得响应时它在高级 REST 客户端中的显示方式。

我发现这个问题基本上和我问的一样；但是，我想使用 Play Framework 2.3.x 在视图中显示结果。我知道我需要一个递归函数来显示所有 json 对象，所以我尝试在我的视图中使用可重用块。这是我现在拥有的：

@(fromAPI: com.fasterxml.jackson.databind.JsonNode)

@import com.fasterxml.jackson.databind.JsonNode

@walkJsonTree(name: String, node: JsonNode) = {

    @if(node.isObject()) {

        @for(nodeEntry <- node.fields()) {
            <li>@nodeEntry.getKey(): </li>
            <ul>@walkJsonTree(nodeEntry.getKey(), nodeEntry.getValue())</ul>
        }
    }
    @if(node.isArray()) {
        @for(arrayNode <- node.fields()) {
            <li>[List]: </li>
            <ul>@walkJsonTree(arrayNode.getKey(), arrayNode.getValue())</ul>
        }
    }
    @if(node.isValueNode()) {
        <li>@node.asText()</li>
    } else {
        @* other *@
        <li>@node.asText()</li>
    }

}

@main("API Response") {

    <div class="container">
        <h3>API Response</h3>

        <ul>
            @walkJsonTree(null, fromAPI)
        </ul>
    </div>
}

不幸的是，这没有正确显示 JSON。它仅显示基于此行的第一个对象的名称<li>@nodeEntry.getKey(): </li>。我究竟做错了什么？是否有人对以嵌套方式显示 JSON 有任何其他建议？

谢谢！

4

1 回答 1

1

我的“数组”if块错误。它应该使用elements()函数而不是fields(). 这是我的代码的更新版本，其中包含此重构和其他<ul>元素<li>的清理

@(fromAPI: com.fasterxml.jackson.databind.JsonNode)

@import com.fasterxml.jackson.databind.JsonNode

@walkJsonTree(name: String, node: JsonNode) = {

    @if(node.isObject()) {
        <ul>
            @for(nodeEntry <- node.fields()) {
                <li>@nodeEntry.getKey(): @walkJsonTree(nodeEntry.getKey(), nodeEntry.getValue())</li>
            }
        </ul>
    }
    @if(node.isArray()) {
        <ul>
            @for(arrayNode <- node.elements()) {
                <li>[List]: @walkJsonTree(name, arrayNode)</li>
            }
        </ul>
    }
    @if(node.isValueNode()) {
        @node.asText()
    } else {
        @* other *@
        @node.asText()
    }

}

@main("API Response") {

    <div class="container">
        <h3>API Response</h3>
        @walkJsonTree(null, fromAPI) 
    </div>
}

这在美学上可能仍然可以改进，但它满足了我想要的最少功能

于 2015-04-11T00:05:12.477 回答