### Spring MVC Controller Setup

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define a Spring MVC controller for handling server interactions. This example shows a basic controller structure with autowired services.

```java
@Controller
public class SeedStarterMngController {

    @Autowired
    private VarietyService varietyService;
    
    @Autowired
    private SeedStarterService seedStarterService;

    ...

}

```

--------------------------------

### Generated HTML for Multi-valued Checkboxes

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Example of the HTML output for multi-valued checkboxes, showing generated IDs and hidden inputs for unchecked values.

```html
<ul>
  <li>
    <input id="features1" name="features" type="checkbox" value="SEEDSTARTER_SPECIFIC_SUBSTRATE" />
    <input name="_features" type="hidden" value="on" />
    <label for="features1">Seed starter-specific substrate</label>
  </li>
  <li>
    <input id="features2" name="features" type="checkbox" value="FERTILIZER" />
    <input name="_features" type="hidden" value="on" />
    <label for="features2">Fertilizer used</label>
  </li>
  <li>
    <input id="features3" name="features" type="checkbox" value="PH_CORRECTOR" />
    <input name="_features" type="hidden" value="on" />
    <label for="features3">PH Corrector used</label>
  </li>
</ul>
```

--------------------------------

### Configure JSP ViewResolver in Spring MVC

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Example of configuring a JSP ViewResolver using InternalResourceViewResolver with properties like viewClass, prefix, suffix, order, and viewNames.

```xml
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
  <property name="viewClass" value="org.springframework.web.servlet.view.JstlView" />
  <property name="prefix" value="/WEB-INF/jsps/" />
  <property name="suffix" value=".jsp" />
  <property name="order" value="2" />
  <property name="viewNames" value="*jsp" />
</bean>
```

--------------------------------

### Rendered Input with Error Class

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Example of how the input tag renders when the 'datePlanted' field has errors and 'th:errorclass' is used.

```html
<input type="text" id="datePlanted" name="datePlanted" value="2013-01-01" class="small fieldError" />
```

--------------------------------

### Trigger AJAX Transition with JavaScript

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configure Spring JavaScript libraries to trigger AJAX transitions on form submissions or element events. This example uses `Spring.AjaxEventDecoration` to handle a submit button click.

```javascript
<script type="text/javascript" th:src="@{/resources/dojo/dojo.js}"></script>
<script type="text/javascript" th:src="@{/resources/spring/Spring.js}"></script>
<script type="text/javascript" th:src="@{/resources/spring/Spring-Dojo.js}"></script>

  ...

<form id="triggerform" method="post" action="">
    <input type="submit" id="doUpdate" name="_eventId_updateData" value="Update now!" />
</form>

<script type="text/javascript">
    Spring.addDecoration(
        new Spring.AjaxEventDecoration({formId:'triggerform',elementId:'doUpdate',event:'onclick'}));
</script>
```

--------------------------------

### Generated HTML for Dynamic Rows

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

This is an example of the HTML output generated by Thymeleaf after dynamically adding rows to the form. It shows how the `rows[index].field` naming convention is applied to each input element.

```html
<tbody>
  <tr>
    <td>1</td>
    <td>
      <select id="rows0.variety" name="rows[0].variety">
        <option selected="selected" value="1">Thymus vulgaris</option>
        <option value="2">Thymus x citriodorus</option>
        <option value="3">Thymus herba-barona</option>
        <option value="4">Thymus pseudolaginosus</option>
        <option value="5">Thymus serpyllum</option>
      </select>
    </td>
    <td>
      <input id="rows0.seedsPerCell" name="rows[0].seedsPerCell" type="text" value="" />
    </td>
    <td>
      <button name="removeRow" type="submit" value="0">Remove row</button>
    </td>
  </tr>
  <tr>
    <td>2</td>
    <td>
      <select id="rows1.variety" name="rows[1].variety">
        <option selected="selected" value="1">Thymus vulgaris</option>
        <option value="2">Thymus x citriodorus</option>
        <option value="3">Thymus herba-barona</option>
        <option value="4">Thymus pseudolaginosus</option>
        <option value="5">Thymus serpyllum</option>
      </select>
    </td>
    <td>
      <input id="rows1.seedsPerCell" name="rows[1].seedsPerCell" type="text" value="" />
    </td>
    <td>
      <button name="removeRow" type="submit" value="1">Remove row</button>
    </td>
  </tr>
</tbody>
```

--------------------------------

### HTML Fragment with th:fragment

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

An example HTML structure demonstrating a Thymeleaf fragment defined using the 'th:fragment' attribute. This fragment can be targeted by view beans or controller return values.

```html
<!DOCTYPE html>
<html>
  ...
  <body>
    ...
    <div th:fragment="content">
      Only this div will be rendered!
    </div>
    ...
  </body>
</html>
```

--------------------------------

### HTML Element with ID Attribute

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

An example HTML structure with an element identified by an 'id' attribute. This element can be selected as a fragment by Thymeleaf using its ID.

