Search⌘ K
Home
Courses
Building Scalable Applications with Thymeleaf and Spring Boot

Creating User Form

Explore how to create a user form in Spring Boot using Thymeleaf. Learn to add user role selection via dropdown, implement password and repeated password fields, and validate password matching to ensure proper input. This lesson helps you manage user creation securely and effectively within your application.

We'll cover the following...

We used the DatabaseInitializer to create some users, but now we also need to make the “Create User” form work again with both the role and password fields.

User role selection

We’ll start by adding the user role selection using an HTML <select> for this (sometimes called a dropdown or combobox).

Let’s add the following to edit.html:

HTML
<div class="sm:col-span-2">
    <label for="userRole" class="block text-sm font-medium text-gray-700">User
        Role</label>
    <select id="userRole"
            class="max-w-lg block focus:ring-green-500 focus:border-green-500 w-full shadow-sm sm:max-w-xs sm:text-sm border-gray-300 rounded-md"
            th:field="*{userRole}"> 
        <option th:each="role : ${possibleRoles}"
                th:text="#{'UserRole.' + ${role.name()}}"
                th:value="${role.name()}">User 
        </option>
    </select>
</div>

The <select> needs to bind to the userRole field in the CreateUserFormData object.

  • We need to add an <option> tag for each possible role. We will update the UserController to add the list of possible roles in the model under the possibleRoles key. This list will contain UserRole enum instances.

The value ...