一段集大成的thymeleaf代码
  TEZNKK3IfmPf 2024年03月29日 26 0

我在工作中正式用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>
【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2024年03月29日 0

暂无评论

TEZNKK3IfmPf