```html
<!DOCTYPE html>
<html>
  ...
  <body>
    ...
    <div id="content">
      Only this div will be rendered!
    </div>
    ...
  </body>
</html>
```

--------------------------------

### SeedStarter Service for Data Management

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Provides business methods for managing SeedStarter entities, including finding all starters and adding new ones. Requires a SeedStarterRepository.

```java
@Service
public class SeedStarterService {

    @Autowired
    private SeedStarterRepository seedstarterRepository; 

    public List<SeedStarter> findAll() {
        return this.seedstarterRepository.findAll();
    }

    public void add(final SeedStarter seedStarter) {
        this.seedstarterRepository.add(seedStarter);
    }

}
```

--------------------------------

### Handle Seed Starter Form Requests

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Map requests to show the form page and to process the submission of new SeedStarter objects. Includes validation and redirect logic.

```java
@RequestMapping({"/","/seedstartermng"})
public String showSeedstarters(final SeedStarter seedStarter) {
    seedStarter.setDatePlanted(Calendar.getInstance().getTime());
    return "seedstartermng";
}
```

```java
@RequestMapping(value="/seedstartermng", params={"save"})
public String saveSeedstarter(
        final SeedStarter seedStarter, final BindingResult bindingResult, final ModelMap model) {
    if (bindingResult.hasErrors()) {
        return "seedstartermng";
    }
    this.seedStarterService.add(seedStarter);
    model.clear();
    return "redirect:/seedstartermng";
}
```

--------------------------------

### Manual Conversion with #conversions Utility

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use the #conversions utility object to manually convert objects to a specified class or String.

```html
<p th:text="${'Val: ' + #conversions.convert(val,'String')}">...</p>
```

--------------------------------

### Display All Errors with Convenience Methods

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Uses convenience methods '#fields.hasAnyErrors()' and '#fields.allErrors()' to display all form errors.

```html
<div th:if="${#fields.hasAnyErrors()}">
  <p th:each="err : ${#fields.allErrors()}" th:text="${err}">...</p>
</div>
```

--------------------------------

### Implement Variety Formatter for Spring

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Create a custom Formatter for Variety objects. It converts between Variety entities and their IDs for form binding.

```java
public class VarietyFormatter implements Formatter<Variety> {

    @Autowired
    private VarietyService varietyService;


    public VarietyFormatter() {
        super();
    }

    public Variety parse(final String text, final Locale locale) throws ParseException {
        final Integer varietyId = Integer.valueOf(text);
        return this.varietyService.findById(varietyId);
    }


    public String print(final Variety object, final Locale locale) {
        return (object != null ? object.getId().toString() : "");
    }

}
```

--------------------------------

### Display Global Errors with Convenience Methods

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Uses convenience methods '#fields.hasGlobalErrors()' and '#fields.globalErrors()' to display global errors.

```html
<div th:if="${#fields.hasGlobalErrors()}">
  <p th:each="err : ${#fields.globalErrors()}" th:text="${err}">...</p>
</div>
```

--------------------------------

### Display Seed Starter List with Thymeleaf

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Renders a table of seed starters, conditionally shown only if data exists. It uses internationalized messages for headers and data, and iterates over nested data structures.

```html
<div class="seedstarterlist" th:unless="${#lists.isEmpty(allSeedStarters)}">
    
  <h2 th:text="#{title.list}">List of Seed Starters</h2>
  
  <table>
    <thead>
      <tr>
        <th th:text="#{seedstarter.datePlanted}">Date Planted</th>
        <th th:text="#{seedstarter.covered}">Covered</th>
        <th th:text="#{seedstarter.type}">Type</th>
        <th th:text="#{seedstarter.features}">Features</th>
        <th th:text="#{seedstarter.rows}">Rows</th>
      </tr>
    </thead>
    <tbody>
      <tr th:each="sb : ${allSeedStarters}">
        <td th:text="${{sb.datePlanted}}">13/01/2011</td>
        <td th:text="#{|bool.${sb.covered}|}">yes</td>
        <td th:text="#{|seedstarter.type.${sb.type}|}">Wireframe</td>
        <td th:text="${#strings.arrayJoin(
                           #messages.arrayMsg(
                               #strings.arrayPrepend(sb.features,'seedstarter.feature.')),
                           ', ')}">Electric Heating, Turf</td>
        <td>
          <table>
            <tbody>
              <tr th:each="row,rowStat : ${sb.rows}">
                <td th:text="${rowStat.count}">1</td>
                <td th:text="${row.variety.name}">Thymus Thymi</td>
                <td th:text="${row.seedsPerCell}">12</td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>
</div>
```

--------------------------------

### Variety Service for Data Retrieval

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Offers business methods for retrieving Variety data, including finding all varieties and fetching a variety by its ID. Depends on a VarietyRepository.

```java
@Service
public class VarietyService {

    @Autowired
    private VarietyRepository varietyRepository;

    public List<Variety> findAll() {
        return this.varietyRepository.findAll();
    }

    public Variety findById(final Integer id) {
        return this.varietyRepository.findById(id);
    }

}
```

