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 編譯 使用標簽的話 會報錯 只有添加<!--/*@thymesVar id="yu" type="java"*/--> 注釋才不會報錯
標簽的話不需要自己寫,點擊左邊報錯的小紅點會提示標簽注釋,自動生成
轉載:https://www.cnblogs.com/memoryXudy/p/7681991.html