1. 程式人生 > >thymleaf基礎入門(一)ajax,判斷

thymleaf基礎入門(一)ajax,判斷

目錄

在進行了多次百度,還是無法解決thymeleaf的坑之後,我決定自己一個一個嘗試,
ps: 很多人只講語法, 艹,拿著語法,我發現還是無法完成我要的,必須得有實際例子,所以我猜想 那些只寫 語法的人,肯定不是自己真正寫過 thymeleaf ,或者在工程中用過,

配置非嚴格的語法

thymeleaf 有嚴格的語法限制,會極大程度限制你的發揮,所以先把這個模板的嚴格去掉

<!--非嚴格模式解析HTML5-->
<dependency>
    <groupId>net.sourceforge.nekohtml</groupId>
    <artifactId
>
nekohtml</artifactId> <version>1.9.22</version> </dependency>

導包,在application.yml中配置

spring.thymeleaf.cache=false
spring.thymeleaf.mode =LEGACYHTML5
spring.thymeleaf.content-type=text/html

html的坑

1。首先 js程式碼怎麼寫 必須 加上 th:inline

<script th:inline="javascript"> 
    var loginids=[[${loginid}]]
; var urls=[[${url}]]; </script>

2。 怎麼 將 springBoot中的 model 儲存的值取出來

<html  xmlns:th="http://www.thymeleaf.org">  
必須加上這個 
html:<span th:text="${address}"></span>
js:var urls=[[${address}]];
  1. 怎麼寫url連結的按鈕
    SCH 就是 Controller類上的 reqMapping
    Holiday就是 方法上的 Mapping
<a th:href
="@{'/SCH/Holiday?code=1&state=2'}">
返回</a>

如果你的url連結中有引數,是這個頁面初始化傳入的

<a th:href="@{/Money/backIndex(id=${loginid})}">返回</a>
  1. 怎麼寫 ajax請求
$.ajax({
     type:'post',
     dataType:'json',
     url:'http:localhost:9090/por/PTC/goToWork', contentType:"application/json;charset=utf-8",
     data: JSON.stringify(jsonsdata),
     success:function(data){
          if(data.code==0){
               成功、、、、
          } 
     }
 })

5.怎麼進行表示式的判斷

 <div th:if="${flag==0}"></div>

如果 flag==0 成立,那麼div 裡面的dom就會顯示