Thymeleaf模板引擎的初步使用

Posted 2020-10-14 博客王大锤

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Thymeleaf模板引擎的初步使用相关的知识，希望对你有一定的参考价值。

在springboot中，推荐使用的模板引擎是Thymeleaf模板引擎，它提供了完美的Spring MVC的支持。下面就简单的介绍一下Thymeleaf模板引擎的使用。

在controller层中，使用在类上使用@controller注解，注意的是，这里不是@restController注解，因为@restController注解是将结果作为json字符串进行返回的，并不是调用模板。

方法中，注入参数，Model model。然后同springmvc中的modelandview一样，model也提供了属性方法：addAttribute(“”,“”)。

下面是在html页面的一些操作

在html标签中加入名称空间，将页面转换成动态的页面

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

转换之后有一点需要注意，就是对于静态资源的访问也变了，静态资源需要通过th:src=“@{path}”进行访问。

需要在标签中使用th:text="${singlePerson.age}进行访问，感觉不是很方便，以后还是尽量使用ajax进行异步操作吧

<h2 th:text="${singlePerson.age}"></h2>

<ul>
        <li th:each="person:${list}">
            <h1 th:text="${person.name}"></h1>
        </li>
    </ul>

<ul th:if="${#lists.isEmpty(list)}">
        <li th:each="person:${list}">
            <h1 th:text="${person.name}"></h1>
        </li>
    </ul>

通过${#lists.isEmpty(list)}表达式判断是否集合list为空。

Thymeleaf支持>,<,>=,<=,!=等作为比较条件，同时也支持将SpringEL表达式用于条件之中，不过这个我没学过，具体就不知道怎么用了。

<script type="text/javascript" th:inline="javascript">
    window.onload=function(){
        alert([[${singlePerson.name}]]);
    }
</script>

这里需要注意的是，在script标签中，需要加入th:inline=“javascript”去声明在下面的javascript中使用到了model的内容。

暂时就先记这么多，需要用的时候，再不定期补充。

以上是关于Thymeleaf模板引擎的初步使用的主要内容，如果未能解决你的问题，请参考以下文章