当前位置：网站首页>thymeleaf介绍与简单应用

thymeleaf介绍与简单应用

2022-07-16 11:17:00 【虎起来】

1.什么是thymeleaf
thymeleaf 跟 JSP 一样，就是运行之后，就得到纯 HTML了。区别在与，不运行之前， thymeleaf 也是纯 html …
所以 thymeleaf 不需要服务端的支持，就能够被以 html 的方式打开，这样就方便前端人员独立设计与调试, jsp 就不行了，不启动服务器 jsp 都没法运行出结果来。

2.在pom文件中添加对thymeleaf的支持

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

3.增加控制器

package com.how2java.springboot.web;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
  
@Controller
public class HelloController {
    
  
    @RequestMapping("/hello")
    public String hello(Model m) {
    
        m.addAttribute("name", "thymeleaf");
        return "hello";
    }
}

4.新建hello.html

<!DOCTYPE HTML>
# 声明当前文件是 thymeleaf, 里面可以用th开头的属性
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
#name 的值显示在当前p里，取出来放进p里，取值用的是 "${name}" ，从而替换到 原来p 标签里的 4个字符 "name"
<p th:text="${name}" >name</p>
<p th:text="'Hello！ ' + ${name} + '!'" >hello world</p>
<p th:text="|Hello！ ${name}!|" >hello world</p>
</body>
 
</html>

这种方式，就可以把服务端的数据，显示在当前html里了。

5.application.properties配置

#thymeleaf 配置
spring.thymeleaf.mode=HTML5
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.content-type=text/html
#缓存设置为false, 这样修改之后马上生效，便于调试
spring.thymeleaf.cache=false
#上下文
server.context-path=/thymeleaf

6.运行测试
在这里插入图片描述

原网站

版权声明
本文为[虎起来]所创，转载请带上原文链接，感谢
https://blog.csdn.net/qq_36967200/article/details/125768975

当前位置：网站首页>thymeleaf介绍与简单应用

thymeleaf介绍与简单应用

边栏推荐

猜你喜欢

随机推荐