Spring第二课响应的完全，如何理解前后端互联

 

目录

一、响应

@Control,@RestController

1.Controller的源码，代表什么意思

2.返回数据 @Responsebody

3.返回HTML片段

4.返回JSON

5.那么假如我们使用集合会怎么样呢

设置状态码，虽然不影响展示，但是确实显示起来也就是401的情况。

2.我们可以看到默认的情况下，它是text/html​​​​​​​，设置成application/json

设置标头（看响应，多个myhead)

前后端结合小案列

开发中程序报错，如何定位问题呢？

---

Cookie和Session的弊端

Cookie是客户端机制，Session是服务端机制

Cookie存在的问题是，他可以被伪造

Session存在的区别是分布式问题。

一、响应

@Control,@RestController

1.Controller的源码，代表什么意思

第一个Target后面的Type 表示注解后面可以接类，假如后面有method表示后面可以接方法

第二个是表示这个注解的生命周期

Spring这个东西可以被称为一个容器，可以简简单单加几个注解即可。

Controller的意思是告诉Spring，帮助我们管理这个代码，我们后续访问时候，才能访问到。

@ResponseBody告诉返回的是一个数据

@Control返回的是视图,随着前后端分离，后端开始不处理页面，就返回页面所需要的数据

@RestController=@Control+@ResponseBody的结果

2.返回数据 @Responsebody

可以修饰类，也可以修饰方法，修饰类的时候，表示这个类下的所有方法，返回的均是数据，修饰方法的时候，表示该方法返回的是数据，如果一个类的所有方法返回的都是数据，我们就把这个注解加在类上。

3.返回HTML片段

4.返回JSON

当接口返回的是String时，content-Type是text/html

当我们的接口返回的是对象时，content-Type  application-JSON

5.那么假如我们使用集合会怎么样呢

设置状态码，虽然不影响展示，但是确实显示起来也就是401的情况。

 @ResponseBody
    @RequestMapping("/setStatus")
    public String setStatus(HttpServletResponse response){
        //状态码不影响页面的展示
        response.setStatus(401);
        return "设置状态吗";
    }

2.我们可以看到默认的情况下，它是text/html​​​​​​​，设置成application/json

  @ResponseBody
//    @RequestMapping(value = "/r1",produces = "application/json;charset=utf-8")
@RequestMapping(value="/r1")
    public  String r1(HttpServletResponse response){
        return "{'OK':1}";
    }

我们可以通过指定的方式，来让这个变成application,可以设置返回类型。当然也不能强制转化成json不然也会报错。

consumes:指定处理请求的提交内容类型，例如application/json,text/html;如果指定application/json（更像是一个限制）

produces:设置返回的内容类型，仅当request请求头中的类型中包含该指定类型才返回。

  @ResponseBody
    @RequestMapping(value = "/r1",produces = "application/json;charset=utf-8")
//@RequestMapping(value="/r1")
    public  String r1(HttpServletResponse response){
        return "{'OK':1}";
    }

设置标头（看响应，多个myhead)

  @ResponseBody
    @RequestMapping(value = "/r1",produces = "application/json;charset=utf-8")
//@RequestMapping(value="/r1")
    public  String r1(HttpServletResponse response){
        //设置header的方法
        response.setHeader("myhead","myhead");
        return "{'OK':1}";
    }

前后端结合小案列

前端的一个计算器代码



    
    
    



    
计算器
    数字1：

    数字2：

    

对应着后端代码其中，name1的命名和name2命名，和form中name 保持一致

package com.example.demo;

import org.springframework.boot.context.config.InactiveConfigDataAccessException;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RequestMapping("/calc")
@RestController
public class CalcController {
    @RequestMapping("/sum")
    public  String sum(Integer num1,Integer num2){
        Integer sum=num1+num2;
        return "计算结果："+sum;
    }





}

开发中程序报错，如何定位问题呢？

通过日志 （打印日志，指的是在最开始就打印一个这种***看你的后端代码能否在执行之前打印出来，从而判定是不是后端有毛病）                                                                  请求是否到达后端

1.前端:f12看控制台         

2.后端:看接口，控制台日志

还可以我们手动去测试接口，假如这样好使，就说明前端的问题。

我们在访问前端的过程时候，前面8080后面什么也不用接，直接加路径名字即可。

以下是两个前端代码

    
    
    
    



登录人: 

    
    



用户登录
用户名：

密码：

下面是对应的后端代码,要注意的是看后端的思想

package com.example.demo;

import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpSession;

@RequestMapping("/user")
@RestController
public class UserController {
    @RequestMapping("/login")
    /*1.登录接口
    /user/login
    userName=?password=?
    接口返回:校验成功/失败      true密码正确
                             false密码错误
     */

    public Boolean login(String userName, String password, HttpSession session) {
//        if(userName==null||userName.length()==0||password==null||password.length()==0){
//            return false;
//        }
        /*
        上面的过于麻烦，Spring为我们提供来一个好东西，去判断这个字符串有没有长度
         */
        if (!StringUtils.hasLength(userName) || !StringUtils.hasLength(password)) {
            return false;
        }
        //进行用户名和密码的校验,假装账号等于admin，密码也是admin
        if ("admin".equals(userName) && "admin".equals(password)) {
            //设置session
            session.setAttribute("username", "admin");
            return true;
        }
        return false;
    }
    /*
    获取用户的登录信息
    /user/getUserInfo
    接口名称:当前登录用户的名称
     */
    /*@RequestMapping("/getUserInfo")
    public String getUserInfo(HttpSession session){
        //从session中获取登入用户
        String userName=(String) session.getAttribute("username");
        return userName;
    }*/
    //下面这种方式更加规范，因为上面那种假如说没有session会自动创建一个session，但是假如说session创建了，他也是空的不影响问题。
    @RequestMapping("/getUserInfo")
    public String getUserInfo(HttpServletRequest request){
        //Session获取登录用户，下面这个方式就是，假如session不为空，那么他也就不会去创建一个session
        HttpSession session= request.getSession(false);
        String username=null;
        if(session!=null){
            username=(String) session.getAttribute("username");
        }
        return username;

    }
}