一段集大成的thymeleaf代码
生活随笔
收集整理的這篇文章主要介紹了
一段集大成的thymeleaf代码
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
我在工作中正式用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
總結
以上是生活随笔為你收集整理的一段集大成的thymeleaf代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 自己追加内存【注意事项】
- 下一篇: 湖北武汉施工员报考施工员安全意识的建立方