Thymeleaf 簡介、教程

前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。

Thymeleaf是一個適用于Web和獨立環境的現代服務器端Java模板引擎。

Thymeleaf的主要目標是為您的開發工作流程帶來優雅的自然模板?- 可以在瀏覽器中正確顯示的HTML,也可以用作靜態原型,從而在開發團隊中實現更強大的協作。

通過Spring Framework模塊,與您喜歡的工具的大量集成,以及插入您自己的功能的能力,Thymeleaf是現代HTML5 JVM Web開發的理想選擇 - 盡管它可以做得更多。

以上轉自其官網:Thymeleaf??

以下轉自:https://www.yiibai.com/thymeleaf/thymeleaf-instroduce.html

有Thymeleaf 的教程:

Thymeleaf能夠處理HTML,XML,JavaScript,CSS甚至純文本。

Thymeleaf的主要目標是提供一個優雅和高度可維護的創建模板的方式。 為了實現這一點,它建立在自然模板的概念之上,以不影響模板作為設計原型的方式將其邏輯注入到模板文件中。 這改善了設計溝通,彌合了前端設計和開發人員之間的理解偏差。

Thymeleaf也是從一開始就設計(特別是HTML5)允許創建完全驗證的模板。

Thymeleaf可以處理什么樣的模板?

開箱即用,Thymeleaf可以處理六種模板,每種模板都稱為模板模式:

  • HTML
  • XML
  • TEXT
  • JAVASCRIPT
  • CSS
  • RAW

有兩種標記模板模式(HTML和XML),三種文本模板模式(TEXT,JAVASCRIPT和CSS)和一種無操作模板模式(RAW)。

HTML模板模式將允許任何類型的HTML輸入,包括HTML5,HTML4和XHTML。 將不會執行驗證或格式檢查,并且在輸出中盡可能地遵守模板代碼/結構。

XML模板模式將允許XML輸入。 在這種情況下,代碼應該是格式良好的 - 沒有未封閉的標簽,沒有未加引號的屬性等等,如果發現格式錯誤,解析器將會拋出異常。 請注意,將不會執行驗證(針對DTD或XML模式)。

TEXT模板模式將允許對非標記性質的模板使用特殊語法。 這種模板的例子可能是文本電子郵件或模板文檔。 請注意,HTML或XML模板也可以作為TEXT處理,在這種情況下,它們不會被解析為標記,而每個標記,DOCTYPE,注釋等都將被視為純文本。

JAVASCRIPT模板模式將允許處理Thymeleaf應用程序中的JavaScript文件。這意味著能夠像在HTML文件中一樣使用JavaScript文件中的模型數據,但是使用特定于JavaScript的集成(例如專門轉義或自然腳本)。 JAVASCRIPT模板模式被認為是文本模式,因此使用與TEXT模板模式相同的特殊語法。

CSS模板模式將允許處理Thymeleaf應用程序中涉及的CSS文件。類似于JAVASCRIPT模式,CSS模板模式也是文本模式,并使用TEXT模板模式中的特殊處理語法。

RAW模板模式根本不會處理模板。它意味著用于將未觸及的資源(文件,URL響應等)插入正在處理的模板中。例如,可以將HTML格式的外部非受控資源包含在應用程序模板中,從而安全地知道這些資源可能包含的任何Thymeleaf代碼都不會被執行。

方言:標準方言

Thymeleaf是一個非常容易擴展的模板引擎(事實上,它可以被稱為模板引擎框架),允許您定義和定制模板將被處理到一個很好的細節水平的方式。

一個將某些邏輯應用于標記工件(標簽,一些文本,注釋或者僅僅是模板不是標記的占位符)的對象被稱為處理器,而這些處理器的集合(可能還有一些額外的工件)是方言組成。 開箱即用,Thymeleaf的核心庫提供了一種稱為“標準方言”的方言,對大多數用戶來說應該是足夠的。

本教程涵蓋了標準方言。 您將在后面的頁面中了解的每個屬性和語法功能均由該方言定義,即使未明確提及。

當然,如果用戶想利用庫的高級功能定義自己的處理邏輯,用戶可以創建自己的方言(甚至擴展標準方言)。Thymeleaf也可以配置為一次使用幾種方言。

