1.接收list循环显示
<ul class="layui-timeline" th:each="list:${list}">
<li class="layui-timeline-item" >
<i class="layui-icon layui-timeline-axis"></i>
<div class="layui-timeline-content layui-text">
<h3 class="layui-timeline-title" th:text="${list.time}" style="color: white;"></h3>
<p style="margin-bottom: 15px; background: #f0f0f0; padding: 20px;">
<a th:href="@{content(id=${list.id})}" th:text="${list.title}"></a>
</p>
</div>
</li>
</ul>
2.onclick事件:
th:οnclick="goContent([[${list.id}]]);"
3.a标签访问后台并传递数据
<a th:href="@{content(id=${list.id})}" th:text="${list.title}"></a>
4.如果内容中有图片,并且想显示图片如下:
<p th:utext="${content}"></p>
总结:如果想显示纯文本内容用 th:text="${content}",如果想显示图片用 th:utext="${content}"
5.引用公共部分代码
<div class="container" th:replace="top::top"></div>和<div class="container" th:fragment="top">标签的使用
说明:th:replace的作用为引入公共页面或者公共页面的某一部分。
th:fragment的作用为选定公共部分,供th:replace引用。
注意:第一个top为上述公共部分的文件名,第二个top为th:fragment的值。这样便可以解决公共部分代码的抽取。
fragment加载语法如下:
templatename::selector:”::”前面是模板文件名,后面是选择器
::selector:只写选择器,这里指fragment名称,则加载本页面对应的fragment
templatename:只写模板文件名,则加载整个页面
注意:要注意引用页面的路径,如果路径找不到就会报渲染模板失败的错误
参考链接:https://blog.csdn.net/believe__sss/article/details/79992408
6.判断标签th:if的使用
下面代码的作用为是:如果code等于0的话就会显示<h2>标签中的内容
<div th:if=" ${code} eq 0">
<h2>用户名或密码不正确</h2>
</div>
7.只能用一个th:if,多个th:if会报错,
亲测用and 连接2个判断,&&不行
th:if="(${t.pid}==${s.id}) and ${t.recycle!=1}"