# Lab 1: Server-side rendering with Spring Boot and JTE
This lab aims to build a simple user management application with Spring Boot and htmx.
We are using [JTE](https://jte.gg) as the server-side template language.
## Display Users
We want to display a table of users like this:
### UserController
First, navigate to the `UserController` in `de.tschuehly.easy.spring.auth.user` in the `lab-1` folder and change it to the following.
{% code title="UserController.java" %}
```java
package de.tschuehly.easy.spring.auth.user;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
@Controller
public class UserController {
public static final String MODAL_CONTAINER_ID = "modalContainer"; // (1)
public static final String USER_TABLE_BODY_ID = "userTableBody"; // (1)
private final UserService userService;
public UserController(UserService userService) {
this.userService = userService;
}
@GetMapping("/") // (2)
public String index(Model model) {
model.addAttribute("easyUserList", userService.findAll()); // (3)
return "UserManagement";
}
}
```
{% endcode %}
**(1):** We define a constant for the `USER_TABLE_BODY_ID` and the `MODAL_CONTAINER_ID`
**(2):** We create a new `@GetMapping` to the `/` path.
**(3):** Inside the method, we call the `userService.findAll()` function and add it to the MVC model as `easyUserList` attribute.
**(4):** We return the string `UserManagement` . This is the reference to the View we want to render.
{% hint style="info" %}
Spring MVC will look for templates in the `src/main/jte` directory as we use the `jte-spring-boot-starter-3.`
You can find all the templates we need already there. We now need to fill them with life.
{% endhint %}
### UserMangament
We start with the `UserManagement.jte` template.
As you can see, a barebones html structure is already in place with CSS and htmx referenced.
We need to import all static variables defined in UserController with the `@import` JTE syntax at the top of the file and we add the easyUserList we defined earlier in the model as a parameter to the template with `@param` after the imports.
{% code title="UserManagement.jte " %}
```crystal
@import static de.tschuehly.easy.spring.auth.user.UserController.*
@import de.tschuehly.easy.spring.auth.user.EasyUser
@import java.util.List
@param List easyUserList
```
{% endcode %}
There is already a basic HTML Table in place, that we need to fill with our data.
We replace the table body element with the following:
{% code title="UserManagement.jte " %}
```html
<%-- (1) --%>
@for(var user: easyUserList) <%-- (2) --%>
@template.UserRow(easyUser = user) <%-- (3) --%>
@endfor
```
{% endcode %}
**(1):** We set the id of the `tbody` to `USER_TABLE_BODY_ID` to reference it statically from other places.
**(2):** We loop over the easyUserList with the `@for` JTE syntax
**(3):** Then in the loop body we call the userRow\.jte template with the `@template` syntax and pass the `user` loop variable into the template.
We also add an empty `
` after the `
` element with the `id` set to `MODAL_CONTAINER_ID` to show a modal
{% code title="UserManagement.jte" %}
```html