--------------------------------

### Configure Conversion Service in Spring Boot

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Extend WebMvcConfigurerAdapter to register and configure custom formatters for the Conversion Service.

```java
@Override
public void addFormatters(final FormatterRegistry registry) {
    super.addFormatters(registry);
    registry.addFormatter(varietyFormatter());
    registry.addFormatter(dateFormatter());
}

@Bean
public VarietyFormatter varietyFormatter() {
    return new VarietyFormatter();
}

@Bean
public DateFormatter dateFormatter() {
    return new DateFormatter();
}
```

--------------------------------

### Configure Spring Conversion Service Formatters

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Implement addFormatters to register custom formatters for types like Date and Variety. Ensure formatter beans are defined.

```java
@Override
public void addFormatters(final FormatterRegistry registry) {
    super.addFormatters(registry);
    registry.addFormatter(varietyFormatter());
    registry.addFormatter(dateFormatter());
}
```

```java
@Bean
public VarietyFormatter varietyFormatter() {
    return new VarietyFormatter();
}
```

```java
@Bean
public DateFormatter dateFormatter() {
    return new DateFormatter();
}
```

--------------------------------

### Configure SpringTemplateEngine in XML

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configures a SpringTemplateEngine using XML, applying the SpringStandardDialect and enabling Spring's MessageSource resolution. Optionally enables the SpringEL compiler.

```xml
<!-- SpringTemplateEngine automatically applies SpringStandardDialect and      -->
<!-- enables Spring's own MessageSource message resolution mechanisms.         -->
<bean id="templateEngine"
      class="org.thymeleaf.spring6.SpringTemplateEngine">
  <property name="templateResolver" ref="templateResolver" />
  <!-- Enabling the SpringEL compiler can speed up execution in most           -->
  <!-- scenarios, but might be incompatible with specific cases when           -->
  <!-- expressions in one template are reused across different data types, so  -->
  <!-- this flag is "false" by default for safer backwards compatibility.  -->
  <property name="enableSpringELCompiler" value="true" />
</bean>
```

--------------------------------

### Controller Mappings for Dynamic Rows

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

These methods handle adding new rows and removing existing rows from the SeedStarter object based on request parameters. They are essential for dynamic form field management.

```java
@RequestMapping(value="/seedstartermng", params={"addRow"})
public String addRow(final SeedStarter seedStarter, final BindingResult bindingResult) {
    seedStarter.getRows().add(new Row());
    return "seedstartermng";
}
```

```java
@RequestMapping(value="/seedstartermng", params={"removeRow"})
public String removeRow(
        final SeedStarter seedStarter, final BindingResult bindingResult, 
        final HttpServletRequest req) {
    final Integer rowId = Integer.valueOf(req.getParameter("removeRow"));
    seedStarter.getRows().remove(rowId.intValue());
    return "seedstartermng";
}
```

--------------------------------

### Configure SpringTemplateEngine in Java

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configures a SpringTemplateEngine, automatically applying the SpringStandardDialect and enabling Spring's MessageSource resolution. Optionally enables the SpringEL compiler for performance.

```java
@Bean
public SpringTemplateEngine templateEngine(){
    // SpringTemplateEngine automatically applies SpringStandardDialect and
    // enables Spring's own MessageSource message resolution mechanisms.
    SpringTemplateEngine templateEngine = new SpringTemplateEngine();
    templateEngine.setTemplateResolver(templateResolver());
    // Enabling the SpringEL compiler with Spring 4.2.4 or newer can
    // speed up execution in most scenarios, but might be incompatible
    // with specific cases when expressions in one template are reused
    // across different data types, so this flag is "false" by default
    // for safer backwards compatibility.
    templateEngine.setEnableSpringELCompiler(true);
    return templateEngine;
}
```

--------------------------------

### Thymeleaf Double-Brace Syntax for Conversion

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use ${{...}} for variable expressions and *{{...}} for selection expressions to apply the Conversion Service automatically.

```html
<p th:text="${val}">...</p>
<p th:text="${{val}}">...</p>
```

--------------------------------

### Implement Date Formatter for Spring

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Create a custom Formatter for Date objects. It uses MessageSource to retrieve the date format pattern and handles parsing and printing.

```java
public class DateFormatter implements Formatter<Date> {

    @Autowired
    private MessageSource messageSource;


    public DateFormatter() {
        super();
    }

    public Date parse(final String text, final Locale locale) throws ParseException {
        final SimpleDateFormat dateFormat = createDateFormat(locale);
        return dateFormat.parse(text);
    }

    public String print(final Date object, final Locale locale) {
        final SimpleDateFormat dateFormat = createDateFormat(locale);
        return dateFormat.format(object);
    }

    private SimpleDateFormat createDateFormat(final Locale locale) {
        final String format = this.messageSource.getMessage("date.format", null, locale);
        final SimpleDateFormat dateFormat = new SimpleDateFormat(format);
        dateFormat.setLenient(false);
        return dateFormat;
    }

}
```

