从solr查出的json字符串,如何在html页面,通过thymeleaf模板解析成表格?求代码啊?

Question

 [
    {
        \"dataAcquisitionSections\": [
            {
                \"dataAcquisitionInformationItems\": [
                    {
                        \"data\": \"8005\",
                        \"label\": \"port\"
                    },
                    {
                        \"data\": \"SHUTDOWN\",
                        \"label\": \"shutdown\"
                    }
                ],
                \"path\": \"\",
                \"dataAcquisitionSections\": [

                ],
                \"section\": \"ShutdownPort[
                    Server
                ]\",
                \"label\": \"Ports-Shutdown\"
            },
            {
                \"dataAcquisitionInformationItems\": [
                    {
                        \"data\": \"20000\",
                        \"label\": \"connectionTimeout\"
                    },
                    {
                        \"data\": \"8089\",
                        \"label\": \"port\"
                    },
                    {
                        \"data\": \"HTTP/1.1\",
                        \"label\": \"protocol\"
                    },
                    {
                        \"data\": \"8443\",
                        \"label\": \"redirectPort\"
                    }
                ],
                \"path\": \"\",
                \"dataAcquisitionSections\": [

                ],
                \"section\": \"ServiceConnectorPorts[
                    1
                ][
                    Server/Service/Connector
                ]\",
                \"label\": \"ServiceConnectors\"
            },
            {
                \"dataAcquisitionInformationItems\": [
                    {
                        \"data\": \"8009\",
                        \"label\": \"port\"
                    },
                    {
                        \"data\": \"AJP/1.3\",
                        \"label\": \"protocol\"
                    },
                    {
                        \"data\": \"8443\",
                        \"label\": \"redirectPort\"
                    }
                ],
                \"path\": \"\",
                \"dataAcquisitionSections\": [

                ],
                \"section\": \"ServiceConnectorPorts[
                    2
                ][
                    Server/Service/Connector
                ]\",
                \"label\": \"ServiceConnectors\"
            }
        ],
        \"cause\": \"\",
        \"label\": \"ServerXml\",
        \"title\": \"conf/server.xml\"
    },
    {
        \"dataAcquisitionSections\": [
            {
                \"dataAcquisitionInformationItems\": [
                    {
                        \"data\": \"solr\",
                        \"label\": \"InstalledApplicationName\"
                    },
                    {
                        \"data\": \"D: \\\\software\\\\Tomcat\\\\apache-tomcat-8.5.15-windows-x64\\\\apache-tomcat-8.5.15\\\\webapps\\\\solr\",
                        \"label\": \"InstalledPath\"
                    },
                    {
                        \"data\": \"No\",
                        \"label\": \"WarFile\"
                    }
                ],
                \"path\": \"D: \\\\software\\\\Tomcat\\\\apache-tomcat-8.5.15-windows-x64\\\\apache-tomcat-8.5.15\\\\webapps\\\\solr\",
                \"dataAcquisitionSections\": [

                ],
                \"section\": \"/solr\",
                \"label\": \"WebApps\"
            }
        ],
        \"cause\": \"\",
        \"label\": \"Webapps\",
        \"title\": \"InstalledWebApplications\"
    },
    {
        \"dataAcquisitionSections\": [

        ],
        \"cause\": \"\",
        \"label\": \"ContextXml\",
        \"title\": \"conf/context.xml\"
    },
    {
        \"dataAcquisitionSections\": [
            {
                \"dataAcquisitionInformationItems\": [

                ],
                \"path\": \"D: \\\\software\\\\Tomcat\\\\apache-tomcat-8.5.15-windows-x64\\\\apache-tomcat-8.5.15\\\\bin\\\\catalina.sh\",
                \"dataAcquisitionSections\": [

                ],
                \"section\": \"JavaOptions\",
                \"label\": \"JVM\"
            }
        ],
        \"cause\": \"\",
        \"label\": \"bin\",
        \"title\": \"Catalina.sh\"
    }
]

这是从sorl中查出来的数据

 public List<Object> hawkeyeTomcat() throws Exception {
        HttpSolrServer solrServer = new HttpSolrServer(host);
        SolrQuery solrquery = new SolrQuery();
        solrquery.setQuery("agentId:ServicePlatform_Middleware_Tomcat");
        QueryResponse response = solrServer.query(solrquery);
        SolrDocumentList results = response.getResults();
        List<Object> listdoc = new ArrayList<Object>();
        for (SolrDocument solrDocument : results) {
            Map<String, Object> hashMap = new HashMap<String, Object>();
            hashMap.put("optional", solrDocument.get("optional"));
            listdoc.add(hashMap);
        }
        return listdoc;
    }

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要将JSON字符串转换为HTML表单中的表格，你需要先创建一个<table>标签，并使用JavaScript来处理数据。以下是一个简单的示例：

首先，在你的HTML文件中添加一个<table>元素：

<table id="myTable">
</table>

然后，在对应的JavaScript文件中（例如script.js），你可以这样做：

// 将JSON字符串转换为对象数组
var jsonData = JSON.parse(jsonDataString);

// 创建表格行和单元格
function createTableRowAndCell(rowData) {
    var tableRow = document.createElement('tr');
    rowData.forEach(function(cellData) {
        var tableCell = document.createElement('td');
        tableCell.textContent = cellData;
        tableRow.appendChild(tableCell);
    });
    return tableRow;
}

// 获取所有表格行并将其添加到表格中
jsonData.forEach(function(rowData) {
    var tableRow = createTableRowAndCell(rowData);
    var tableBody = document.getElementById('myTable').getElementsByTagName('tbody')[0];
    tableBody.appendChild(tableRow);
});

这个脚本首先将JSON字符串解析为对象数组，然后遍历每个对象，创建一个新的表格行和单元格，最后将这些行和单元格添加到表格中。

确保你已经正确引入了ThymeleafTemplateEngine并在Spring Boot应用中设置其配置。如果你还没有这样做，可以参考官方文档或Thymeleaf模板引擎简介进行了解。

注意：这只是一个基本的示例，实际的实现可能需要根据具体的业务需求进行调整。例如，你可能需要处理错误情况、格式化输出等。