thymleaf模板使用

spingboot引入

    pom文件

<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>

application.properties

#thymeleaf start
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
#开发时关闭缓存,不然没法看到实时页面
spring.thymeleaf.cache=false

语法

1、meta   标签加  / 

<meta charset="UTF-8" />

2、input 标签 加 /

<input type="text" name="account" autocomplete="off" class="ipt" placeholder="手机/邮箱/用户名" />

3、img 标签 加 /

<img alt="验证码" title="点击更换验证码" />

4、link 标签 加 / 

<link th:href="@{/ids/static/css/index.css?fd11a0bbc1847a55e973}" rel="stylesheet" /></head>

5、href 标签  加 th：@{}

<link th:href="@{/static/css/index.css?6757ec3af4f023c93ed7}" rel="stylesheet" /></head>

6、src 标签 加 th: @{}

<script type="text/javascript" th:src="@{/dll/core.js}"></script><script type="text/javascript" th:src="@{/static/js/index.js?fd11a0bbc1847a55e973}"></script></body>

7、内联js

<script th:inline="javascript">
        /*<![CDATA[*/
        var _userName = /*[[${user.name}]]*/,
            _headImgUrl = /*[[${user.headImageUrl}]]*/;
        /*]]>*/
	</script>