--------------------------------

### Configure ThymeleafViewResolver in Spring MVC (Java)

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configure ThymeleafViewResolver using Java-based Spring configuration. Requires setting the templateEngine and optionally order and viewNames.

```java
@Bean
public ThymeleafViewResolver viewResolver(){
    ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
    viewResolver.setTemplateEngine(templateEngine());
    // NOTE 'order' and 'viewNames' are optional
    viewResolver.setOrder(1);
    viewResolver.setViewNames(new String[] {'.html', '.xhtml'});
    return viewResolver;
}
```

--------------------------------

### Configure ThymeleafViewResolver in Spring MVC (XML)

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configure ThymeleafViewResolver using XML-based Spring configuration. Requires setting the templateEngine and optionally order and viewNames.

```xml
<bean class="org.thymeleaf.spring6.view.ThymeleafViewResolver">
  <property name="templateEngine" ref="templateEngine" />
  <!-- NOTE 'order' and 'viewNames' are optional -->
  <property name="order" value="1" />
  <property name="viewNames" value="*.html,*.xhtml" />
</bean>
```

--------------------------------

### Configure SpringResourceTemplateResolver in XML

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configures a SpringResourceTemplateResolver using XML, integrating with Spring's resource resolution. Specifies prefix, suffix, template mode, and cacheability.

```xml
<!-- SpringResourceTemplateResolver automatically integrates with Spring's own -->
<!-- resource resolution infrastructure, which is highly recommended.          -->
<bean id="templateResolver"
      class="org.thymeleaf.spring6.templateresolver.SpringResourceTemplateResolver">
  <property name="prefix" value="/WEB-INF/templates/" />
  <property name="suffix" value=".html" />
  <!-- HTML is the default value, added here for the sake of clarity.          -->
  <property name="templateMode" value="HTML" />
  <!-- Template cache is true by default. Set to false if you want             -->
  <!-- templates to be automatically updated when modified.                    -->
  <property name="cacheable" value="true" />
</bean>
```

--------------------------------

### Display All Form Errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Shows all validation errors for the entire form using '*' or 'all' constants.

```html
<ul th:if="${#fields.hasErrors('*')}">
  <li th:each="err : ${#fields.errors('*')}" th:text="${err}">Input is incorrect</li>
</ul>
```

--------------------------------

### Spring MVC Configuration with Thymeleaf Beans

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configure Spring MVC by defining beans for resource handling, message sources, formatters, and Thymeleaf integration. This includes setting up TemplateResolver, TemplateEngine, and ViewResolver.

```java
@Configuration
@EnableWebMvc
@ComponentScan
public class SpringWebConfig
        extends WebMvcConfigurerAdapter implements ApplicationContextAware {

    private ApplicationContext applicationContext;


    public SpringWebConfig() {
        super();
    }


    public void setApplicationContext(final ApplicationContext applicationContext)
            throws BeansException {
        this.applicationContext = applicationContext;
    }



    /* ******************************************************************* */
    /*  GENERAL CONFIGURATION ARTIFACTS                                    */
    /*  Static Resources, i18n Messages, Formatters (Conversion Service)   */
    /* ******************************************************************* */

    @Override
    public void addResourceHandlers(final ResourceHandlerRegistry registry) {
        super.addResourceHandlers(registry);
        registry.addResourceHandler("/images/**").addResourceLocations("/images/");
        registry.addResourceHandler("/css/**").addResourceLocations("/css/");
        registry.addResourceHandler("/js/**").addResourceLocations("/js/");
    }

    @Bean
    public ResourceBundleMessageSource messageSource() {
        ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
        messageSource.setBasename("Messages");
        return messageSource;
    }

    @Override
    public void addFormatters(final FormatterRegistry registry) {
        super.addFormatters(registry);
        registry.addFormatter(varietyFormatter());
        registry.addFormatter(dateFormatter());
    }

    @Bean
    public VarietyFormatter varietyFormatter() {
        return new VarietyFormatter();
    }

    @Bean
    public DateFormatter dateFormatter() {
        return new DateFormatter();
    }



    /* **************************************************************** */
    /*  THYMELEAF-SPECIFIC ARTIFACTS                                    */
    /*  TemplateResolver <- TemplateEngine <- ViewResolver              */
    /* **************************************************************** */

    @Bean
    public SpringResourceTemplateResolver templateResolver(){
        // SpringResourceTemplateResolver automatically integrates with Spring's own
        // resource resolution infrastructure, which is highly recommended.
        SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
        templateResolver.setApplicationContext(this.applicationContext);
        templateResolver.setPrefix("/WEB-INF/templates/");
        templateResolver.setSuffix(".html");
        // HTML is the default value, added here for the sake of clarity.
        templateResolver.setTemplateMode(TemplateMode.HTML);
        // Template cache is true by default. Set to false if you want
        // templates to be automatically updated when modified.
        templateResolver.setCacheable(true);
        return templateResolver;
    }

    @Bean
    public SpringTemplateEngine templateEngine(){
        // SpringTemplateEngine automatically applies SpringStandardDialect and
        // enables Spring's own MessageSource message resolution mechanisms.
        SpringTemplateEngine templateEngine = new SpringTemplateEngine();
        templateEngine.setTemplateResolver(templateResolver());
        // Enabling the SpringEL compiler with Spring 4.2.4 or newer can
        // speed up execution in most scenarios, but might be incompatible
        // with specific cases when expressions in one template are reused
        // across different data types, so this flag is "false" by default
        // for safer backwards compatibility.
        templateEngine.setEnableSpringELCompiler(true);
        return templateEngine;
    }

    @Bean
    public ThymeleafViewResolver viewResolver(){
        ThymeleafViewResolver viewResolver = new ThymeleafViewResolver();
        viewResolver.setTemplateEngine(templateEngine());
        return viewResolver;
    }

}

```

