1.简介

REST：Representational State Transfer 表现层资源状态转移

a>资源

资源是一种看待服务器的方式，即，将服务器看作是由很多离散的资源组成。每个资源是服务器上一个可命名的抽象概念。因为资源是一个抽象的概念，所以它不仅仅能代表服务器文件系统中的一个文件、数据库中的一张表等等具体的东西，可以将资源设计的要多抽象有多抽象，只要想象力允许而且客户端应用开发者能够理解。
与面向对象设计类似，资源是以名词为核心来组织的，首先关注的是名词。一个资源可以由一个或多个URI来标识。URI既是资源的名称，也是资源在Web上的地址。对某个资源感兴趣的客户端应用，可以通过资源的URI与其进行交互。

b>资源的表述

资源的表述是一段对于资源在某个特定时刻的状态的描述。可以在客户端-服务器端之间转移（交换）。
资源的表述可以有多种格式，例如HTML/XML/JSON/纯文本/图片/视频/音频等等。
资源的表述格式可以通过协商机制来确定。请求-响应方向的表述通常使用不同的格式。

c>状态转移

状态转移说的是：在客户端和服务器端之间转移（transfer）代表资源状态的表述。
通过转移和操作资源的表述，来间接实现操作资源的目的。

2.RESTful的实现

具体来说，就是HTTP协议里面，四个表示操作方式的动词：GET,POST,PUT,DELETE
它们四个分别对应四种基本操作：GET用来获取资源， POST用来新建资源
PUT用来更新资源，DELETE用于删除资源

操作	传统方式	REST风格
查询	getUserById?id=1	user/1-->get请求方式
保存	saveUser	user-->post请求方式
删除	deleteUser?id=1	user/1-->delete请求方式
更新	updateUser	user-->put请求方式

3、HiddenHttpMethodFilter

由于浏览器只支持发送get和post方式的请求，那么该如何发送put和delete请求呢？
    SpringMVC 提供了 HiddenHttpMethodFilter 帮助我们将POST请求转换为DELETE或PUT请求
    HiddenHttpMethodFilter处理put和delete请求的条件：
    a>当前请求的请求方式必须为post
    b>当前请求必须传输请求参数_method
    满足以上条件，HiddenHttpMethodFilter过滤器就会将当前请求的请求方式转换为请求参数_method的值，
    因此请求参数_method的值才是最终的请求方式

在web.xml中注册HiddenHttpMethodFilter

<!--    配置HiddenHttpFilter
必须在CharterEncodingFIlter之后配置--><filter><filter-name>HiddenHttpMethodFilter</filter-name><filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class></filter><filter-mapping><filter-name>HiddenHttpMethodFilter</filter-name><url-pattern>/*</url-pattern></filter-mapping>

RESTful实现CRUD案例

实体类：

   package com.dltt.vo;import lombok.AllArgsConstructor;import lombok.Data;@Data@AllArgsConstructorpublic class Employee {private Integer id;private String lastName;private String email;//1 male, 0 femaleprivate Integer gender;}

持久层

   package com.dltt.dao;import com.dltt.vo.Employee;import org.springframework.stereotype.Repository;import java.util.Collection;import java.util.HashMap;import java.util.Map;@Repositorypublic class EmployeeDao {private static Map<Integer, Employee> employees = null;static {employees = new HashMap<>();employees.put(1001,new Employee(1001,"E-AA","aa@163.com",1));employees.put(1002,new Employee(1002,"E-BB","bb@163.com",0));employees.put(1003,new Employee(1003,"E-CC","cc@163.com",1));employees.put(1004,new Employee(1004,"E-DD","dd@163.com",0));employees.put(1005,new Employee(1005,"E-EE","ee@163.com",1));}private static Integer initid = 1006;//自增长id的初始值public void save(Employee employee){//保存方法if(employee.getId()==null){employee.setId(initid++);}employees.put(employee.getId(),employee);}public Collection<Employee> getAll(){//一览所有员工return employees.values();}public Employee get(Integer id){//根据主键查询return employees.get(id);}public void delete(Integer id){//通过主键删除employees.remove(id);}}

controller

@Controller
public class EmployeeController {EmployeeDao employeeDao=new EmployeeDao();@RequestMapping(value = "/employee",method = RequestMethod.GET)public String getEmployeeList(Model model){Collection<Employee> employeeList=employeeDao.getAll();model.addAttribute("employeeList",employeeList);return "employee_list";}@RequestMapping(value = "/employee/{id}",method = RequestMethod.DELETE)public  String deleteEmployee(@PathVariable("id") Integer id){employeeDao.delete(id);return "redirect:/employee";}@RequestMapping(value = "/employee",method = RequestMethod.POST)public String addEmployee(Employee emplyee){employeeDao.save(emplyee);return "redirect:/employee";}@RequestMapping(value = "/employee/{id}",method = RequestMethod.GET)public String getEmployeeById(@PathVariable("id") Integer id,Model model){Employee emplyee=employeeDao.get(id);model.addAttribute("employee",emplyee);return "employee_update";}@RequestMapping(value = "/employee",method = RequestMethod.PUT)public String updateEmployee(Employee emplyee){employeeDao.save(emplyee);return "redirect:/employee";}
}

视图页面

<!DOCTYPE html>
<html lang="en" xmlns:th="http:/www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<h1>首页</h1>
<a th:href="@{/employee}">访问员工信息</a>
</body>
</html>

<!DOCTYPE html>
<html lang="en" xmlns:th="http:/www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title><script th:src="@{/static/js/vue.js}"></script>
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0" style="text-align: center"  id="dataTable"><tr><th colspan="5">Employee Info</th></tr><tr><th>id</th><th>lsatName</th><th>email</th><th>gender</th><th>option(<a th:href="@{/toAdd}">add</a> ) </th></tr><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><th><a th:href="@{'/employee/'+${employee.id}}" @click="deleteEmployee">delete</a><a th:href="@{'/employee/'+${employee.id}}">update</a></th></tr>
</table>
<form id="deleteForm" method="post">
<!--    HiddenHttpMethodFilter要求：必须传递_method请求参数，并且值为最终请求方式--><input type="hidden" name="_method" value="delete">
</form>
<script>var vue=new Vue({el:"#dataTable",methods:{deleteEmployee:function (event){//     1.根据id获取表单元素var deleteForm=document.getElementById("deleteForm");//     2.将触发点击事件的超链接标签href属性赋给表单的action属性deleteForm.action=event.target.href;//     3.提交表单deleteForm.submit();//     4.取消超链接的默认行为event.preventDefault();}}})</script>
</body>
</html>

<!DOCTYPE html>
<html lang="en" xmlns:th="http:/www.thymeleaf.org">
<head><meta charset="UTF-8"><title>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<br><input type="radio" name="gender" value="0">female<br><input type="submit" value="add">
</form>
</body>
</html>

<!DOCTYPE html>
<html lang="en" xmlns:th="http:/www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<form th:action="@{/employee}" method="post"><input type="hidden" name="_method" value="put"><input type="hidden" name="id" th:value="${employee.id}">lastName:<input type="text" name="lastName" th:value="${employee.lastName}"><br>email:<input type="text" name="email" th:value="${employee.email}"><br>
<!--    th:field="${}employee.gender" 可用于单选按钮或复选框的回显
若单选框的value和employee。gender的值一致，则添加checked属性-->gender:<input type="radio" name="gender" value="1" th:field="${employee.gender}">male<input type="radio" name="gender" value="0" th:field="${employee.gender}">female<br><input type="submit" value="update"></form>
</body>
</html>