SpringMVC基础:Restful

 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用于删除资源

 3、HiddenHttpMethodFilter

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

    在web.xml中注册HiddenHttpMethodFilter

1.  
   <!-- 配置HiddenHttpFilter
2.  
   必须在CharterEncodingFIlter之后配置-->
3.  
   <filter>
4.  
   <filter-name>HiddenHttpMethodFilter</filter-name>
5.  
   <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
6.  
   </filter>
7.  
   <filter-mapping>
8.  
   <filter-name>HiddenHttpMethodFilter</filter-name>
9.  
   <url-pattern>/*</url-pattern>
10.  
    </filter-mapping>

    RESTful实现CRUD案例

   实体类：

1.  
   package com.dltt.vo;
2.  
    
3.  
   import lombok.AllArgsConstructor;
4.  
   import lombok.Data;
5.  
    
6.  
   @Data
7.  
   @AllArgsConstructor
8.  
   public class Employee {
9.  
   private Integer id;
10.  
    private String lastName;
11.  
    private String email;
12.  
    //1 male, 0 female
13.  
    private Integer gender;
14.  
     
15.  
    }

持久层

1.  
   package com.dltt.dao;
2.  
    
3.  
   import com.dltt.vo.Employee;
4.  
   import org.springframework.stereotype.Repository;
5.  
    
6.  
   import java.util.Collection;
7.  
   import java.util.HashMap;
8.  
   import java.util.Map;
9.  
    
10.  
    @Repository
11.  
    public class EmployeeDao {
12.  
    private static Map<Integer, Employee> employees = null;
13.  
     
14.  
    static {
15.  
    employees = new HashMap<>();
16.  
    employees.put(1001,new Employee(1001,"E-AA","aa@163.com",1));
17.  
    employees.put(1002,new Employee(1002,"E-BB","bb@163.com",0));
18.  
    employees.put(1003,new Employee(1003,"E-CC","cc@163.com",1));
19.  
    employees.put(1004,new Employee(1004,"E-DD","dd@163.com",0));
20.  
    employees.put(1005,new Employee(1005,"E-EE","ee@163.com",1));
21.  
    }
22.  
    private static Integer initid = 1006;//自增长id的初始值
23.  
     
24.  
    public void save(Employee employee){//保存方法
25.  
    if(employee.getId()==null){
26.  
    employee.setId(initid );
27.  
    }
28.  
    employees.put(employee.getId(),employee);
29.  
    }
30.  
     
31.  
    public Collection<Employee> getAll(){//一览所有员工
32.  
    return employees.values();
33.  
    }
34.  
     
35.  
    public Employee get(Integer id){//根据主键查询
36.  
    return employees.get(id);
37.  
    }
38.  
     
39.  
    public void delete(Integer id){//通过主键删除
40.  
    employees.remove(id);
41.  
    }
42.  
    }

controller

1.  
    
2.  
    
3.  
   @Controller
4.  
   public class EmployeeController {
5.  
   EmployeeDao employeeDao=new EmployeeDao();
6.  
   @RequestMapping(value = "/employee",method = RequestMethod.GET)
7.  
   public String getEmployeeList(Model model){
8.  
   Collection<Employee> employeeList=employeeDao.getAll();
9.  
   model.addAttribute("employeeList",employeeList);
10.  
    return "employee_list";
11.  
    }
12.  
    @RequestMapping(value = "/employee/{id}",method = RequestMethod.DELETE)
13.  
    public String deleteEmployee(@PathVariable("id") Integer id){
14.  
    employeeDao.delete(id);
15.  
    return "redirect:/employee";
16.  
    }@RequestMapping(value = "/employee",method = RequestMethod.POST)
17.  
    public String addEmployee(Employee emplyee){
18.  
    employeeDao.save(emplyee);
19.  
    return "redirect:/employee";
20.  
    }
21.  
    @RequestMapping(value = "/employee/{id}",method = RequestMethod.GET)
22.  
    public String getEmployeeById(@PathVariable("id") Integer id,Model model){
23.  
    Employee emplyee=employeeDao.get(id);
24.  
    model.addAttribute("employee",emplyee);
25.  
    return "employee_update";
26.  
    }
27.  
    @RequestMapping(value = "/employee",method = RequestMethod.PUT)
28.  
    public String updateEmployee(Employee emplyee){
29.  
    employeeDao.save(emplyee);
30.  
    return "redirect:/employee";
31.  
    }
32.  
    }

视图页面

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

1.  
   <!DOCTYPE html>
2.  
   <html lang="en" xmlns:th="http:/www.thymeleaf.org">
3.  
   <head>
4.  
   <meta charset="UTF-8">
5.  
   <title>Title</title>
6.  
   <script th:src="@{/static/js/vue.js}"></script>
7.  
   </head>
8.  
   <body>
9.  
   <table border="1" cellpadding="0" cellspacing="0" style="text-align: center" id="dataTable">
10.  
    <tr>
11.  
    <th colspan="5">Employee Info</th>
12.  
    </tr>
13.  
    <tr>
14.  
    <th>id</th>
15.  
    <th>lsatName</th>
16.  
    <th>email</th>
17.  
    <th>gender</th>
18.  
    <th>
19.  
    option(<a th:href="@{/toAdd}">add</a> ) </th>
20.  
    </tr>
21.  
    <tr th:each="employee:${employeeList}">
22.  
    <td th:text="${employee.id}"></td>
23.  
    <td th:text="${employee.lastName}"></td>
24.  
    <td th:text="${employee.email}"></td>
25.  
    <td th:text="${employee.gender}"></td>
26.  
    <th>
27.  
    <a th:href="@{'/employee/' ${employee.id}}" @click="deleteEmployee">delete</a>
28.  
    <a th:href="@{'/employee/' ${employee.id}}">update</a>
29.  
    </th>
30.  
    </tr>
31.  
    </table>
32.  
    <form id="deleteForm" method="post">
33.  
    <!-- HiddenHttpMethodFilter要求：必须传递_method请求参数，并且值为最终请求方式-->
34.  
    <input type="hidden" name="_method" value="delete">
35.  
    </form>
36.  
    <script>
37.  
    var vue=new Vue({
38.  
    el:"#dataTable",
39.  
    methods:{
40.  
    deleteEmployee:function (event){
41.  
    // 1.根据id获取表单元素
42.  
    var deleteForm=document.getElementById("deleteForm");
43.  
    // 2.将触发点击事件的超链接标签href属性赋给表单的action属性
44.  
    deleteForm.action=event.target.href;
45.  
    // 3.提交表单
46.  
    deleteForm.submit();
47.  
    // 4.取消超链接的默认行为
48.  
    event.preventDefault();
49.  
    }
50.  
    }
51.  
    })
52.  
     
53.  
    </script>
54.  
    </body>
55.  
    </html>

1.  
   <!DOCTYPE html>
2.  
   <html lang="en" xmlns:th="http:/www.thymeleaf.org">
3.  
   <head>
4.  
   <meta charset="UTF-8">
5.  
   <title>Title</title>
6.  
   </head>
7.  
   <body>
8.  
   <form th:action="@{/employee}" method="post">
9.  
   lastName:<input type="text" name="lastName" ><br>
10.  
    email:<input type="text" name="email" ><br>
11.  
    gender:<input type="radio" name="gender" value="1">male<br>
12.  
    <input type="radio" name="gender" value="0">female<br>
13.  
    <input type="submit" value="add">
14.  
    </form>
15.  
    </body>
16.  
    </html>

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

这篇好文章是转载于：学新通技术网