Thymeleaf教程（二）应用

最新推荐文章于 2023-11-02 10:06:15 发布

DavidBigHero

最新推荐文章于 2023-11-02 10:06:15 发布

阅读量1.3k

点赞数 2

分类专栏： ★Java天堂文章标签： Thymeleaf 简单应用

本文链接：https://blog.csdn.net/qwlzxx/article/details/70964982

版权

★Java天堂专栏收录该内容

60 篇文章 1 订阅

订阅专栏

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标签即可。类似上面二、三步。

DavidBigHero

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
9
评论
Thymeleaf教程（二）应用

第一步：加入thymeleaf-2.1.4.RELEASE.jar（http://www.thymeleaf.org/download.html）包，用maven，加如下配置： org.thymeleaf thymeleaf 2.1.4第二步：往html页面加入头文件，相应的schema就是这个网址<html xmlns="http://www.w3.org
复制链接

扫一扫