標準方言的大多數處理器是屬性處理器。 這允許瀏覽器甚至在被處理之前正確顯示HTML模板文件,因為它們將簡單地忽略附加屬性。 例如,雖然使用標記庫的JSP可能包含不能直接由瀏覽器顯示的代碼片段,例如:

<form:inputText name="userName" value="${user.name}" />

HTML

Thymeleaf標準方言將允許實現相同的功能:

<input type="text" name="userName" value="Yiibai" th:value="${user.name}" />

HTML

這不僅可以被瀏覽器正確顯示,而且還允許(可選地)在瀏覽器中靜態打開原型時指定一個值屬性(本例中為“Yiibai”),在處理模板期間被${user.name}的評估結果值所取代。

這有助于設計人員和開發人員使用完全相同的模板文件,并減少將靜態原型轉換為工作模板文件所需的工作量。 這樣做的能力是一個稱為自然模板的功能。

?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/447914.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/447914.shtml
英文地址,請注明出處:http://en.pswp.cn/news/447914.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

HDU 6682 Make Rounddog Happy

題意&#xff1a;給你一個集合&#xff0c;求它的所有子集的子集和中數字4出現了多少次 例如 4 4 4 44 44 中4(1)&#xff0c;4(2)&#xff0c;44(3)&#xff0c;44(4)&#xff0c;48(1,3)&#xff0c;48(1,4)&#xff0c;48(2,3)&#xff0c;48(2,4)&#xff0c;總共有10個數字…

如期而至,GCC 4.9.0正式版發布!

摘要&#xff1a;GCC是一套由GNU開發的編程語言編譯器。近日&#xff0c;GCC 4.9.0發布&#xff0c;主要新特性包括&#xff1a;提升了C11和C14特性&#xff1b;診斷信息支持彩色顯示&#xff1b;移除mudflap運行時檢查器等。 如期而至&#xff0c;GCC 4.9.0發布&#xff0c;該…

2.9 go mod 之本地倉庫搭建

wikihttps://github.com/golang/go/wiki/Modules#how-to-prepare-for-a-release參考https://blog.csdn.net/benben_2015/article/details/82227338 go mod 之本地倉庫搭建----------------------------------------------------------------------------------------將當前項目…

《 追風箏的人 》:“ 為你,千千萬萬遍 ” ...

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 剛來研發中心的時候&#xff0c;在我的新位置上發現了一本書&#xff0c;問后得知是前同事留下的&#xff0c;已無主 。 我就收下了。一…

機器學習入門階段程序員易犯的5個錯誤

本文由 伯樂在線 - toolate 翻譯自 machine learning mastery。歡迎加入 技術翻譯小組。轉載請參見文章末尾處的要求。怎樣進入機器學習領域沒有定式。我們的學習方式都有些許不同&#xff0c;學習的目標也因人而異。 但一個共同的目標就是要能盡快上手。如果這也是你的目標&…

解決: Vue 項目本地運行 run 與服務器上 build 樣式不一致,build 后樣式不生效

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 PS&#xff1a;本人遇到這個問題是用文中最后一句話解決&#xff1a;" 在組件的樣式中記得添加 scoped "。 在Vue項目開發過程…

【付出總有回報】廣州廣汕公路科目三路考通過!小結供大家參考

首先&#xff0c;我的路考小結只供大家參考&#xff0c;大家覺得能用就當提個醒&#xff0c;不能用就權當頂貼積分捧人場啦哈哈祝各位都能順利過關&#xff01;考前心里和技術準備&#xff1a;我是13年6月底才考完科目二“五項必考”。7月8日才考完長途&#xff0c;可這時候我的…

解決:vue 用 axios 發送請求,每次都會發送兩次請求

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 我的解決方法是后端加一個過濾器&#xff1a; package gentle.filter;import javax.servlet.*; import javax.servlet.annotation.WebF…

廣州科目三考試 不得不看的十條提醒(圖)

導讀&#xff1a; 考試科目三時考試常會有點小緊張。經常會有考生因為緊張犯了些小錯誤而被pass掉。如何來應對呢&#xff1f;首先是放松心態&#xff0c;這點其實大家都明白&#xff0c;只是做不到。有人一到考試的時候就緊張&#xff0c;完全思維混亂&#xff0c;動作僵硬。建…