--------------------------------

### Render AJAX Fragment using DOM Selector

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Alternatively, use DOM selectors within the `<render>` tag to target elements for AJAX updates, eliminating the need for `th:fragment`.

```xml
<view-state id="detail" view="bookingDetail">
    <transition on="updateData">
        <render fragments="[//div[@id='data']]"/>
    </transition>
</view-state>
```

--------------------------------

### Define AJAX Fragment in Spring WebFlow

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use the `<render>` tag within a `<transition>` to specify which fragments should be updated via AJAX. Ensure fragments have an `id` attribute for JavaScript to target.

```xml
<view-state id="detail" view="bookingDetail">
    <transition on="updateData">
        <render fragments="hoteldata"/>
    </transition>
</view-state>
```

--------------------------------

### Controller Returning Fragment with Parameter

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

A Spring controller method returning a fragment expression that includes a parameter. This allows passing values to fragments for dynamic rendering.

```java
@RequestMapping("/showContentPart")
public String showContentPart() {
    ...
    return "index :: #content ('myvalue')";
}
```

--------------------------------

### Formatted Date Display with Spring Conversion Service

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Uses Thymeleaf's double-brace syntax `${{...}}` to automatically apply the Spring Conversion Service for formatting data, such as dates using a registered `DateFormatter`.

```html
<td th:text="${{sb.datePlanted}}">13/01/2011</td>
```

--------------------------------

### Dropdown Select Field with th:field

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Create a dropdown select element using `<select>` with `th:field` and `<option>` tags with `th:value` for binding.

```html
<select th:field="*{type}">
  <option th:each="type : ${allTypes}" 
          th:value="${type}" 
          th:text="#{${'seedstarter.type.' + type}}">Wireframe</option>
</select>
```

--------------------------------

### Configure SpringResourceTemplateResolver in Java

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configures a SpringResourceTemplateResolver for Thymeleaf, integrating with Spring's resource resolution. Set the prefix, suffix, template mode, and cacheability.

```java
@Bean
public SpringResourceTemplateResolver templateResolver(){
    // SpringResourceTemplateResolver automatically integrates with Spring's own
    // resource resolution infrastructure, which is highly recommended.
    SpringResourceTemplateResolver templateResolver = new SpringResourceTemplateResolver();
    templateResolver.setApplicationContext(this.applicationContext);
    templateResolver.setPrefix("/WEB-INF/templates/");
    templateResolver.setSuffix(".html");
    // HTML is the default value, added here for the sake of clarity.
    templateResolver.setTemplateMode(TemplateMode.HTML);
    // Template cache is true by default. Set to false if you want
    // templates to be automatically updated when modified.
    templateResolver.setCacheable(true);
    return templateResolver;
}
```

--------------------------------

### Display Rich Error Objects

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Iterates through detailed error objects obtained via '#fields.detailedErrors()', displaying field name, message, and global status.

```html
<ul>
    <li th:each="e : ${#fields.detailedErrors()}" th:class="${e.global}? globalerr : fielderr">
        <span th:text="${e.global}? '*' : ${e.fieldName}">The field name</span> |
        <span th:text="${e.message}">The error message</span>
    </li>
</ul>
```

--------------------------------

### Dynamic Table in Thymeleaf Form

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

This HTML snippet demonstrates a dynamic table structure using Thymeleaf. It includes adding new rows and removing existing ones, with fields bound to the SeedStarter object.

```html
<table>
  <thead>
    <tr>
      <th th:text="#{seedstarter.rows.head.rownum}">Row</th>
      <th th:text="#{seedstarter.rows.head.variety}">Variety</th>
      <th th:text="#{seedstarter.rows.head.seedsPerCell}">Seeds per cell</th>
      <th>
        <button type="submit" name="addRow" th:text="#{seedstarter.row.add}">Add row</button>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr th:each="row,rowStat : *{rows}">
      <td th:text="${rowStat.count}">1</td>
      <td>
        <select th:field="*{rows[__${rowStat.index}__].variety}">
          <option th:each="var : ${allVarieties}" 
                  th:value="${var.id}" 
                  th:text="${var.name}">Thymus Thymi</option>
        </select>
      </td>
      <td>
        <input type="text" th:field="*{rows[__${rowStat.index}__].seedsPerCell}" />
      </td>
      <td>
        <button type="submit" name="removeRow" 
                th:value="${rowStat.index}" th:text="#{seedstarter.row.remove}">Remove row</button>
      </td>
    </tr>
  </tbody>
</table>
```

