springboot常用starter⑭-thymeleaf

2021-07-19  本文已影响0人  一个好汉

thymeleaf

Thymeleaf 是适用于 Web 和独立环境的现代服务器端 Java 模板引擎,能够处理 HTML、XML、JavaScript、CSS 甚至纯文本。

Thymeleaf 的主要目标是提供一种优雅且高度可维护的模板创建方式。
为了实现这一点,它建立在自然模板的概念之上,以不影响模板用作设计原型的方式将其逻辑注入模板文件
PS: 也就是说 你直接用浏览器打开是可以直接看到页面的不需要经过服务器渲染
具体用法可参见官网

集成thymeleaf

增加依赖

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

增加thymeleaf配置

# thymeleaf 配置
# 启用缓存:建议生产开启
spring.thymeleaf.cache=false
# 建议模版是否存在
spring.thymeleaf.check-template-location=true
# Content-Type 值
spring.thymeleaf.servlet.content-type=text/html
# 是否启用
spring.thymeleaf.enabled=true
# 模版编码
spring.thymeleaf.encoding=UTF-8
# 应该从解析中排除的视图名称列表(用逗号分隔)
spring.thymeleaf.excluded-view-names=
# 模版模式
spring.thymeleaf.mode=HTML
# 模版存放路径
spring.thymeleaf.prefix=classpath:/templates/
# 模版后缀
spring.thymeleaf.suffix=.html

访问层增加代码


@Controller
@RequestMapping("/thymeleaf")
public class ThymeleafController {

    // 正常和springmvc设置返回参数是意义的用法了
    @GetMapping("/map")
    public String index(String name, ModelMap map) {
        map.addAttribute("name", name);
        map.addAttribute("from", "spring-boot-learn");
        // 模版名称,实际的目录为:src/main/resources/templates/thymeleaf.html
        return "thymeleaf";
    }

    @GetMapping("/mv")
    public ModelAndView index(String name) {
        ModelAndView mv = new ModelAndView();
        mv.addObject("name", name);
        mv.addObject("from", "spring-boot-learn");
        // 模版名称,实际的目录为:src/main/resources/templates/thymeleaf.html
        mv.setViewName("thymeleaf");
        return mv;
    }
}

在resource/templates目录下新增一个thymeleaf.html页面

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8"/>
  <title>thymeleaf简单示例</title>
</head>
<body>
<h1>Hello thymeleaf</h1>
<!-- 这里注意:拼接时 变量要单独使用${param},其他的常量使用''包裹 -->
<h2 th:text="|名称: ${name}, 来自: ${from}|">默认值</h2>
</body>
</html>

验证
访问 http://localhost:启动端口/thymeleaf/map?name=hong

你好-thymeleaf
上一篇下一篇

猜你喜欢

热点阅读