时间戳

首页 > 解决方案 > 使用 CSS 文件设置 vaadin 组件（对话框）的样式

vaadin - 使用 CSS 文件设置 vaadin 组件（对话框）的样式

问题描述

我有一个从端点（信息字符串）检索信息的对话框，但是我在设置这个对话框时遇到了问题，因为所有这些信息都显得杂乱无章！

例如要清楚，我有这个端点，它可以帮助我检索有关移动的数据，并希望在对话框中显示此数据（但样式应该像 Screenshot Nr.1），但我的问题是数据显示为预览（屏幕截图 2）。

在此处输入图像描述

标签： vaadinvaadin14

解决方案

您可以使用Html带有pre标签的组件来放置格式化的 JSON：

Html pre = new Html("<pre>" + formattedJson + "</pre>");

要格式化 JSON 字符串，您可以使用以下命令：

String prettyJson = mapper.writerWithDefaultPrettyPrinter()
                          .writeValueAsString(mapper.readTree(inputJson));

在此处查找更多示例：https ://roytuts.com/how-to-pretty-print-json-in-java/

推荐阅读