国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

工具集核心教程 | 第三篇： Thymeleaf模板引擎入門到進階

abson / 880人閱讀

摘要：介紹簡單說，是一個跟類似的模板引擎，它可以完全替代。不包含標記刪除但刪除其所有的孩子。公眾號回復全棧，領取前端，，產品經理，微信小程序，等資源合集大放送。公眾號回復面試，領取面試實戰學習資源。

thymeleaf介紹

簡單說， Thymeleaf 是一個跟 Velocity、FreeMarker 類似的模板引擎，它可以完全替代 JSP。相較與其他的模板引擎，它有如下三個極吸引人的特點：

1.Thymeleaf 在有網絡和無網絡的環境下皆可運行，即它可以讓美工在瀏覽器查看頁面的靜態效果，也可以讓程序員在服務器查看帶數據的動態頁面效果。這是由于它支持 html 原型，然后在 html 標簽里增加額外的屬性來達到模板+數據的展示方式。瀏覽器解釋 html 時會忽略未定義的標簽屬性，所以 thymeleaf 的模板可以靜態地運行；當有數據返回到頁面時，Thymeleaf 標簽會動態地替換掉靜態內容，使頁面動態顯示。

2.Thymeleaf 開箱即用的特性。它提供標準和spring標準兩種方言，可以直接套用模板實現JSTL、 OGNL表達式效果，避免每天套模板、該jstl、改標簽的困擾。同時開發人員也可以擴展和創建自定義的方言。

3.Thymeleaf 提供spring標準方言和一個與 SpringMVC 完美集成的可選模塊，可以快速的實現表單綁定、屬性編輯器、國際化等功能。
標準表達式語法

它們分為四類：

1.變量表達式
2.選擇或星號表達式
3.文字國際化表達式
4.URL表達式
變量表達式

變量表達式即OGNL表達式或Spring EL表達式(在Spring術語中也叫model attributes)。如下所示：
${session.user.name}

它們將以HTML標簽的一個屬性來表示：

  

  •
    • 選擇(星號)表達式

    選擇表達式很像變量表達式，不過它們用一個預先選擇的對象來代替上下文變量容器(map)來執行，如下：
    *{customer.name}

    被指定的object由th:object屬性定義：

     
      
     ...  
    ...  
    ...
    文字國際化表達式

    文字國際化表達式允許我們從一個外部文件獲取區域文字信息(.properties)，用Key索引Value，還可以提供一組參數(可選).

      #{main.title}  
  #{message.entrycreated(${entryId})}

    可以在模板文件中找到這樣的表達式代碼：

       
    ...  
     
   ...  
 
    ...  
   ...
    URL表達式

    URL表達式指的是把一個有用的上下文或回話信息添加到URL，這個過程經常被叫做URL重寫。

    @{/order/list}

    URL還可以設置參數：

    @{/order/details(id=${orderId})}

    相對路徑：

    @{../documents/report}

    讓我們看這些表達式：
    變量表達式和星號表達有什么區別嗎？

    如果不考慮上下文的情況下，兩者沒有區別；星號語法評估在選定對象上表達，而不是整個上下文
    什么是選定對象？就是父標簽的值，如下：

      
    
    
    Name: Sebastian.
    
    
    Surname: Pepper.
    
    
    Nationality: Saturn.

    這是完全等價于：

      
    
      
    Name: Sebastian.
    
      
    Surname: Pepper.
    
      
    Nationality: Saturn.

    當然，美元符號和星號語法可以混合使用：

      
    
      
    Name: Sebastian.
    
      
    Surname: Pepper.
    
      
    Nationality: Saturn.
    表達式支持的語法 字面（Literals） 
    文本文字（Text literals）: "one text", "Another one!",…
數字文本（Number literals）: 0, 34, 3.0, 12.3,…
布爾文本（Boolean literals）: true, false
空（Null literal）: null
文字標記（Literal tokens）: one, sometext, main,…
    文本操作（Text operations） 
    字符串連接(String concatenation): +
文本替換（Literal substitutions）: |The name is ${name}|
    算術運算（Arithmetic operations） 
    二元運算符（Binary operators）: +, -, *, /, %
減號（單目運算符）Minus sign (unary operator): -
    布爾操作（Boolean operations） 
    二元運算符（Binary operators）:and, or
布爾否定（一元運算符）Boolean negation (unary operator):!, not
    比較和等價(Comparisons and equality) 
    比較（Comparators）: >, <, >=, <= (gt, lt, ge, le)
等值運算符（Equality operators）:==, != (eq, ne)
    條件運算符（Conditional operators） 
    If-then: (if) ? (then)
