thymeleaf标签、事件、数据的用法

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.youkuaiyun.com/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}"