摘要
本文将会讲述如何在Spring Boot项目中整合Thymeleaf,并且如何实现后台封装前端显示的数据,并通过Thymeleaf解析出Spring boot后端代码中封装的值。
本文将会讲述如何在Spring Boot项目中整合Thymeleaf,并且如何实现后台封装前端显示的数据,并通过Thymeleaf解析出Spring boot后端代码中封装的值。
首先说明,网上有很多资料和例子,都声称通过自己的例子和代码就能实现SpringBoot 整合 Thymeleaf实现后台传递到前端并显示值,实测并不可行,其主要原因是因为后端代码中传递数据使用的类不对。
本文将会讲解如何正确的在SpringBoot中 整合 Thymeleaf实现后台传递到前端,并在前端显示后端传递的数据。
<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency>
如果你使用的不是.properties而是使用.yml配置,请将下方代码中的“=”换成“:”
# thymeleaf spring.thymeleaf.prefix=classpath:/templates/ #前端html文件路径 spring.thymeleaf.cache=false # 不使用缓存,易于修改后立马呈现效果
@RequestMapping(URLConstant.HOME_PAGE) public String index(HttpServletRequest request, ModelMap map) { map.put("firstParam","Hello World !"); return "/linkHome/index"; }
注意:这里是一个重点,使用ModelMap 来作为数据的承载体
html文件头配置(需要引入Thymeleaf):
<!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org">
具体数据显示:
<span th:text="${firstParam}"></span>
将会有如下的显示效果:
Hello World !