thymeleaf定义变量等

原创

人称左直拳 2022-08-15 12:55:28 博主文章分类：Java ©著作权

©著作权归作者所有：来自51CTO博客作者人称左直拳的原创作品，请联系作者获取转载授权，否则将追究法律责任

thymeleaf烂透了。

以前说过，thymeleaf虽然是spring boot推荐的模板，但我认为，它跟asp.net的模板引擎razor比起来，处于幼儿园的水平。其对母板页的理解是有偏差的。razor的模板，就是真的母板，所有公用东西都在母板上，应用页面套用这个母板，只须再定义自己的个性化内容即可。而thymeleaf的所谓模板，不是母板，而是片段集合，公共东西，做成一个个片段，由应用页按需使用，缝百衲衣似的。
见拙作《百香菜》

这么说吧，razor就像是一个完整的框架，我们使用这个框架，好多东西都自动就具备了；而thymeleaf则是一个公用类库，开发人员按需调用。完全不同的思想。

使用起来，也是很不方便。各种奇形怪状的标记和语法。我们要记住的东西很多。开发生涯已经如此艰难，你可苦再补上一刀。你看人家razor，就是一个@{ }，全部搞定了。

下面是一些“研究成果”：

1、在thymeleaf中定义变量

所有人都知道，变量可以从后端的控制器传过来。问题是，为什么这个变量一定要在控制器里定义再传过来？太夸张了吧。这个只跟视图有关的东西，应该就在视图（页面）上自己定义啊。

thymeleaf怎么定义呢？这样子定义：

th:with="变量=值"

看个真实的应用例子

<div class="dock hidden">
        <divstyle="margin-left:45%;">
            <th:block th:with="docks=${
            {{1,'发展现状','/hyjj/?p=fzxz'},
            {2,'重点项目','/hyjj/?p=zdxm'},
            {3,'蟠桃大会','/hyjj/hbh/'}}
            }">
                <th:block th:each="d:${docks}">
                    <div class="dock-icon" th:title="${d[1]}" th:url="${d[2]}">
                        <div><img th:src="@{/images/dock/} + ${d[0]} + ${d[1]} + '.png'" th:alt="${d[1]}"/></div>
                        <div><span th:text="${d[1]}" th:class="${curicon eq d[0]} ? active"></span></div>
                    </div>
                </th:block>
            </th:block>
        </div>
    </div>

看见了吧，本例子中，变量docks的声明，要用th:with，然后还要放在一个<th:block>的标记里。声明过程中，要用双引号引起来。本例子中，docks还算是简单的，如果是一个更复杂的类型怎么办？

th:with，记住了吗？

2、使用所谓内置对象
thymeleaf有一些所谓内置对象，dates是其中一种。好像只是用来控制格式。其他还有什么list之类，不知道干什么的。

输出一个日期：

<div   th:text="${#dates.format(new java.util.Date().getTime(),'yyyy-MM-dd') }"></div>

#dates，记住了吗？要用“#”号喔。

3、使用静态方法或变量
比如说，你想在thymeleaf里用一个枚举：

<th:block th:include="fzjz/_submenu::submenu(curicon=${T(com.monkey.zjfwpt.modules.fzjz.entity.ENormal).DOLPHIN.value()})" />

一定要用T（）将它包含起来。否则会报错。ENormal是枚举，在后台定义如下：

package com.monkey.zjfwpt.modules.fzjz.entity;

public enum ENormal {
    TF (1),GLOBAL(2),JX(3),CLOUD(4),DOLPHIN(5),BOAT(6);

    private final int value;
    private ENormal(int value) {
        this.value = value;
    }

    public ENormal valueOf(int value) {
        switch (value) {
            case 1:
                return ENormal.TF;
            case 2:
                return ENormal.GLOBAL;
            case 3:
                return ENormal.JX;
            case 4:
                return ENormal.CLOUD;
            case 5:
                return ENormal.DOLPHIN;
            case 6:
                return ENormal.BOAT;
            default:
                return null;
        }
    }
    public int value() {
        return this.value;
    }

}