HDU 6706 huntian oy

題意 求以下式子的值&#xff0c;T組數據各個字母滿足1 ≤ n , a , b ≤109 &#xff0c;a,b互質 思路&#xff1a; 卡常毒瘤題&#xff0c;出題人時限卡的非常緊&#xff0c;考場上推出來又T又WA 1 #include<bits/stdc.h>2 using namespace std;3 typedef long long ll;…

linux 查看空間(內存、磁盤、文件目錄、分區)的幾個命令

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. free free命令用于顯示內存狀態。 free指令會顯示內存的使用情況&#xff0c;包括實體內存&#xff0c;虛擬的交換文件內存&#x…

Ubuntu安裝LNMP

安裝Nginx使用 apt-get install nginx 就能自動安裝 Nginx。 為了確保獲得最新的Nginx&#xff0c;可以先使用 apt-get update 命令更新源列表。 安裝好之后&#xff0c;使用 dpkg -S nginx 命令來搜索 nginx相關文件。 可以從命令顯示結果看出 Nginx默認的安裝位置是/etc/ngin…

廣州學車科目三路考操作步驟要領

廣州學車&#xff0c;科目三路考操作步驟是關鍵&#xff0c;許多朋友明明會開車&#xff0c;卻因為一些步驟上的小疏忽而不得到不補考&#xff0c;今天總結出這個廣州學車科目三路考操作步驟要領&#xff0c;希望對大家有幫助&#xff1a; 廣州學車&#xff0c;科目三路考操作步…

如何和何時使用 CSS 的權重設置 !important (建議:永不使用!)

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 特別聲明&#xff1a;此篇文章由David根據Louis Lazaris的英文文章原名《!important CSS Declarations: How and When to Use Them》進行…

獨立組件開發打包

組件單獨打包 先在src下面新建hymenucsg.js文件 然后在build下的webpack.base.conf.dist.js里面 設置入口文件hymenucsg: ./src/hymenucsg.js,//csg 最后運行打包命令&#xff1a;npm run dist:dev 之后會在dist下面生成組件的js和css文件 使用&#xff1a; html中引入js和css …

廣州科目三電子考需注意哪些問題?

廣州駕考科目三從4月1日起開始試行電子評判與人工評判相結合的新制度&#xff0c;即電子路考&#xff0c;多數學員對新制度表示不適應&#xff0c;那么&#xff0c;科目三電子路考需要注意哪些問題? 從4月1日開始&#xff0c;科目三考試將試行計算機輔助與人工評判相結合的制度…

解決 VUE: 本地運行和服務器上運行樣式不一致,run、build 運行時樣式有出入

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. 我的情況&#xff1a; 我遇到 2 種情況&#xff0c;一個是表格的分頁樣式有變化。另一個是導航菜單樣式有變化。 2. 解決&#xff…

Ubuntu鏈接服務器

本篇文章介紹&#xff0c;如何在Ubuntu系統下連接遠程Ubuntu系統并傳輸文件。 一. 連接遠程Ubuntu服務器。 1. 打開命令行&#xff0c;輸入 : sudo apt-get update &#xff0c; 對系統進行更新。 2. 安裝 OpenSSH Server&#xff0c;輸入 &#xff1a; sudo apt-get install …

開發中的“軟”與“硬”:高畫質移動游戲開發之道

摘要&#xff1a;游戲的效果不僅與游戲引擎的渲染相關&#xff0c;與硬件優化也有千絲萬縷的聯系。一款基于芯片優化的移動游戲界面&#xff0c;甚至可以堪比視頻游戲的視覺效果。高通半導體事業部資深經理劉曉光從軟硬件兩個層面分享了移動游戲開發之道。 在今年的Unity亞洲開…

解決 VUE: [Vue warn]: Do not use built-in or reserved HTML elements as component id: xx

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. 新增一個組件&#xff0c;運行無問題&#xff0c;但F12報錯&#xff1a; vue.esm.js?efeb:591 [Vue warn]: Do not use built-in o…