什么 java 对象会在 Thymeleaf 中提供类似的 javascript 数组？答案

【问题标题】：What java Object would give a similar javascript array in Thymeleaf?什么 java 对象会在 Thymeleaf 中提供类似的 javascript 数组？
【发布时间】：2018-09-30 06:23:14
【问题描述】：

我正在从 thymeleaf 将数据加载到 morris.js。 morris.js中的数据如下图

data: [{
                    "period": "Jan",
                    "Users Registered": 16
                }, {
                    "period": "Feb",
                    "Users Registered": 54
                }]

如何从模型属性加载这个数组？

<script type="text/javascript" th:inline="javascript">
        /*<![CDATA[*/

        var theList = [[${usersRegistered}]]

        /*]]>*/
</script>

【问题讨论】：

您能提供有关百里香的版本的详细信息吗？如果是 v2，那么您已经将模型数据解析为 JSON 对象

标签： javascript java thymeleaf modelattribute

【解决方案1】：

这在 Thymeleaf 3 中对我有用。

Java 对象：

import com.fasterxml.jackson.annotation.JsonProperty;

public class RegisteredUserPeriod {
    private String period;
    @JsonProperty("Users Registered")
    private int usersRegistered;

    public RegisteredUserPeriod(String period, int usersRegistered) {
        this.period = period;
        this.usersRegistered = usersRegistered;
    }

    public String getPeriod() {
        return period;
    }

    public void setPeriod(String period) {
        this.period = period;
    }

    public int getUsersRegistered() {
        return usersRegistered;
    }

    public void setUsersRegistered(int usersRegistered) {
        this.usersRegistered = usersRegistered;
    }
}

控制器：

model.put("usersRegistered", Arrays.asList(
        new RegisteredUserPeriod("Jan", 16),
        new RegisteredUserPeriod("Feb", 54))
);

HTML：

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    var theList = /*[[${usersRegistered}]]*/ [];
    /*]]>*/
</script>

样本输出：

<script type="text/javascript">
    /*<![CDATA[*/
    var theList = [{"period":"Jan","Users Registered":16},{"period":"Feb","Users Registered":54}];
    /*]]>*/
</script>

【讨论】：