(12)带Restful风格的uri的crud操作

迷南。 2022-02-03 10:49 224阅读 0赞

# Restful风格的uri：  #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70][]

# 修改数据—Put请求 #

**在http****协议里面没有put****请求，要使用put****或者delete****请求，做法：**

**即先创建一个post表单，而后在里面创建一个不可见的inupt框，name一定要为\_method,而value为提交请求的方式。 **

**这里用到了界面的复用，如果是修改界面就用put****请求，如果是提交添加数据就用post****请求。****由于是修改界面，用到了数据回显给界面，所以，emp****对象不是空的。而添加数据的时候，emp****对象就是空的。**

**界面复用实现的具体代码：**

<form th:action="@{/emp}" method="post">
    
        
    
        
    
        <input type="hidden" name="_method" value="put" th:if="${emp!=null}"/>
    
        <input type="hidden" name="id" th:if="${emp!=null}" th:value="${emp.id}">
    
        <div class="form-group">
    
            <label>LastName</label>
    
            <input name="lastName" type="text" class="form-control" placeholder="zhangsan" th:value="${emp!=null}?${emp.lastName}">
    
        </div>
    
        <div class="form-group">
    
            <label>Email</label>
    
            <input name="email" type="email" class="form-control" placeholder="zhangsan@atguigu.com" th:value="${emp!=null}?${emp.email}">
    
        </div>
    
        <div class="form-group">
    
            <label>Gender</label><br/>
    
            <div class="form-check form-check-inline">
    
                <input class="form-check-input" type="radio" name="gender" value="1" th:checked="${emp!=null}?${emp.gender==1}">
    
                <label class="form-check-label">男</label>
    
            </div>
    
            <div class="form-check form-check-inline">
    
                <input class="form-check-input" type="radio" name="gender" value="0" th:checked="${emp!=null}?${emp.gender==0}">
    
                <label class="form-check-label">女</label>
    
            </div>
    
        </div>
    
        <div class="form-group">
    
            <label>department</label>
    
            
    
            <select class="form-control" name="department.id">
    
                <option th:selected="${emp!=null}?${dept.id == emp.department.id}" th:value="${dept.id}" th:each="dept:${depts}" th:text="${dept.departmentName}">1</option>
    
            </select>
    
        </div>
    
        <div class="form-group">
    
            <label>Birth</label>
    
            <input name="birth" type="text" class="form-control" placeholder="zhangsan" th:value="${emp!=null}?${#dates.format(emp.birth, 'yyyy-MM-dd')}">
    
        </div>
    
        <button type="submit" class="btn btn-primary" th:text="${emp!=null}?'修改':'添加'">添加</button>
    
    </form>

**二者对应的均是提交给/emp****请求，但是，一个是post****，一个是put****：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 2][]

**修改的按下跳转：**

**注意在thymeleaf****动态参数的拼接方式：**

**后台接收：**

//来到修改界面，查出当前员工，回显
    
    @GetMapping("/emp/{id}")
    
    public String toEditPage(@PathVariable("id") Integer id, Model model) {
    
        Employee employee = employeeDao.get(id);
    
        model.addAttribute("emp", employee);
    
        //查询出来部门列表，来回显
    
        Collection<Department> departments = departmentDao.getDepartments();
    
        model.addAttribute("depts", departments);
    
        return "emp/add";
    
    
    
    }

# **删除的写法：** #

<tbody>
    
                   <tr th:each="emp:${emps}">
    
                      <td th:text="${emp.id}"></td>
    
                      <td>[[${emp.lastName}]]</td>
    
                      <td th:text="${emp.email}"></td>
    
                      <td th:text="${emp.gender}==1?'male':'female'"></td>
    
                      <td th:text="${emp.department.departmentName}"></td>
    
                      <td th:text="${#dates.format(emp.birth,'yyyy-MM-dd')}"></td>
    
                      <td>
    
                         <a class="btn btn-sm btn-primary" th:href="@{/emp/}+${emp.id}">编辑</a>
    
                         <button th:attr="del_uri=@{/emp/}+${emp.id}" type="submit" id="deleteBtn" class="btn btn-sm btn-danger">删除</button>
    
                      </td>
    
                   </tr>
    
                </tbody>
    
             </table>
    
          </div>
    
       </main>
    
       <form id="deleteEmpForm"  method="post">
    
          <input type="hidden" name="_method" value="delete"/>
    
       </form>
    
    </div>

**在外面弄一个form****表单，而不是在循环里面，如果再循环里面，则每次循环过来均要生成一个form****表单，这样会造成冗余。**

**而这里form****表单里面没有写action****属性，因为，由于，在循环外面，这样就拿不到了要删除的信息的id****，可以在button****中用thymeleaf****语法来写一个th:attr=****“key=value****”的形式，这样可以自定义属性。而后，利用js****来：**

**后台：**

//员工删除
    
    @DeleteMapping("/emp/{id}")
    
    public String deleteEmployee(@PathVariable("id") Integer id){
    
        employeeDao.delete(id);
    
        return "redirect:/emps";
    
    }

**，这里用到了重定向。因为，又要访问controller****层，就要用重定向。其实，还可以使用forward****，即请求转发，也是可以的，同servlet****里面。回到模板，就直接返回模板名字。**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70]: /images/20220203/5bdcf88774244a0daea8f249f2a29b61.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 1]: /images/20220203/3c385538b15f456aafa9aff005bc88a5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MTA2MDkwNQ_size_16_color_FFFFFF_t_70 2]: /images/20220203/7fc71770fa704da1a1bba40843bec1a1.png