Skip to content

Latest commit

 

History

History
161 lines (81 loc) · 2.9 KB

File metadata and controls

161 lines (81 loc) · 2.9 KB

11. Thymeleaf Views

[toc]


11.1. Templates

11.1.1. Templates are Frameworks

11.1.1.1. No Template

11.1.1.2. A Better Way

11.1.1.3. Templates Support Dynamic Content

11.1.2. Templates Provide Structure, Not Content

11.1.3. Check Your Understanding ✅

11.2. Creating a Template

11.2.1. Thymeleaf

11.2.1.1. Thymeleaf, Naturally

11.2.2. Thymeleaf Dependency

11.2.2.1. During Setup for a New Project

11.2.2.2. Add to an Existing Project

11.2.3. Start a Practice Project

11.2.3.1. Template Location

11.2.3.2. Add a Template

11.2.4. Thymeleaf Template

11.3. Using a Template

11.3.1. Passing Data to a Template

11.3.1.1. Accessing Data in a Template

11.3.2. Setting Default Text

11.3.3. Organizing Templates

11.3.4. Check Your Understanding ✅

11.4. Iterating in a Template

11.4.1. th:each

11.4.1.1. Location Matters

11.4.2. th:block

11.4.2.1. Readability and Nested Loops

11.4.3. Check Your Understanding ✅

11.5. Conditionals in a Template

11.5.1. Display Content if

11.5.1.1. Adding vs. Displaying/Hiding

11.5.1.2. What is true?

11.5.1.3. unless Instead of else

11.5.1.4. Logical Operators

11.5.2. Try It!

11.5.3. Check Your Understanding ✅

11.6. Thymeleaf Forms

11.6.1. Start a New Project

11.6.2. Coding Events Setup - Video 🎞️

11.6.3. Coding Events Setup - Text 📄

11.6.4. Create and Render a Form - Video 🎞️

11.6.5. Create and Render a Form - Text 📄

11.6.6. Add a Form Handler Method - Video 🎞️

11.6.7. Add a Form Handler Method - Text 📄

11.7. Template Fragments

11.7.1. Fragments DRY Your Code 🌵

11.7.1.1. th:fragment

11.7.1.2. th:replace

11.7.2. Try It!

11.7.3. Check Your Understanding ✅

11.8. Static Resources

11.8.1. Accessing Resources

11.8.1.1. th:src and th:href - Video 🎞️

11.8.1.2. th:src

11.8.1.3. th:href

11.8.2. Check Your Understanding ✅

11.9. Bootstrap

11.9.1. Introduction

11.9.2. Adding Bootstrap to coding-events

11.9.2.1. Bootstrap - Video 🎞️

11.9.2.2. Bootstrap Layout

11.9.2.3. Bootstrap Tables

11.9.2.4. Bootstrap Forms

11.9.3. Check Your Understanding ✅

11.10. Exercises: Thymeleaf 🏃

11.10.1. Getting Started

11.10.2. Expanding our Events Schedule

11.10.3. Bonus Mission 🚀

11.11. Studio: Spa Day! 🎙️

11.11.1. Setup

11.11.2. The Customer Profile

11.11.3. List All Appropriate Facial Treatments

11.11.4. Mani or Pedi?

11.11.5. End Result

11.11.6. Bonus Mission 🚀


#Java