一段集大成的thymeleaf代码

246 阅读1分钟

我在工作中正式用java有几个月的时间了吧,其中thymeleaf也算比较大的大头。虽然我不喜欢这个玩意,但谋生使然,现在来做一个总结。我发现我有一段代码,几乎囊括了我现阶段的thymeleaf心得。

<!--/* 这种注释格式是thymeleaf专属,输出页面时不可见 */--> 
<!--/* 参数传递 */-->
<block th:fragment="submenu(curicon)">

<script th:inline="javascript">
	let url = [[${/path}]]'';//后面的空字符串其实是一种防御,当${path}为空时,url = '';
</script>

<div class="dock hide">
    <!--/* marginleft是可选参数 */-->
    <div th:style="'margin-left:' + ${marginleft ?: '37'} + '%;'">
	<!--/* 变量定义 */-->
        <th:block th:with="docks=${
            {{1,'松','fzjz/?p=tf'},
            {2,'鹤','fzjz/global'},
            {3,'龟','fzjz/?p=jx'},
            {4,'鹿','fzjz/?p=cloud'},
            {5,'南极仙翁','fzjz/dolphin'},
            {6,'丁春秋','fzjz/boat'}}
            }">
	    
	    <!--/* 循环 */-->
            <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>
</block>

相关心得文章汇总:
thymeleaf fragments可选参数
thymeleaf定义变量等
thymeleaf里设置路径
百里香叶thymeleaf