spring-boot-starter-thymeleaf 避坑指南

第一步：pom配置环境先不要管包是做什么的总之必须要有否则进坑

 1 <!--避坑包-->
 2 <dependency>
 3     <groupId>net.sourceforge.nekohtml</groupId>
 4     <artifactId>nekohtml</artifactId>
 5     <version>1.9.22</version>
 6 </dependency>
 7 <!--解析html包-->
 8 <dependency>
 9     <groupId>org.springframework.boot</groupId>
10     <artifactId>spring-boot-starter-thymeleaf</artifactId>
11 </dependency>

第二步：配置application.properties

注意 1.结尾一定要有------ #thymeleaf end --------- 否则掉坑

2.#模板编码 spring.thymeleaf.mode=LEGACYHTML5

要想使用LEGACYHTML5这个编码格式必须引入上面pom中‘避坑包’ 否则用不了

肯定有人要问为什么不用HTML5 ，你可以试试

因为你可能会发现在默认配置下，thymeleaf对.html的内容要求很严格，比如<meta charset=”UTF-8″ />，

如果少最后的标签封闭符号/，就会报错而转到错误页。也比如你在使用Vue.js这样的库，然后有<div v-cloak></div>这样的html代码，

也会被thymeleaf认为不符合要求而抛出错误。因此，建议增加下面这段：

spring.thymeleaf.mode = LEGACYHTML5
spring.thymeleaf.mode的默认值是HTML5，其实是一个很严格的检查，改为LEGACYHTML5可以得到一个可能更友好亲切的格式要求。

需要注意的是，LEGACYHTML5需要搭配一个额外的库NekoHTML才可用也就时上文的避坑包

 1 #<!-- 关闭thymeleaf缓存 开发时使用 否则没有实时画面-->
 2 spring.thymeleaf.cache=false
 3 ## 检查模板是否存在，然后再呈现
 4 spring.thymeleaf.check-template-location=true
 5 #Content-Type值
 6 spring.thymeleaf.content-type=text/html
 7 #启用MVC Thymeleaf视图分辨率
 8 spring.thymeleaf.enabled=true
 9 ## 应该从解决方案中排除的视图名称的逗号分隔列表
10 ##spring.thymeleaf.excluded-view-names=
11 #模板编码
12 spring.thymeleaf.mode=LEGACYHTML5
13 # 在构建URL时预先查看名称的前缀
14 spring.thymeleaf.prefix=classpath:/templates/
15 # 构建URL时附加查看名称的后缀.
16 spring.thymeleaf.suffix=.html
17 # 链中模板解析器的顺序
18 #spring.thymeleaf.template-resolver-order= o
19 # 可以解析的视图名称的逗号分隔列表
20 #spring.thymeleaf.view-names=
21 #thymeleaf end

这是我的静态网页结构

第三步：controller层

注入的时候一定要是Controller 不要是RestController 因为它是rest接口（json格式）是解析不到html

 1 @Controller  注意不要是RestController
 2 @RequestMapping(value = "/")
 3 public class MainController {
 4  
 6     @Autowired
 7     MainService mainService;
 8  
 9     @GetMapping(value = "/home")
10     public String homePage(){ 
12     　　return "test";
13     }
14 }

实在没有那么多需求就用原生态随便玩想跳哪里跳哪里

1 @GetMapping(value = "/home")
2 public void homePage(HttpServletResponse response)throws IOException{
3     response.sendRedirect("index.html");
4 //  return "index";
5}

需要传值的话，java界面使用正常的方法就可

model.addAttribute("yu","Hello world Thymeleaf");

在html 界面需在html 标签里引用地址。thymeleaf 使用的是OGNL 标签，和jstl 标签差不多个人感觉，例如：

<html lang="en" xmlns:th="http://www.thymeleaf.org">

<!--/*@thymesVar id="yu" type="java"*/-->
<p th:text="${yu}"></p>

我是用的是IDEA 编译使用标签的话会报错只有添加 注释才不会报错

标签的话不需要自己写，点击左边报错的小红点会提示标签注释，自动生成

转载：https://www.cnblogs.com/memoryXudy/p/7681991.html

posted @ 2019-05-29 11:06 远方f 阅读(7332) 评论(0) 编辑收藏举报

刷新页面返回顶部

远方f

spring-boot-starter-thymeleaf 避坑指南

spring-boot-starter-thymeleaf 避坑指南

公告