If-then-else: (if) ? (then) : (else)
Default: (value) ?: (defaultvalue)

    所有這些特征可以被組合并嵌套：

    "User is of type " + (${user.isAdmin()} ? "Administrator" : (${user.type} ?: "Unknown"))
    常用th標簽都有那些？ 

          
<
          

          
關鍵字
功能介紹
案例

          


          
th:id 
替換id

 

          

          
th:text
文本替換

          description
          		

          

          
th:utext
支持html的文本替換

          conten
          		

          

          
th:object
替換對象

          		

          

          
th:value
屬性賦值


          

          
th:with
變量賦值運算

          		

          

          
th:style
設置樣式
th:style=""display:" + @{(${sitrue} ? "none" : "inline-block")} + """

          

          
th:onclick
點擊事件
th:onclick=""getCollect()""

          

          
th:each
屬性賦值
tr th:each="user,userStat:${users}">

          

          
th:if
判斷條件


          

          
th:unless
和th:if判斷相反
Login

          

          
th:href
鏈接地址
Login />

          

          
th:switch
多路選擇 配合th:case 使用

          		

          

          
th:case

th:switch的一個分支

          User is an administrator
          		

          

          
th:fragment
布局標簽，定義一個代碼片段，方便其它地方引用

          		

          

          
th:include
布局標簽，替換內容到引入的文件
 />

          

          
th:replace
布局標簽，替換整個標簽到引入的文件

          		

          

          
th:selected 

selected選擇框 選中
th:selected="(${xxx.id} == ${configObj.dd})"

          

          
th:src
圖片類地址引入


          

          
th:inline
定義js腳本可以使用變量


          js附加代碼：
          

          /*[+
var msg = "This is a working application";
+]*/
          

          js移除代碼：
          

          /*[- */
var msg = "This is a non-working template";
/* -]*/
          
6、內嵌變量

          為了模板更加易用，Thymeleaf還提供了一系列Utility對象（內置于Context中），可以通過#直接訪問：
          

           `dates` ： `java.util.Date`的功能方法類。
 `calendars` : 類似`#dates`，面向`java.util.Calendar`
 `numbers` : 格式化數字的功能方法類
 `strings` : 字符串對象的功能類，`contains,startWiths,prepending/appending`等等。
 `objects`: 對`objects`的功能類操作。
 `bools`: 對布爾值求值的功能方法。
 `arrays`：對數組的功能類方法。
 `lists`: 對`lists`功能類方法
 `sets`
 `maps`
 `...`

          

          下面用一段代碼來舉例一些常用的方法：
          
dates

          /*
 * Format date with the specified pattern
 * Also works with arrays, lists or sets
 */
