Slide 1

Slide 1 text

Thymeleaf Gerrit Meier@JavaForumNord 2016 Eine Template-Engine für Entwickler und Designer https://www.flickr.com/photos/agenturblog/441242660/

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

ähm..hä? …vielleicht doch nicht nur?!

Slide 5

Slide 5 text

Senior Consultant
 T-Systems on site services GmbH JUG Ostfalen Co-Organisator Podcast meistermeier

Slide 6

Slide 6 text

Gibt es da nicht schon etwas?

Slide 7

Slide 7 text

JSP, Tiles, FreeMarker, Velocity…

Slide 8

Slide 8 text

JSP, Tiles, FreeMarker, Velocity…

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

static view

Slide 11

Slide 11 text

Geht das denn nicht irgendwie besser?

Slide 12

Slide 12 text

Thymeleaf https://commons.wikimedia.org/wiki/File:Arenaria_serpyllifolia_(8490448608).jpg

Slide 13

Slide 13 text

Natural templates

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

static view

Slide 16

Slide 16 text

https://www.flickr.com/photos/freespiritart/6379007221 Expressions

Slide 17

Slide 17 text

Variables ${…}

Slide 18

Slide 18 text

Messages #{…}

Slide 19

Slide 19 text

‚Selected object‘ *{…}

Slide 20

Slide 20 text

URL-Expressions @{…}

Slide 21

Slide 21 text

Loops

Slide 22

Slide 22 text

Placeholder

Slide 23

Slide 23 text

Placeholder

Slide 24

Slide 24 text

static view

Slide 25

Slide 25 text

web app view

Slide 26

Slide 26 text

Processors https://www.flickr.com/photos/fransdewit/15849351119

Slide 27

Slide 27 text

Processors th:* th: th:attr=“value=#{message.attrValue}“

Slide 28

Slide 28 text

Processors th:* th:if, th:unless, th:switch, th:case th:each th:insert, th:include, th:replace th:text, th:utext th:…

Slide 29

Slide 29 text

Processors th:block

Slide 30

Slide 30 text

Processors - web app view th:block

Slide 31

Slide 31 text

Processors - static view th:block

Slide 32

Slide 32 text

Prototype-only comment blocks

Slide 33

Slide 33 text

Prototype-only comment blocks web app view

Slide 34

Slide 34 text

Prototype-only comment blocks static view

Slide 35

Slide 35 text

Fragments https://www.flickr.com/photos/jhritz/409083204

Slide 36

Slide 36 text

Fragments header.html

Slide 37

Slide 37 text

Fragments index.html

Slide 38

Slide 38 text

Fragments - web app view th:replace

Slide 39

Slide 39 text

Fragments - web app view th:insert

Slide 40

Slide 40 text

Fragments - web app view th:include

Slide 41

Slide 41 text

Utility Objects https://www.flickr.com/photos/darkthirty/49673752

Slide 42

Slide 42 text

Utility Objects (Expression Utility Objects) Lists, Dates, Strings, …

Slide 43

Slide 43 text

Utility Objects (Lists)

Slide 44

Slide 44 text

Utility Objects (Dates)

Slide 45

Slide 45 text

Utility Objects (Strings)

Slide 46

Slide 46 text

Utility Objects (misc)

Slide 47

Slide 47 text

? Fragen ? https://www.flickr.com/photos/visualanthology/13074410454

Slide 48

Slide 48 text

meistermeier