【SpringMVC 从 0 开始】SpringMVC RESTFul 实战案例 - 实现列表功能

2022-10-21 134

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【SpringMVC 从 0 开始】SpringMVC RESTFul 实战案例 - 实现列表功能

一、增加控制器方法

在控制器类 EmployeeController 中，添加访问列表方法。

@Controller
public class EmployeeController {
    @Autowired
    private EmployeeDao employeeDao;
    @RequestMapping(value = "/employee", method = RequestMethod.GET)
    public String getAllEmployee(Model model) {
        Collection<Employee> employeeList = employeeDao.getAll();
        model.addAttribute("employeeList", employeeList);
        return "employee_list";
    }
}

这里就没写 service 层了，直接在 getAllEmployee() 方法中操作 dao 层，也就是调用 employeeDao.getAll()来获取所有员工信息，返回是一个列表集合。

接着把数据放到 request 域里，供前端页面使用，这里使用前面讲过的 Model 方法。

在model.addAttribute("employeeList", employeeList); 中，2个分别对应 key - value，页面里使用 key 可以获取到 value 。

最后返回 employee_list 页面。

二、编写列表页 employee_list.html

控制器里返回了 employee_list ，这是一个 html 页面，依然写在 templates 下面：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>员工信息</title>
</head>
<body>
    <table border="1" cellspacing="0" cellpadding="0" style="text-align: center;">
        <tr>
            <th colspan="5">员工列表</th>
        </tr>
        <tr>
            <th>id</th>
            <th>lastName</th>
            <th>email</th>
            <th>gender</th>
            <th>options</th>
        </tr>
        <!--循环后端放到request域中的数据 employeeList-->
        <tr th:each="employee : ${employeeList}">
            <td th:text="${employee.id}"></td>
            <td th:text="${employee.lastName}"></td>
            <td th:text="${employee.email}"></td>
            <td th:text="${employee.gender}"></td>
            <td>
                <a href="">删除</a>
                <a href="">更新</a>
            </td>
        </tr>
    </table>
</body>
</html>

这里使用了简单的样式，使其看起来更像个列表。
每一行的数据，要通过循环后端放到 request 域中的数据 employeeList，得到单个对象 employee，然后就可以将对象的属性获取出来展示，比如 employee.id 。
th:each，${}这些都是 thymeleaf 的用法。