开发区建设业联合会网站,广西住房与建设厅网站,wordpress301改不回来,北京高端网站设计目录 一、响应
Control,RestController
1.Controller的源码#xff0c;代表什么意思
2.返回数据 Responsebody
3.返回HTML片段
4.返回JSON
5.那么假如我们使用集合会怎么样呢
设置状态码#xff0c;虽然不影响展示#xff0c;但是确实显示起来也就是401的情况。
2.我…
目录 一、响应
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返回的是视图,随着前后端分离后端开始不处理页面就返回页面所需要的数据 RestControllerControlResponseBody的结果 2.返回数据 Responsebody 可以修饰类也可以修饰方法修饰类的时候表示这个类下的所有方法返回的均是数据修饰方法的时候表示该方法返回的是数据如果一个类的所有方法返回的都是数据我们就把这个注解加在类上。 3.返回HTML片段 4.返回JSON 当接口返回的是String时content-Type是text/html 当我们的接口返回的是对象时content-Type application-JSON 5.那么假如我们使用集合会怎么样呢 设置状态码虽然不影响展示但是确实显示起来也就是401的情况。 ResponseBodyRequestMapping(/setStatus)public String setStatus(HttpServletResponse response){//状态码不影响页面的展示response.setStatus(401);return 设置状态吗;} 2.我们可以看到默认的情况下它是text/html设置成application/json ResponseBody
// RequestMapping(value /r1,produces application/json;charsetutf-8)
RequestMapping(value/r1)public String r1(HttpServletResponse response){return {OK:1};} 我们可以通过指定的方式来让这个变成application,可以设置返回类型。当然也不能强制转化成json不然也会报错。 consumes:指定处理请求的提交内容类型例如application/json,text/html;如果指定application/json更像是一个限制 produces:设置返回的内容类型仅当request请求头中的类型中包含该指定类型才返回。 ResponseBodyRequestMapping(value /r1,produces application/json;charsetutf-8)
//RequestMapping(value/r1)public String r1(HttpServletResponse response){return {OK:1};} 设置标头看响应多个myhead) ResponseBodyRequestMapping(value /r1,produces application/json;charsetutf-8)
//RequestMapping(value/r1)public String r1(HttpServletResponse response){//设置header的方法response.setHeader(myhead,myhead);return {OK:1};} 前后端结合小案列 前端的一个计算器代码
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/head
body
form actioncalc/sum methodposth1计算器/h1数字1input namenum1 typetextbr数字2input namenum2 typetextbrinput typesubmit value 点击相加
/form
/body/html
对应着后端代码其中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 sumnum1num2;return 计算结果sum;}}开发中程序报错如何定位问题呢 通过日志 打印日志指的是在最开始就打印一个这种***看你的后端代码能否在执行之前打印出来从而判定是不是后端有毛病 请求是否到达后端 1.前端:f12看控制台 2.后端:看接口控制台日志 还可以我们手动去测试接口假如这样好使就说明前端的问题。 我们在访问前端的过程时候前面8080后面什么也不用接直接加路径名字即可。 以下是两个前端代码
!doctype html
html langenheadmeta charsetUTF-8meta nameviewportcontentwidthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scale1.0meta http-equivX-UA-Compatible contentieedgetitle用户登录首页/title
/headbody
登录人: span idloginUser/spanscript srchttps://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js/script
script//页面加载的时候就应该去调用后端的请求了,ajax的执行顺序看你写到哪里上一个那个是在函数里面才被调用但是这个是直接到了script也就是一加载就会被调用的$.ajax({url:/user/getUserInfo,type:get,success :function (username){//放值就用text,不是放值就去用html$(#loginUser).text(username)}})/script
/body/html !DOCTYPE html
html langenheadmeta charsetUTF-8title登录页面/title
/headbody
h1用户登录/h1
用户名input nameuserName typetext iduserNamebr
密码input namepassword typepassword idpasswordbr
input typebutton value登录 onclicklogin()script srchttps://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js/script
script//form表单使页面进行跳转页面跳转要搭配后端来进行页面跳转的因为我们后端不再搭配前端来进行显示了。所以用ajax完成页面的请求function login() {console.log(登录...)//这种就属于是加日志它是为了检测是否到达了这个函数$.ajax({url:/user/login,type:post,data:{userName:$(#userName).val(),password:$(#password).val()},success:function (result){if(result){location.href/index.html//location.assign();}else{alert(密码错误);}}});}/script
/body/html
下面是对应的后端代码,要注意的是看后端的思想
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/loginuserName?password?接口返回:校验成功/失败 true密码正确false密码错误*/public Boolean login(String userName, String password, HttpSession session) {
// if(userNamenull||userName.length()0||passwordnull||password.length()0){
// return false;
// }/*上面的过于麻烦Spring为我们提供来一个好东西去判断这个字符串有没有长度*/if (!StringUtils.hasLength(userName) || !StringUtils.hasLength(password)) {return false;}//进行用户名和密码的校验,假装账号等于admin密码也是adminif (admin.equals(userName) admin.equals(password)) {//设置sessionsession.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不为空那么他也就不会去创建一个sessionHttpSession session request.getSession(false);String usernamenull;if(session!null){username(String) session.getAttribute(username);}return username;}
}
