1、简单应用
第一步:加入thymeleaf-2.1.4.RELEASE.jar(http://www.thymeleaf.org/download.html)包,用maven,加如下配置:
<dependency>
<groupId>org.thymeleaf</groupId>
<artifactId>thymeleaf</artifactId>
<version>2.1.4</version>
</dependency>
第二步:往html页面加入头文件,相应的schema就是这个网址
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org">
第二步:原始模板
<table class="box-table-a">
<caption>thyMeleaf使用教程</caption>
<thead>
<tr>
<th scope="col">ID</th>
<th scope="col">这是标题1</th>
<th scope="col">这是标题2</th>
<th scope="col">这是标题3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>朱遇平</td>
<td>java</td>
<td>程序猿</td>
</tr>
<tr>
<td>2</td>
<td>张三</td>
<td>php</td>
<td>程序猿</td>
</tr>
<tr>
<td>3</td>
<td>李四</td>
<td>c++</td>
<td>程序猿</td>
</tr>
</tbody>
</table>
第三步:采用ThyMeleaf标签替换,不用改动模板以及样式,thyMeleaf是一个基于标签,自定义属性实现的一个模板,下面看看用上面的模板怎么配置Thymeleaf。
<tr th:each="user : ${users}">
<td th:text="${user.id}">01</td>
<td th:text="${user.name}">朱遇平</td>
<td th:text="${user.xx}">java</td>
<td th:text="${user.xx}">程序员</td>
</tr>
这些静态数据当运行的时候会自动替换。
2、整合Spring
第一步:同上
第二步:在Servlet配置文件中加入如下代码:
<!--springMVC+thymeleaf的跳转页面配置-->
<bean id="templateResolver" class="org.thymeleaf.templateresolver.ServletContextTemplateResolver">
<property name="prefix" value="/WEB-INF/views/" />
<property name="suffix" value=".html" />
<property name="templateMode" value="HTML5" />
</bean>
<bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
<property name="templateResolver" ref="templateResolver" />
</bean>
<bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
<property name="templateEngine" ref="templateEngine" />
</bean>
第三步:将静态页面加到项目中,更改头文件,加入th标签即可。类似上面二、三步。