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

2022-10-21 158

版权

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

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

数据被删除差不多了，得做个添加的功能。

一、前端改动

1. 修改列表页，增加一个【添加】按钮

点击这个按钮可以调到新增页面。

<tr>
            <th colspan="5">员工列表</th>
        </tr>
        <tr>
            <th>id</th>
            <th>lastName</th>
            <th>email</th>
            <th>gender</th>
            <th>options(<a th:href="@{/toAdd}">添加</a>)</th>
        </tr>

2. 配置 view-controller

因为/toAdd这个跳转仅仅是视图的跳转，所以可以直接在 springMVC 配置文件中配置 view-controller：

<mvc:view-controller path="/toAdd" view-name="employee_add"></mvc:view-controller>

视图名字就叫employee_add，那么对应地需要增加一个 employee_add.html页面。

3. 编写添加页面

新建 employee_add.html：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>添加员工</title>
</head>
<body>
<form th:action="@{/employee}" method="post">
    lastName:<input type="text" name="lastName"><br>
    email:<input type="text" name="email"><br>
    gender:<input type="radio" name="gender" value="1">male
    <input type="radio" name="gender" value="0">female<br>
    <input type="submit" value="添加"><br>
</form>
</body>
</html>

action 里的路径/employee，就是要访问的地址了，因为添加本来就是要用 post 方法，所以这里不用想之前 delete 方法那样转换了。

二、后端处理

到 EmployeeController 控制器类里，新增一个处理添加请求的方法：

@RequestMapping(value = "/employee", method = RequestMethod.POST)
    public String addEmployee(Employee employee) {
        employeeDao.save(employee);
        return "redirect:/employee";
    }