由浅入深一个Demo带你认识Restful风格的架构

2019-05-10 06:05:58来源：博客园阅读 ()

java作为一门后端语言，其厉害之处在于web，大家比较熟知的各种网络应用，java都能做，那么在这个移动优先的时代，如何继续发挥java的强大之处呢? 通常是让java作为一个app的服务端，为app客户端提供数据，做业务逻辑，所以我们用java来写接口，app客户端访问接口返回json格式数据文件进行解析，最后实现业务逻辑。这种方式就是我们通常所说的restful架构风格的api。

　　restful是一种架构思想，最初由Roy T. Fielding（HTTP/1.1协议专家组负责人）在其2000年的博士学位论文中提出。HTTP就是该架构风格的一个典型应用，其核心思想就是前后端分离，前端通过http请求，如www.xxxx.com/demo/username/password 来访问后端的接口，然后后端将处理好的数据封装为json返回，这样，后端只需关注具体业务逻辑提供接口，而前端只关心界面和数据渲染，提高了程序解耦性。在移动优先的时代，restful极为重要。通常一套后台可以让多种终端访问,包括移动端，pc端。通过restful改进的mvc 在java中比较容易实现restful的是SpringMVC框架，他提供了一套处理json的注解。通过@ResponseBody返回json数据，通过@ResquestBody解析json。

下面是一个web端访问我的java后台demo，java后台采用了springMVC和Hibernate。

java端：

 1 package cotroller;
 3 import java.util.HashMap;
 4 import java.util.Map;
 5 import java.util.List;
 7 import javax.servlet.http.HttpServletRequest;
 9 import jdk.nashorn.api.scripting.JSObject;
10 import model.Student;
11 import model.Teacher;
13 import org.springframework.stereotype.Controller;
14 import org.springframework.ui.Model;
15 import org.springframework.web.bind.annotation.PathVariable;
16 import org.springframework.web.bind.annotation.RequestBody;
17 import org.springframework.web.bind.annotation.RequestMapping;
18 import org.springframework.web.bind.annotation.RequestMethod;
19 import org.springframework.web.bind.annotation.ResponseBody;
23 import dao.Get;
24 import dao.StudentDAO;
25 
26 //登陆servlet
27 @Controller
28 public class LoginCotroller {    
29     /**
30      * 1. value="/doLogin/{username}/{password}" 拦截 xxx/doLogin/xx/xx
31      * 2. @ResponseBody 使用此注解将返回数据类型封装json
32      * 3. @PathVariable("username") 截取请求1.value中{username}的值
33      * 4. Map<String, Object> 服务端将值放入map中再封装为json,客户端方便通过key取出value
34      */
35     
36     StudentDAO studentDAO = new StudentDAO();//调用登陆判断方法
37     
38     @RequestMapping(value="/doLogin/{username}/{password}",method=RequestMethod.GET)
39     @ResponseBody
40     public Map<String, Object> getTeacher(@PathVariable("username") String username, @PathVariable("password") String password){    
41         System.out.println("拦截了客户端json请求");
42         Map<String, Object> map = new HashMap<String, Object>();
43         
44         if(studentDAO.loginByStudent(username, password)){
45             System.out.println("密码正确");
46             map.put("result", "1");
47             return map; //封装为json返回给客户端
48         }
49             
50         System.out.println("密码错误");
51         map.put("result", "0");
52         return map; //封装为json返回给客户端
53     }
54 
55 }

web端login页面的请求和解析

 1 <%@ page language="java" contentType="text/html; charset=utf-8"
 2   pageEncoding="utf-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 7 <title>客户端登录</title>
 8 </head>
 9 <script type="text/javascript" src="static/js/jquery-1.7.1.min.js"></script>;
10 <script type="text/javascript">
11    function  checnLogin(){
        $.ajax({
           type:"post",
           url:"<%=request.getContextPath%>/student/doLogin",
           data:{userName:$("#userName").val(),password:$("#password").val()}
           dataType:"json",
           success:function(data){
             $("#loginResult").text(data);
           }
        });
      }

12  </script> 
13 <body> 
14 <form action="#" method="post"  > 
15 　　<table align="left"> 
16  　　<tr> 
17      <td>用户登录</td> 
18     </tr> 
19     <tr>

20      <td>用户名：</td>
21      <td><input type="text" name="loginName" id="loginName"  value="${loginName }"/></td>
22      </tr>
23  　　<tr>
26       <td>密&nbsp;&nbsp;&nbsp;码：</td>
27       <td><input type="text" name="password"  id="password" value="${password }"/></td>
28     </tr>
29      <tr>
30       <td>
31      <input type="submit" value="登录" />&nbsp;&nbsp;&nbsp;
32      <input type="button" value="重置" onclick="checnLogin()"/>&nbsp;&nbsp;&nbsp;
34      </td>
35      </tr>
36      <br>
37       <tr>
38      <td colspan="2">登录结果:<span id="loginResult"></span></td>
39     </tr>
40     <br>
41      </table>
42       </form>
43     </body>    
44     </html>