${#dates.format(date, "dd/MMM/yyyy HH:mm")}
${#dates.arrayFormat(datesArray, "dd/MMM/yyyy HH:mm")}
${#dates.listFormat(datesList, "dd/MMM/yyyy HH:mm")}
${#dates.setFormat(datesSet, "dd/MMM/yyyy HH:mm")}

/*
 * Create a date (java.util.Date) object for the current date and time
 */
${#dates.createNow()}

/*
 * Create a date (java.util.Date) object for the current date (time set to 00:00)
 */
${#dates.createToday()}
          
strings

          /*
 * Check whether a String is empty (or null). Performs a trim() operation before check
 * Also works with arrays, lists or sets
 */
${#strings.isEmpty(name)}
${#strings.arrayIsEmpty(nameArr)}
${#strings.listIsEmpty(nameList)}
${#strings.setIsEmpty(nameSet)}

/*
 * Check whether a String starts or ends with a fragment
 * Also works with arrays, lists or sets
 */
${#strings.startsWith(name,"Don")}                  // also array*, list* and set*
${#strings.endsWith(name,endingFragment)}           // also array*, list* and set*

/*
 * Compute length
 * Also works with arrays, lists or sets
 */
${#strings.length(str)}

/*
 * Null-safe comparison and concatenation
 */
${#strings.equals(str)}
${#strings.equalsIgnoreCase(str)}
${#strings.concat(str)}
${#strings.concatReplaceNulls(str)}

/*
 * Random
 */
${#strings.randomAlphanumeric(count)}
          
使用thymeleaf布局

          使用thymeleaf布局非常的方便
          

          定義代碼片段：
          

           
© 2016

          

          在頁面任何地方引入：
          

           
  
          
  
          
 
          

          th:include 和 th:replace區別，include只是加載，replace是替換
          

          返回的HTML如下：
          

           
   
           © 2016 
           
  
          © 2016 
           

          

          下面是一個常用的后臺頁面布局，將整個頁面分為頭部，尾部、菜單欄、隱藏欄，點擊菜單只改變content區域的頁面
          

          
  

          

          任何頁面想使用這樣的布局值只需要替換中見的 content模塊即可
          

           
   
      
          
    ...
          

          也可以在引用模版的時候傳參
          

          

          layout 是文件地址，如果有文件夾可以這樣寫 fileName/layout:htmlhead
          htmlhead 是指定義的代碼片段 如th:fragment="copy"
          
參考

          新一代Java模板引擎Thymeleaf
          Thymeleaf基本知識
          thymeleaf總結文章
          Thymeleaf 模板的使用
          thymeleaf 學習筆記
          
寫在最后

          歡迎關注、喜歡、和點贊后續將推出更多的工具集教程，敬請期待。
          歡迎關注我的微信公眾號獲取更多更全的學習資源，視頻資料，技術干貨！
          

          公眾號回復“學習”，拉你進程序員技術討論群，干貨資源第一時間分享。
          

          公眾號回復“視頻”，領取800GJava視頻學習資源。

          

          公眾號回復“全棧”，領取1T前端，Java，產品經理，微信小程序，Python等資源合集大放送。





          

          公眾號回復“慕課”，領取1T慕課實戰學習資源。








          

          公眾號回復“實戰”，領取750G項目實戰學習資源。

          

          公眾號回復“面試”，領取8G面試實戰學習資源。



                     
               
                                           
                       
                 
            
                     
             
               
          
                   
           文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
          
                 
                   
          轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/77592.html
          
               
          
                      
               
              
              
          
                
          相關文章
          
                
            
                             
                                                                                                    
          • 
                                                
            
                          
            工具集核心教程 | 第四篇： Velocity模板引擎入門到進階
            
                                                     
            摘要：是一個基于的模板引擎。模板中未被定義的變量將被認為是一個字符串。公眾號回復全棧，領取前端，，產品經理，微信小程序，等資源合集大放送。公眾號回復面試，領取面試實戰學習資源。

Velocity是一個基于java的模板引擎（template engine）。它允許任何人僅僅簡單的使用模板語言（template language）來引用由java代碼定義的對象。 當Velocity應用于web...
            
                                                   
                          
            
                                
            
                                    leon
                                    
                                    評論0 
                                    收藏0 
                                
            
                          
            
                      
            
                    
            •  
                                                                                       
          • 
                                                
            
                          
            Spring Boot 2 快速教程：WebFlux 集成 Thymeleaf（五）
            
                                                     
            摘要：數據和信息是不可分離的，數據是信息的表達，信息是數據的內涵。數據本身沒有意義，數據只有對實體行為產生影響時才成為信息。主要目標是為開發提供天然的模板，并且能在里面準確的顯示。目前是自然更加推薦。

這是泥瓦匠的第105篇原創
文章工程：

JDK 1.8
Maven 3.5.2
Spring Boot 2.1.3.RELEASE
工程名：springboot-webflux-4-thym...
            
                                                   
                          
            
                                
            
                                    姘存按
                                    
                                    評論0 
                                    收藏0 
                                
            
                          
            
                      
            
                    
            •  
                                                                                       
          • 
                                                
            
                          
            Spring Boot 的簡單教程（二） web頁面開發(Thymeleaf篇)
            
                                                     
            摘要：頁面內容展示在之前的示例中，我們都是通過來處理請求，所以返回的內容為對象。啟動程序后，訪問。運行項目，輸入項目地址再次查看頁面顯示內容，內容被替換了。默認情況下，它排第一位。

Web頁面內容展示
在之前的示例中，我們都是通過@RestController來處理請求，所以返回的內容為json對象。我們現在需要實現更復雜的頁面顯示，就需要用到模板引擎來幫我實現了。
Spring Boot默...
            
                                                   
                          
            
                                
            
                                    dreamtecher
                                    
                                    評論0 
                                    收藏0 
                                
            
                          
            
                      
            
                    
            •  
                                                                           
                
          
              
          
              
               
          
                  
                  
          發表評論
          
                   
               
          
              
          
                
          
                  
          0條評論
             
                
           
                      
          
              
          
           
           
          
              
           
                
          
                    
                    
          abson
          
                    
          男|高級講師
          
                    
                    
          
                          
          TA的文章
          
                          閱讀更多
                    
          
                      
                
          

                   
              
  
          
                  
          最新活動
           
           
                             
              

          


          
                                
                        
          
           
          
        
       
    
    
     
          
      
    
          
    
    
          
    
       
       
          
         
          閱讀需要支付1元查看