用springboot写一个行纵4列 包含照片姓名年龄荣誉
时间: 2024-09-13 13:14:07 浏览: 27
在Spring Boot项目中创建一个包含照片、姓名、年龄和荣誉的数据展示通常涉及到前端模板技术如Thymeleaf或Freemarker,以及后端数据模型。这里是一个简单的例子:
首先,我们定义一个User实体类(Model),代表用户信息:
```java
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
@Entity
public class User {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Long id;
private String name;
private int age;
private String honor; // 荣誉字段
// getters and setters...
}
```
然后,在服务层(Service)里,你可以有相关的业务逻辑处理数据:
```java
import org.springframework.stereotype.Service;
import java.util.List;
@Service
public class UserService {
public List<User> getUsers() { // 假设这是从数据库获取用户列表的方法
// 返回一个包含四个元素的用户列表
return Arrays.asList(
new User("张三", 25, "优秀员工", "https://example.com/avatar1.jpg"),
// 其他三个用户对象类似...
);
}
}
```
最后,在控制器(Controller)中将数据传递给前端:
```java
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.ui.Model;
@RestController
public class UserController {
@Autowired
private UserService userService;
@GetMapping("/users")
public String showUsers(Model model) {
List<User> users = userService.getUsers();
model.addAttribute("users", users);
return "users-list"; // 使用Thymeleaf或Freemarker返回视图
}
}
```
在HTML模板(如Thymeleaf)中,你可以这样显示用户列表:
```html
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<!-- ... -->
</head>
<body>
<table>
<tr th:each="user : ${users}">
<td><img src="{{ user.honor }}" alt="用户头像"></td>
<td th:text="${user.name}">姓名</td>
<td th:text="${user.age}">年龄</td>
<td th:text="${user.honor}">荣誉</td>
</tr>
</table>
</body>
</html>
```