Thymeleaf摸板引擎和语法

开发工具与关键技术&＃xff1a;idea,
作者&＃xff1a;农村扛粑子
撰写时间&＃xff1a;2021年6月8日


前端交给我们的页面&＃xff0c;是html页面。我们以前开发&＃xff0c;我们需要把他们转成jsp页面&＃xff0c;jsp好处就是当我们查出一些数据转发到JSP页面以后&＃xff0c;我们可以用jsp轻松实现数据的显示&＃xff0c;及交互等。看一下这张图&＃xff1a;

他可以通过Template摸板 一个Hello$userEL的表达式获取到里面的user\&＃xff0c;这个user呢是我们的数据后台Date给他的\&＃xff0c;然后经过摸板引擎渲染出去给到了output一个正常的页面\&＃xff0c;在这个页面之前都是通过摸板引擎来渲染的\&＃xff0c;可能有一些遍历或$来取值的&＃xff0c;在springboot认为这个比较老了所以推荐使用thymeleaf模板引擎&＃xff0c;我们其实大家听到很多&＃xff0c;其实jsp就是一个模板引擎&＃xff0c;还有用的比较多的freemarker&＃xff0c;包括SpringBoot给我们推荐的Thymeleaf&＃xff0c;模板引擎有非常多&＃xff0c;但再多的模板引擎他们的思想都是一样的。
该怎么使用thymeleaf摸板引擎呢我们还是要导入他的依赖配置

org.thymeleaf thymeleaf-spring5 org.thymeleaf.extras thymeleaf-extras-java8time 导入依赖之后我们要在项目里面的ExternalLibraries文件下检查导入的版本是否是Maven:org.thymeleaf: thymeleaf:3.0.12.RELEASE以上的版本否则会报错。 Thymeleaf摸板引擎是写在项目下面的resource下面的templates里面 

Thymeleaf分析
前面呢&＃xff0c;我们已经引入了Thymeleaf&＃xff0c;那这个要怎么使用呢&＃xff1f;
我们首先得按照SpringBoot的自动配置原理看一下我们这个Thymeleaf的自动配置规则&＃xff0c;在按照那个规则&＃xff0c;我们进行使用。
我们去找一下Thymeleaf的自动配置类&＃xff1a;在项目中连按两次shift键搜索ThymeleafProperties
&＃64;ConfigurationProperties(
prefix &＃61; “spring.thymeleaf”
)
public class ThymeleafProperties {
private static final Charset DEFAULT_ENCODING;
public static final String DEFAULT_PREFIX &＃61; “classpath:/templates/”;//前缀
public static final String DEFAULT_SUFFIX &＃61; “.html”;//后缀必须是HTML结尾
private boolean checkTemplate &＃61; true;
private boolean checkTemplateLocation &＃61; true;
private String prefix &＃61; “classpath:/templates/”;
private String suffix &＃61; “.html”;
private String mode &＃61; “HTML”;
private Charset encoding;
}
我们可以在其中看到默认的前缀和后缀&＃xff01;
我们只需要把我们的html页面放在类路径下的templates下&＃xff0c;thymeleaf就可以帮我们自动渲染了。
使用thymeleaf什么都不需要配置&＃xff0c;只需要将他放在指定的文件夹下即可&＃xff01;

1. 编写一个TestController
   &＃64;Controller
   public class TestController {
   &＃64;RequestMapping("/test")
   public String test1(){
   //classpath:/templates/test.html
   return “test”;} }
2. 编写一个测试页面 test.html 放在 templates 目录下 Test页面

启动项目在浏览器输入http://localhost:8080/test 得出结果。 

Thymeleaf语法&＃xff0c;在同一个页面与控制器来简单的写几个来示范。
官网https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html
使用thymeleaf第一步需要在html文件中导入命名空间的约束xmlns:th&＃61;http://www.thymeleaf.org
控制器代码
&＃64;Controller
public class indexController {
&＃64;RequestMapping("/test")
public String test(Model model){
//存入数据 //存入数据 把集合里面的数据存放到users里面 Arrays.asList一个数组转换为集合 进行编率
model.addAttribute(“msg”,“

holle,springboot”); model.addAttribute(“users”, Arrays.asList(“你好小鸿”,“你好小玲”));

// return&＃xff1a;classpath:/templates/test.html

return “test”;

}

}

页面代码

---

---

[[ ${user} ]]

在浏览器上面输入网址http://localhost:8080/test他就会出数据如下图所示。