13. Thymeleaf Views

  1. 13.1. Templates
    1. 13.1.1. Templates are Frameworks
      1. 13.1.1.1. No Template
      2. 13.1.1.2. A Better Way
      3. 13.1.1.3. Templates Support Dynamic Content
    2. 13.1.2. Templates Provide Structure, Not Content
    3. 13.1.3. Check Your Understanding
  2. 13.2. Creating a Template
    1. 13.2.1. Thymeleaf
      1. 13.2.1.1. Thymeleaf, Naturally
    2. 13.2.2. Thymeleaf Dependency
      1. 13.2.2.1. During Setup for a New Project
      2. 13.2.2.2. Add to an Existing Project
    3. 13.2.3. Start a Practice Project
      1. 13.2.3.1. Template Location
      2. 13.2.3.2. Add a Template
    4. 13.2.4. Thymeleaf Template
  3. 13.3. Using a Template
    1. 13.3.1. Passing Data to a Template
      1. 13.3.1.1. Accessing Data in a Template
    2. 13.3.2. Setting Default Text
    3. 13.3.3. Organizing Templates
    4. 13.3.4. Check Your Understanding
  4. 13.4. Iterating in a Template
    1. 13.4.1. th:each
      1. 13.4.1.1. Location Matters
    2. 13.4.2. th:block
      1. 13.4.2.1. Readability and Nested Loops
    3. 13.4.3. Check Your Understanding
  5. 13.5. Conditionals in a Template
    1. 13.5.1. Display Content if
      1. 13.5.1.1. Adding vs. Displaying/Hiding
      2. 13.5.1.2. What is true?
      3. 13.5.1.3. unless Instead of else
      4. 13.5.1.4. Logical Operators
    2. 13.5.2. Try It!
    3. 13.5.3. Check Your Understanding
  6. 13.6. Thymeleaf Forms
    1. 13.6.1. Start a New Project
    2. 13.6.2. Coding Events Setup - Video
    3. 13.6.3. Coding Events Setup - Text
    4. 13.6.4. Create and Render a Form - Video
    5. 13.6.5. Create and Render a Form - Text
    6. 13.6.6. Add a Form Handler Method - Video
    7. 13.6.7. Add a Form Handler Method - Text
  7. 13.7. Template Fragments
    1. 13.7.1. Fragments DRY Your Code
      1. 13.7.1.1. th:fragment
      2. 13.7.1.2. th:replace
    2. 13.7.2. Try It!
    3. 13.7.3. Check Your Understanding
  8. 13.8. Static Resources
    1. 13.8.1. Accessing Resources
      1. 13.8.1.1. th:src and th:href - Video
      2. 13.8.1.2. th:src
      3. 13.8.1.3. th:href
    2. 13.8.2. Check Your Understanding
  9. 13.9. Bootstrap
    1. 13.9.1. Introduction
    2. 13.9.2. Adding Bootstrap to coding-events
      1. 13.9.2.1. Bootstrap - Video
      2. 13.9.2.2. Bootstrap Layout
      3. 13.9.2.3. Bootstrap Tables
      4. 13.9.2.4. Bootstrap Forms
    3. 13.9.3. Check Your Understanding
  10. 13.10. Exercises: Thymeleaf Views
    1. 13.10.1. Getting Started
    2. 13.10.2. Expanding our Events Schedule
    3. 13.10.3. Bonus Mission
  11. 13.11. Studio: Spa Day!
    1. 13.11.1. Setup
    2. 13.11.2. The Customer Profile
    3. 13.11.3. List All Appropriate Facial Treatments
    4. 13.11.4. Mani or Pedi?
    5. 13.11.5. End Result
    6. 13.11.6. Bonus Mission