Spring-Boot 整合 thymeleaf模板引擎

の小蛮鹅の

于 2021-06-20 22:59:58 发布

阅读量81

点赞数

分类专栏： SpringBoot+SpringCloud

本文链接：https://blog.csdn.net/qq_43897732/article/details/118076730

版权

SpringBoot+SpringCloud 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

模板引擎：就是用来操作模板的引擎，就是用来渲染模板的，模板就是页面，就是用来生成页面的
thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎，与JSP不同，thymeLeaf是使用html的标签来完成逻辑和数据的传入进行渲染，而且不用像jsp一样作为一个servlet被编译再生成。并且可以被浏览器直接打开。

打开项目可以看到 static是用来放我们的静态资源的它可以被浏览器直接访问
templates是模板引擎他无法通过浏览器来访问
在这里插入图片描述
使用步骤
一、在pom文件中引入thymeleaf依赖

		<!--引入thymeleaf依赖-->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>

二、在我们的网页中引入

<html xmlns:th="http://www.thymeleaf.org">

在这里插入图片描述
然后就可以容thymeleaf标签库来写代码了
可以使用 each循环 if判断这里if也是没有else 如果像else 只能再写一个if判断
格式
th:each=“item ： ${xxxx}" 他需要写到标签里面 th:text="$ {xxxx}” 输出
th:if="${item.xxxx}"

<table>
    <tr>
        <th>Id</th>
        <th>部门名称</th>
        <th>部门详情</th>
        <th>操作</th>
    </tr>
    <tr th:each="item : ${pageInfo.list}">
        <td th:text="${item.deptId}" id="deptId" class="deptId"></td>
        <td th:text="${item.deptName}"></td>
        <td th:text="${item.deptDesc}"></td>

        <td>
            <a href="#">删除</a>
            <a href="#">修改</a>
        </td>
    </tr>
</table>