首页 / 更多教程 / thymeleaf学习笔记

thymeleaf学习笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了thymeleaf学习笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1937字，纯文字阅读大概需要3分钟。

内容图文

1.导入thymeleaf名称空间

<html lang="zh-Hans" xmlns:th="http://www.thymeleaf.org">

2.thymeleaf语法

2.1 循环遍历 th:each

<div th:each="article,ArticleList:${articleList}"></div>

2.2 三元运算

解释：如果article.getArticleCover得到的值不是‘‘ 则该div应用cover这个class属性否则noimg

<div th:class="${article.getArticleCover()!=‘‘}?cover:noimg">

2.3 时间格式化

<div class="stat" th:text="${#dates.format(article.getUpdateDate(), ‘yyyy-MM-dd HH:mm:ss‘)}">

 

示例

<div class="article" th:each="article,ArticleBean:${articleList}">
                    <a th:href="‘http://localhost:8080/p/‘+${article.getArticleId()}+‘.html‘" target="_blank">
                        <div class="row">
                        <div class="title" th:text="${article.getArticleTitle()}">

                        </div>
                        <div th:class="${article.getArticleCover()!=‘‘}?cover:noimg">
                            <img th:src="${article.getArticleCover()}" th:class="${article.getArticleCover()!=‘‘}?img:noimg"/>
                        </div>
                        <div class="sketch" th:text="${article.getArticleSketch()}">

                        </div>
                        <div class="other">
                            <div class="icon">
                                <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                            </div>
                            <div class="stat" th:text="${article.getArticleAuthor()}">

                            </div>
                            <div class="icon">
                                <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
                            </div>
                            <div class="stat" th:text="${article.getArticleReadNum()}">

                            </div>
                            <div class="icon">
                                <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>
                            </div>
                            <div class="stat next" th:text="${article.getArticleLabel()}">

                            </div>
                            <div class="icon">
                                <span class="glyphicon glyphicon-time" aria-hidden="true"></span>
                            </div>
                            <div class="stat" th:text="${#dates.format(article.getUpdateDate(), ‘yyyy-MM-dd HH:mm:ss‘)}">

                            </div>
                        </div>
                        </div>
                    </a>
                </div>

原文：https://www.cnblogs.com/ushowtime/p/11644861.html

内容总结

以上是互联网集市为您收集整理的thymeleaf学习笔记全部内容，希望文章能够帮你解决thymeleaf学习笔记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1269721.html

来源：【匿名】