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

       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>

   https://www.cnblogs.com/yshang/p/10654491.html

原文地址:https://www.cnblogs.com/zhaosq/p/10655551.html