SpringBoot整合shymeleaf

1,导入shymeleaf包

SpringBoot整合shymeleaf

  2.在resources下对shymeleaf进行配置

SpringBoot整合shymeleaf

3.在resources建立templates文件夹

4.可以开始使用


5.thymeleaf语法
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--th:text填充内容(非表单元素)-->
<span th:text="嘿嘿"></span>
<span th:text="${name}"></span>
<span th:text="${session.uname}"></span>
<!--th:value-->
<input th:value="王五">
<!--th:if-->
<span th:if="${name}=='张三'">会显示</span>

<br>
<!--th:each-->
<table style="margin: auto" border="1px" cellpadding="10px" cellspacing="0px">
    <tr >
        <td>
            用户编号
        </td>
        <td>
            用户名
        </td>
        <td>
            用户密码
        </td>
    </tr>
    
    <tr th:each="u:${users}">
        <td th:text="${u.uid}"></td>
        <td th:text="${u.uname}"></td>
        <td th:text="${u.upassword}"></td>
    </tr>
</table>

<!--th:href-->

<a th:href="@{https://www.baidu.com}">跳转百度</a>

<a th:href="@{/userInfo(name='张三',pwd='123')}">跳转百度</a>
</body>
</html>
6.其中th:each方法还可以指定下标

<table style="margin: auto" border="1px" cellpadding="10px" cellspacing="0px">
    <tr >
        <td>
            用户编号
        </td>
        <td>
            用户名
        </td>
        <td>
            用户密码
        </td>
    </tr>
    
    <tr th:each="u,i:${users}" th:if="${i.odd}">
        <td th:text="${u.uid}"></td>
        <td th:text="${u.uname}"></td>
        <td th:text="${u.upassword}"></td>
    </tr>
</table>

上一篇:iOS 手动crash


下一篇:SpringBoot配置文件的读取顺序