使用Thymeleaf给前端绑定值

最新推荐文章于 2024-03-31 16:23:57 发布

weixin_30270889

最新推荐文章于 2024-03-31 16:23:57 发布

阅读量592

点赞数

文章标签：前端后端 java ViewUI

原文链接：http://www.cnblogs.com/kingsonfu/p/9774008.html

版权

1、pom依赖

　　　　  <!-- thymeleaf -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <!-- thymeleaf网页解析 -->
        <dependency>
            <groupId>net.sourceforge.nekohtml</groupId>
            <artifactId>nekohtml</artifactId>
        </dependency>

2、配置文件

########################################################
###THYMELEAF (ThymeleafAutoConfiguration)
########################################################
spring.thymeleaf:
  prefix: classpath:/web/
  suffix: .html
  mode: HTML5
  encoding: UTF-8
  cache: false

3、controller

@Controller
@RequestMapping(value = "theamleaf")
public class TheamleafController {
    /**
     *
     * @param modelMap
     * @return
     */
    @RequestMapping(value = "index")
    public String index(ModelMap modelMap) {
        modelMap.addAttribute("data", "index html");
        return "/index";
    }
}

4、html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Title</title>
</head>
<body>
<h1 th:text="${data}">hello</h1>
</body>
</html>