springboot整合Thymeleaf入门

最新推荐文章于 2020-05-12 16:31:40 发布

Java少年

最新推荐文章于 2020-05-12 16:31:40 发布

阅读量262

点赞数

分类专栏：框架文章标签： thymeleaf

本文链接：https://blog.csdn.net/qq_15901351/article/details/87623133

版权

框架专栏收录该内容

23 篇文章 0 订阅

订阅专栏

一、简介

Thymeleaf是一款用于渲染XML、XHTML、HTML5内容的模板引擎。类似Velocity，FreeMaker模板引擎，它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。

官网：https://www.thymeleaf.org/

二、使用方法

1、pom.xml中引入Thymeleaf依赖

2.、在resources目录下创建templates目录，存放.html模板文件。

在resources目录下创建static目录，静态资源文件（图片、css、js等）。

3、创建.html模板文件

注意点：

a.模板文件头部使用<html xmlns:th="http://www.thymeleaf.org">定义。

b.模板文件所有标签必须闭合

c 标签上使用th:开头标识作为前缀

d.使用@{}引入web静态文件

如：<link rel="stylesheet" th:href="@{/css/test.css}"/>

e. 页面接受数据，获取model中数据，使用thymeleaf语法

三、demo实例

1、添加依赖

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

2、创建上述文件夹目录

3、创建test.html页面

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8"/>
<title>测试Thymeleaf模板引擎</title>
<link rel="stylesheet" th:href="@{/css/test.css}"/>
</head>
<body>
   <h2 id="bt">测试列表</h2>
   <div>
       <ul>
           <li th:each="user:${userList}">
               <span th:text="${user.userId}"></span>-
               <span th:text="${user.userName}"></span>-
               <span th:text="${user.userAge}"></span>-
               <span th:text="${user.userSex}"></span>
           </li>
       </ul>
   </div>
</body>
</html>

4. controller

@Controller
public class TestThymeleaf {

   @Autowired
   private UserDao dao;

   @RequestMapping(value = "/getUserList", method = RequestMethod.GET)
   public String get(Model model) {
       Map<String, Object> map = new HashMap<String, Object>();
       Map<String, Object> rspmap = new HashMap<String, Object>();
       map.put("userId", "1");
       List<bootUser> users = dao.getUserInfo(map);
       model.addAttribute("userList", users);
       return "/test/test";
   }
}

5. 访问http://localhost:8888/index/getUserList.do，出现如下页面

-----spring整合 Thymeleaf配置

1.添加依赖

<dependency>
           <groupId>org.thymeleaf</groupId>
           <artifactId>thymeleaf-spring4</artifactId>
           <version>3.0.2.RELEASE</version>
       </dependency>

2、xml配置（配置jsp视图解析器替换成一下配置）

<bean id="templateResolver"
       class="org.thymeleaf.spring4.templateresolver.SpringResourceTemplateResolver">
       <property name="prefix" value="/WEB-INF/pages/" />
       <property name="suffix" value=".html" />
       <property name="templateMode" value="HTML" />
       <property name="cacheable" value="false" />
       <property name="characterEncoding" value="UTF-8"/>
   </bean>
   <bean id="templateEngine" class="org.thymeleaf.spring4.SpringTemplateEngine">
       <property name="templateResolver" ref="templateResolver" />
       <property name="enableSpringELCompiler" value="true" />
   </bean>
   <bean class="org.thymeleaf.spring4.view.ThymeleafViewResolver">
       <property name="order" value="1" />
       <property name="templateEngine" ref="templateEngine" />
       
       <property name="characterEncoding" value="UTF-8"/>
   </bean>

Java少年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
springboot整合Thymeleaf入门

一、简介Thymeleaf是一款用于渲染XML、XHTML、HTML5内容的模板引擎。类似Velocity，FreeMaker模板引擎，它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。官网：https://www.thymeleaf.org/二、使用方法1、pom.xml中引入Thymeleaf依赖2.、在resources目录下创建templ...
复制链接

扫一扫

专栏目录