一段集大成的thymeleaf代码

梦里梦外; 2021-10-23 23:36 244阅读 0赞

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

<block th:fragment="submenu(curicon)">
    
    <script th:inline="javascript"> let url = [[${ /path}]]'';//后面的空字符串其实是一种防御，当${path}为空时，url = ''; </script>
    
    <div class="dock hide">
        
        <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 fragments]  
[thymeleaf定义变量等][thymeleaf]  
[thymeleaf里设置路径][thymeleaf 1]  
[百里香叶thymeleaf][thymeleaf 2]

[thymeleaf fragments]: https://leftfist.blog.csdn.net/article/details/99690654
[thymeleaf]: https://leftfist.blog.csdn.net/article/details/97241760
[thymeleaf 1]: https://leftfist.blog.csdn.net/article/details/86705844
[thymeleaf 2]: https://leftfist.blog.csdn.net/article/details/86545296