SpringMVC實戰案例RESTFul實現新增功能

2022-05-28 18:01:26

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}" rel="external nofollow" >新增</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";
    }

這裡使用實體類傳參，然後呼叫 dao 裡的 save() 方法即可，返回依然是重定向到列表頁。