This tutorial will guide you through the most important aspects of the Thymeleaf Standard Dialects.
5-minute introduction to Thymeleaf
before starting this interactive tutorial is recommended.
At the beginning of each exercise a link to the relevant chapter of the
Using Thymeleaf manual will be provided.
Usually that section of the manual will contain all the information you will need
to complete the exercise.
In each exercise you will be asked to complete some task editing the provided source code.
As you type into the online editor, three views will be shown:
Generated sources: this is the HTML code that your server will produce when the template
Static view: this is how you would see the template if you open it as a static file
directly with a browser. This is what we called Natural templating, which allows
static prototyping of web pages.
Dynamic view: this is the result served by your application server, it is what your
A big screen is also recommended.
Table of contents
New in Thymeleaf 2.1