--------------------------------

### Internationalized Enum Display with Dynamic Key

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Displays the internationalized name of an enum type by dynamically constructing the message key using the enum value prefixed with 'seedstarter.type.'.

```html
<td th:text="#{|seedstarter.type.${sb.type}|}">Wireframe</td>
```

--------------------------------

### Define ThymeleafView Bean with Static Variables (Java)

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define a prototype ThymeleafView bean in Spring configuration to add static variables, such as a footer message, to the view.

```java
@Bean
@Scope("prototype")
public ThymeleafView mainView() {
    ThymeleafView view = new ThymeleafView("main"); // templateName = 'main'
    view.setStaticVariables(
        Collections.singletonMap("footer", "The ACME Fruit Company"));
    return view;
}
```

--------------------------------

### Thymeleaf Preprocessing for Array Index

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Illustrates the use of Thymeleaf's preprocessing expressions (`__${...}__`) to correctly evaluate variables within array index brackets for Spring EL. This is necessary because Spring EL does not evaluate variables directly inside array indexers.

```html
<select th:field="*{rows[__${rowStat.index}__].variety}">
```

--------------------------------

### Configure Spring WebFlow with Thymeleaf ViewResolver

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configure a custom ViewResolver for Spring WebFlow AJAX requests. Ensure Spring WebFlow 3.0+ is used with Spring 6, or 2.5 with Spring 5.

```java
@Bean
public FlowDefinitionRegistry flowRegistry() {
    // NOTE: Additional configuration might be needed in your app
    return getFlowDefinitionRegistryBuilder()
            .addFlowLocation("...")
            .setFlowBuilderServices(flowBuilderServices())
            .build();
}
```

```java
@Bean
public FlowExecutor flowExecutor() {
    // NOTE: Additional configuration might be needed in your app
    return getFlowExecutorBuilder(flowRegistry()).build();
}
```

```java
@Bean
public FlowBuilderServices flowBuilderServices() {
    // NOTE: Additional configuration might be needed in your app
    return getFlowBuilderServicesBuilder()
            .setViewFactoryCreator(viewFactoryCreator())
            .build();
}
```

```java
@Bean
public ViewFactoryCreator viewFactoryCreator() {
    MvcViewFactoryCreator factoryCreator = new MvcViewFactoryCreator();
    factoryCreator.setViewResolvers(
            Collections.singletonList(thymeleafViewResolver()));
    factoryCreator.setUseSpringBeanBinding(true);
    return factoryCreator;
}
```

```java
@Bean
public ViewResolver thymeleafViewResolver() {
    AjaxThymeleafViewResolver viewResolver = new AjaxThymeleafViewResolver();
    // We need to set a special ThymeleafView implementation: FlowAjaxThymeleafView
    viewResolver.setViewClass(FlowAjaxThymeleafView.class);
    viewResolver.setTemplateEngine(templateEngine());
    return viewResolver;
}
```

--------------------------------

### Define Form Command Object with th:object

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use `th:object` on the form tag to specify the command object. The value must be a variable expression referring to a model attribute.

```html
<form action="#" th:action="@{/seedstartermng}" th:object="${seedStarter}" method="post">
    ...
</form>
```

--------------------------------

### Display All Errors with th:errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Uses 'th:errors' to display all form errors, separated by '<br />'.

```html
<p th:if="${#fields.hasErrors('all')}" th:errors="*{all}">Incorrect date</p>
```

--------------------------------

### Build Links to Controllers with Thymeleaf

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use the #mvc.url expression object to create links to controller methods by specifying the controller class and method name. This avoids hardcoding URIs.

```html
<a th:href="${(#mvc.url('EC#getData')).build()}">Get Data Param</a>
```

```html
<a th:href="${(#mvc.url('EC#getDataParam').arg(0,'internal')).build()}">Get Data Param</a>
```

--------------------------------

### Display Global Errors with th:errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Uses 'th:errors' to display global errors, separated by '<br />'.

```html
<p th:if="${#fields.hasErrors('global')}" th:errors="*{global}">Incorrect date</p>
```

--------------------------------

### Controller Returning Fragment Expression

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

A Spring controller method returning a fragment expression string. This allows specifying which template and fragment to render directly from the controller.

```java
@RequestMapping("/showContentPart")
public String showContentPart() {
    ...
    return "index :: content";
}
```

--------------------------------

### Internationalized Boolean Display with Literal Substitution

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Transforms a boolean value into an internationalized 'yes' or 'no' using a literal substitution expression with a message key prefix.

