使用thymeleaf显示用户信息
时间: 2024-03-05 13:43:52 浏览: 88
使用thymeleaf可以很方便地实现显示用户信息的操作。在前端页面中,可以通过thymeleaf的语法来动态地展示后端传递过来的数据。具体实现步骤如下:
1. 在后端代码中,需要定义一个Controller来处理前端的请求,并调用Service层的方法获取用户信息。在获取到用户信息后,将其存储到Model中,然后返回一个指定的页面。
2. 在前端页面中,需要使用thymeleaf的语法来动态地展示后端传递过来的数据。可以使用th:each来遍历用户列表,并使用th:text来显示每个用户的信息。
下面是一个简单的示例代码:
UserController.java
```
@Controller
@RequestMapping("/user")
public class UserController {
@Autowired
private UsersService userService;
/**
* 查询全部用户
*/
@GetMapping("/findUserAll")
public String findUserAll(Model model){
List<Users> list = null;
try {
list = this.userService.findUsersAll();
model.addAttribute("list",list);
} catch (Exception e){
e.printStackTrace();
return "error";
}
return "showuser";
}
}
```
UsersService.java
```
public interface UsersService {
List<Users> findUsersAll();
}
```
showuser.html
```
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>用户信息</title>
</head>
<body>
<table>
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr th:each="user : ${list}">
<td th:text="${user.id}"></td>
<td th:text="${user.name}"></td>
<td th:text="${user.age}"></td>
<td th:text="${user.gender}"></td>
</tr>
</tbody>
</table>
</body>
</html>
```
在浏览器中访问http://localhost:8080/user/findUserAll,就可以看到数据库中的用户信息被动态地展示在页面上了。
阅读全文