使用 Thymeleaf 和 Spring Boot 转换器列出 JSON 字符串

Posted 2023-02-27

【中文标题】使用 Thymeleaf 和 Spring Boot 转换器列出 JSON 字符串

【英文标题】：List to JSON string with Thymeleaf and Spring Boot converter

【发布时间】：2017-06-23 09:13:08

【问题描述】：

我正在开发一项通过 Thymeleaf 模板生成 html 页面的服务。在其中一个模板中，我希望将 HTML 属性作为 JSON 字符串。我上下文中的相关对象是ArrayList<String>。不做任何事情，输出将是"[item1, item2]"，但我想要"["random","stuff"]"。

我读过关于Converter 和Formatter 的文章，我认为这是要走的路。但我无法让我的转换系统工作。

这是我的自定义Converter：

public class ListConverter implements Converter(ArrayList<String>, String 
  public String convert (ArrayList<String> source) 
    return new JSONArray(source).toString();
  

主类的样子

@SpringBootApplication
public class TheApplication extends WebMvcConfigurerAdapter 

  public static void main(String[] args) 
    SpringApplication.run(PageServiceApplication.class, args);
  

  @Bean
  public ListConverter listConverter() 
    return new ListConverter();
  

  @Override
  public void addFormatters(FormatterRegistry registry) 
    registry.addConverter( listConverter() );
  

Thymeleaf 模板最终看起来像

<some-webcomponent xmlns:th="http://www.thymeleaf.org"
    th:attrappend="tags=$data.tags ...">
</some-webcomponent>

所以tags 是我的ArrayList<String>。我也尝试过使用$data.tags 或$#conversions.convert(data.tags, 'String' 强制转换，但唯一的做法是将"[item1, item2]" 转为"item1,item2"。

使用tags=$new org.json.JSONArray(data.tags) 可行，但我希望在其他地方拥有它，而且可能不仅适用于ArrayList<String>。

所以我的问题是：

这可能吗？ Converter 是要走的路吗？ 我的配置缺少什么？

谢谢。

【参考方案1】：

无论出于何种原因，它都使用 List 而不是 ArrayList。另外，我会摆脱 addFormatters 方法。你只需要 bean 声明。

春季启动：

@SpringBootApplication
public class TheApplication extends WebMvcConfigurerAdapter 

  public static void main(String[] args) 
    SpringApplication.run(PageServiceApplication.class, args);
  

  @Bean
  public Converter<List<String>, String> converter() 
    return new Converter<List<String>, String>() 
      public String convert(List<String> source) 
        return new JSONArray(source).toString();
      
    ;
  

Thymeleaf（标签的双括号）

<some-webcomponent xmlns:th="http://www.thymeleaf.org"
    th:attrappend="tags=$data.tags ...">
</some-webcomponent>

【讨论】：

谢谢你的回答:)