```html
<td th:text="#{|bool.${sb.covered}|}">yes</td>
```

--------------------------------

### Controller Returning Fragment by ID

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

A Spring controller method returning a fragment expression that selects an element by its ID. This demonstrates using DOM selectors for fragment selection.

```java
@RequestMapping("/showContentPart")
public String showContentPart() {
    ...
    return "index :: #content";
}
```

--------------------------------

### Spring MessageSource Configuration

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Configures a `ResourceBundleMessageSource` bean in Spring to manage externalized text messages. Set the basename to your message property files.

```java
@Bean
public ResourceBundleMessageSource messageSource() {
    ResourceBundleMessageSource messageSource = new ResourceBundleMessageSource();
    messageSource.setBasename("Messages");
    return messageSource;
}
```

--------------------------------

### Display Global Errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Shows global validation errors that are not associated with specific fields.

```html
<ul th:if="${#fields.hasErrors('global')}">
  <li th:each="err : ${#fields.errors('global')}" th:text="${err}">Input is incorrect</li>
</ul>
```

--------------------------------

### Displaying Nested Table Data

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Iterate over a collection of rows to display nested table data. This snippet shows how to use `th:each` to loop through `sb.rows` and display properties like count, variety name, and seeds per cell.

```html
<td>
  <table>
    <tbody>
      <tr th:each="row,rowStat : ${sb.rows}">
        <td th:text="${rowStat.count}">1</td>
        <td th:text="${row.variety.name}">Thymus Thymi</td>
        <td th:text="${row.seedsPerCell}">12</td>
      </tr>
    </tbody>
  </table>
</td>
```

--------------------------------

### Configure Thymeleaf View Bean with Fragment Selector

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define a Thymeleaf view bean to render a specific fragment from a template using a markup selector. This is useful for returning partial content.

```java
@Bean(name="content-part")
@Scope("prototype")
public ThymeleafView someViewBean() {
    ThymeleafView view = new ThymeleafView("index"); // templateName = 'index'
    view.setMarkupSelector("content");
    return view;
}
```

--------------------------------

### Iterate All Form Errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Iterates through all validation errors for the form and displays them as list items.

```html
<ul>
  <li th:each="err : ${#fields.errors('*')}" th:text="${err}" />
</ul>
```

--------------------------------

### Bind Input Field with th:field

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use `th:field` on input elements to bind them to properties of the command object. This attribute handles value setting, conversion, and validation.

```html
<input type="text" th:field="*{datePlanted}" />
```

--------------------------------

### Iterate Field Errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Iterates through all validation errors for a specific field and displays them as list items.

```html
<ul>
  <li th:each="err : ${#fields.errors('datePlanted')}" th:text="${err}" />
</ul>
```

--------------------------------

### Populate Model Attributes for Thymeleaf

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use @ModelAttribute to add lists of objects to the model for use in Thymeleaf templates. Ensure services are injected to fetch data.

```java
@ModelAttribute("allTypes")
public List<Type> populateTypes() {
    return Arrays.asList(Type.ALL);
}
```

```java
@ModelAttribute("allFeatures")
public List<Feature> populateFeatures() {
    return Arrays.asList(Feature.ALL);
}
```

```java
@ModelAttribute("allVarieties")
public List<Variety> populateVarieties() {
    return this.varietyService.findAll();
}
```

```java
@ModelAttribute("allSeedStarters")
public List<SeedStarter> populateSeedStarters() {
    return this.seedStarterService.findAll();
}
```

--------------------------------

### Conditional Rendering with Thymeleaf

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Ensures a section is only displayed when the 'allSeedStarters' model attribute is not empty. Uses the `#lists.isEmpty()` utility function for checking list emptiness.

```html
<div class="seedstarterlist" th:unless="${#lists.isEmpty(allSeedStarters)}">
```

--------------------------------

### Displaying Enum Array with Externalized Messages

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use Thymeleaf's string and message utilities to format an array of enums. Prepend a prefix, externalize messages, and join them with a comma. This is useful for displaying features or other enum-based properties.

```html
<td th:text="${#strings.arrayJoin(
                   #messages.arrayMsg(
                       #strings.arrayPrepend(sb.features,'seedstarter.feature.')),
                   ', ')}">Electric Heating, Turf</td>
```

--------------------------------

### Display Errors Outside Forms

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Demonstrates displaying form validation errors outside of a form tag using variable expressions and prefixing the bean name.

```html
<div th:errors="${myForm}">...</div>
<div th:errors="${myForm.date}">...</div>
<div th:errors="${myForm.*}">...</div>

<div th:if="${#fields.hasErrors('${myForm}')}">...</div>
<div th:if="${#fields.hasErrors('${myForm.date}')}">...</div>
<div th:if="${#fields.hasErrors('${myForm.*}')}">...</div>

<form th:object="${myForm}">
    ...
</form>
```

--------------------------------

### Controller Returning View Bean Name

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

A Spring controller method that returns the name of a pre-configured Thymeleaf view bean. Thymeleaf will then render the specified fragment associated with that bean.

