本文重点：web项目融合Restful风格
百度百科 了解一下Restful
RESTful
一种软件架构风格、设计风格，而不是标准，只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。
Restful风格的web项目最直观的两点
? url的规范
非REST风格的URL：http://localhost:8080/user?id=1&type=1
REST风格的URL：http://localhost:8080/user/1/1
对比起来，不难感觉REST风格的URL自带牛逼属性，看起来就是舒服
? 用HTTP的4个动词标识对资源的操作类型
GET：获取
POST：新增
PUT：修改
DELETE：删除
《========优雅分割=====进入主题========》
《========WEB如何实现REST风格========》
?? Step One：配置spring支持Put/Delete请求
Spring默认是不支持Put/Delete请求的，那我们该如何配置呢？
打开web.xml，添加如下配置
<!-- 配置springmvc支持put/delete请求 -->
<filter><filter-name>HttpMethodFilter</filter-name><filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
</filter>
<filter-mapping><filter-name>HttpMethodFilter</filter-name><url-pattern>/*</url-pattern>
</filter-mapping>?? Step Two：准备Pojo
public class User {private String name;private Integer age;//省略Get、Set
}?? Step Three：四种请求的Controller层代码
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.http.HttpStatus;
import org.springframework.http.ResponseEntity;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;import com.mote.pojo.User;
import com.mote.service.UserService;@RequestMapping("/user")
@Controller
public class UserConroller {@Autowiredprivate UserService userService;/*** GET请求：获取用户* * @param id* @return*/@GetMapping("/{id}")@ResponseBodypublic ResponseEntity<User> getUser(@PathVariable("id") int id) {User user = userService.getUser(id);return new ResponseEntity<User>(user, HttpStatus.OK);}/*** POST请求：添加用户* @param user* @return*/@PostMapping()@ResponseBodypublic ResponseEntity<Integer> addUser(@RequestBody User user) {Integer numb = userService.addUser(user);return new ResponseEntity<Integer>(numb, HttpStatus.OK);}/*** PUT请求：修改用户* * @param user* @return*/@PutMapping()@ResponseBodypublic ResponseEntity<Integer> updUser(@RequestBody User user) {Integer numb = userService.updUser(user);return new ResponseEntity<Integer>(numb, HttpStatus.OK);}/*** DELETE请求： 删除用户* * @param id* @return*/@DeleteMapping("/{id}")@ResponseBodypublic ResponseEntity<Integer> delUser(@PathVariable("id") int id) {Integer numb = userService.delUser(id);return new ResponseEntity<Integer>(numb, HttpStatus.OK);}
}
??Step Four：四种请求对应的Ajax请求
//获取ID为1的用户function getUser() {$.ajax({url : "/restful/user/1",type : "get",success : function(data) {console.log(data);},error : function(data) {alert("服务器繁忙");}})}//添加用户function addUser() {var params = {name : "MrsY",age : 23}$.ajax({url : "/restful/user",contentType : 'application/json',data : JSON.stringify(params),type : "post",success : function(data) {console.log(data);},error : function(data) {alert("服务器繁忙");}})}//更新用户function updUser() {var params = {id : 1,name : "MrsY",age : 23}$.ajax({url : "/restful/user",contentType : 'application/json',data : JSON.stringify(params),type : "put",success : function(data) {console.log(data);},error : function(data) {alert("服务器繁忙");}})}//添加ID为1的用户function delUser() {$.ajax({url : "/restful/user/1",type : "delete",success : function(data) {console.log(data);},error : function(data) {alert("服务器繁忙");}})}
tip:实践过程中最容易碰到Ajax请求进不去后台方法，控制台报各种40x错误，这时候注意参考上面的代码，后台注意Spring注解的使用，前端注意Ajax参数的配置。