```java
@RequestMapping("/showContentPart")
public String showContentPart() {
    ...
    return "content-part";
}
```

--------------------------------

### Internationalized Text with Thymeleaf

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Displays internationalized text for table headers using Thymeleaf's message resolution. Ensure a `MessageSource` bean is configured in Spring.

```html
<h2 th:text="#{title.list}">List of Seed Starters</h2>

<table>
  <thead>
    <tr>
      <th th:text="#{seedstarter.datePlanted}">Date Planted</th>
      <th th:text="#{seedstarter.covered}">Covered</th>
      <th th:text="#{seedstarter.type}">Type</th>
      <th th:text="#{seedstarter.features}">Features</th>
      <th th:text="#{seedstarter.rows}">Rows</th>
      ...
```

--------------------------------

### Configure RequestDataValueProcessor Bean

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define a Spring bean for RequestDataValueProcessor to intercept and process URLs, form actions, and field values. This is often used for security features like CSRF protection.

```java
@Bean
public RequestDataValueProcessor requestDataValueProcessor() {
  return new MyRequestDataValueProcessor();
}
```

--------------------------------

### Configure Thymeleaf View Bean with ID Selector

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define a Thymeleaf view bean to render a specific element from a template using its ID as a markup selector. This allows fragment selection without explicit 'th:fragment' attributes.

```java
@Bean(name="content-part")
@Scope("prototype")
public ThymeleafView someViewBean() {
    ThymeleafView view = new ThymeleafView("index"); // templateName = 'index'
    view.setMarkupSelector("#content");
    return view;
}
```

--------------------------------

### Target Element without th:fragment

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

When using DOM selectors for AJAX rendering, the target element only requires an `id` attribute.

```html
<div id="data">
    This is a content to be changed
</div>
```

--------------------------------

### Create Thymeleaf Fragment with th:fragment

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define a Thymeleaf fragment using the `th:fragment` attribute. This fragment can be targeted by the `<render>` tag in Spring WebFlow.

```html
<div id="data" th:fragment="hoteldata">
    This is a content to be changed
</div>
```

--------------------------------

### Apply CSS Class with th:errorclass

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Simplifies applying CSS classes to form fields that have errors using the 'th:errorclass' attribute.

```html
<input type="text" th:field="*{datePlanted}" class="small" th:errorclass="fieldError" />
```

--------------------------------

### Radio Button Field with th:field

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Bind a single radio button selection using `th:field` and `th:value`. Similar to multi-valued checkboxes but for single selection.

```html
<ul>
  <li th:each="ty : ${allTypes}">
    <input type="radio" th:field="*{type}" th:value="${ty}" />
    <label th:for="${#ids.prev('type')}" th:text="#{${'seedstarter.type.' + ty}}">Wireframe</label>
  </li>
</ul>
```

--------------------------------

### Display Field Errors with th:errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Uses the specialized 'th:errors' attribute to display all errors for a field, separated by '<br />'.

```html
<input type="text" th:field="*{datePlanted}" />
<p th:if="${#fields.hasErrors('datePlanted')}" th:errors="*{datePlanted}">Incorrect date</p>
```

--------------------------------

### Specify Thymeleaf Templates in Spring WebFlow View States

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Define Thymeleaf templates within Spring WebFlow's view-state elements. The template name is resolved by the configured Template Resolvers.

```xml
<view-state id="detail" view="bookingDetail">
    ...
</view-state>
```

--------------------------------

### th:field Equivalent for Text Input

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

The `th:field` attribute on a text input is equivalent to setting the `id`, `name`, and `value` attributes, and also applies Spring's Conversion Service.

```html
<input type="text" id="datePlanted" name="datePlanted" th:value="*{datePlanted}" />
```

--------------------------------

### Single Checkbox Field with th:field

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Use `th:field` to bind a single boolean checkbox. Includes dynamic ID generation for accessibility and proper form handling.

```html
<div>
  <label th:for="${#ids.next('covered')}" th:text="#{seedstarter.covered}">Covered</label>
  <input type="checkbox" th:field="*{covered}" />
</div>
```

--------------------------------

### Apply CSS Class to Field with Errors

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Conditionally applies a CSS class to an input field if it has validation errors.

```html
<input type="text" th:field="*{datePlanted}" 
                   th:class="${#fields.hasErrors('datePlanted')}? fieldError" />
```

--------------------------------

### Multi-valued Checkbox Field with th:field

Source: https://www.thymeleaf.org/doc/tutorials/3.1/thymeleafspring.html

Bind an array of values to a multi-valued checkbox using `th:field` and `th:value`. Thymeleaf automatically handles ID generation and selection state.

```html
<ul>
  <li th:each="feat : ${allFeatures}">
    <input type="checkbox" th:field="*{features}" th:value="${feat}" />
    <label th:for="${#ids.prev('features')}" 
           th:text="#{${'seedstarter.feature.' + feat}}">Heating</label>
  </li>
</ul>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.