最新【总结】网页状态码——200正常、302重定向(1)，让你明明白白的使用RecyclerView

最新推荐文章于 2024-08-10 15:19:33 发布
最新推荐文章于 2024-08-10 15:19:33 发布
阅读量330 收藏 10
点赞数 3
分类专栏： 程序员 文章标签： 单元测试 功能测试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82243828/article/details/138753066
版权

img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

            </otherwise>
        </choose>

        <if test="storey!=null">
            AND c_house.storey=#{storey}
        </if>
        <if test="areaMin!=null">
            AND c_house.area &gt;= #{areaMin}
        </if>
        <if test="areaMax!=null">
            AND c_house.area &lt;= #{areaMax}
        </if>
        <choose>
            <when test="status!=null and status.length>0 and !status[0]">
                <!-- 如果为false，则可以查询到非空闲房子-->
            </when>
            <otherwise>
                AND !status
            </otherwise>
        </choose>
    </where>
    <if test="areaOrderASC">
        ORDER BY c_house.area
    </if>
    <if test="areaOrderDESC">
        ORDER BY c_house.area DESC
    </if>
</select>



> 
> 前后端交互controller层，用专门前后端交互的实体类接收参数
> 
> 
>

// 2.处理搜索请求
// 默认显示所有可以选择的房间，放到左侧的框里，如果选择，双击，这条数据跳到右边的框里
@RequestMapping(“/query/house”)
@ResponseBody
public ResData queryHouse(
// @RequestParam(value = “buildingList”, defaultValue = “List[]”) List buildingList, // 楼栋
// Integer storey, // 楼层,没有用到
// Double areaMin,
// Double areaMax,
// @RequestParam(value = “areaOrderASC”,defaultValue = “false”) Boolean areaOrderASC,
// @RequestParam(value = “areaOrderDESC”,defaultValue = “false”) Boolean areaOrderDESC
@RequestBody HouseFront houseFront
){
Double areaMax = houseFront.getAreaMax();
Double areaMin = houseFront.getAreaMin();
Boolean areaOrderASC = houseFront.getAreaOrderASC();
Boolean areaOrderDESC = houseFront.getAreaOrderDESC();
Integer storey = houseFront.getStorey();
List buildingList = houseFront.getBuildingList();
List buildingIds = buildingList.stream().map(Building::getId).collect(Collectors.toList());

    System.out.println("查询条件："
            +areaMin+"/"
            +areaMax+"/"
            +buildingIds+"/"
            +storey+"/"
    );

    // 大小的问题
    if (!StringUtils.isBlank(areaMin) && !StringUtils.isBlank(areaMax)){
        if (areaMin.compareTo(areaMax)>0){
            return new ResData(1002, "最小面积不能大于最大面积", null);
        }
    }
    // 这个排序顺序不能两个都是true
    if (areaOrderASC && areaOrderDESC){
        return new ResData(1003, "排序条件冲突", null);
    }

    List<House> list = houseService.queryAllNoIntoHouse(buildingIds, storey, areaMin, areaMax, areaOrderASC, areaOrderDESC, true);
    list.forEach(System.out::println);
    return new ResData(200, "ok", list);
}


前端代码
新增业主

录入业主基础信息：
用户名：   真实姓名： 电话号码： 
身份证号：<input type="text" v-model="identity">
性别：
<input type="radio" v-model="gender" value="男">男
<input type="radio" v-model="gender" value="女">女
<br>
备注信息：<textarea v-model="notes" rows="3" cols="22"></textarea><br>
<br>
录入选房信息：<br>
<div>

    楼栋编号：
    <select v-model="buildingId">
        <option value="">--请选择楼栋--</option>
        <option v-for="building in buildingList" :value="building.id">{{building.num}}-{{building.unit}}</option>
    </select>
    <button @click="addBuildingId">添加楼栋</button>
    <button @click="resetSelectBuildsBtn">重选楼栋</button>
    <br>

    选中的楼栋为：
    <select multiple style="width: 100px" @dbclick="removeSelectedBuildingsBtn">
        <option v-for="building in selectedBuildingList" :value="building.id">{{building.num}}-{{building.unit}}</option>
    </select>
    楼层：
    <select v-model="selectFloor">
        <option value="">-选择楼层--</option>
        <option v-for="floors in floorList" :value="floors">{{floors}}层</option>
    </select>
    面积：
    <input type="text" v-model="areaMin" style="width: 50px" placeholder="小">---
    <input type="text" v-model="areaMax" style="width: 50px" placeholder="大">

    <button @click="areaASC">面积升序</button>
    <button @click="areaDESC">面积降序</button>

    <button @click="searchHouseBtn">搜索房子</button>
    <button @click="searchHouseBtnClr">重置搜索</button><br>
</div>

可选的房子为：
<select multiple style="width: 200px" @dblclick="selectHouseDbc">
    <option v-for="house in canSelectHouse" :value="house.id">
        {{house.num}}--{{house.unit}}--{{house.roomNum}}--{{house.area}}
    </option>
</select>

选中的房子为：
<select  multiple style="width: 200px" @dblclick="removeSelectedHouseDbc">
    <option v-for="house in selectedHouse" :value="house.id">
        {{house.num}}--{{house.unit}}--{{house.roomNum}}--{{house.area}}平米
    </option>
</select>
<br>
<button @click="add">添加</button>
<button @click="reset">重置</button><br>
<br>



> 
> 专门用来前后端交互的实体类
> 
> 
>

package com.tianju.entity;

import com.alibaba.druid.filter.AutoLoad;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;

import java.util.List;

/**
* 专门用来和前端交互的一个对象；
* 用于选房页面的复杂查询
*/
@Data
@NoArgsConstructor
@AllArgsConstructor
public class HouseFront {
private List buildingList;
private Integer storey;
private Double areaMin;
private Double areaMax;
private Boolean areaOrderASC;
private Boolean areaOrderDESC;
}


## 跨域问题及其解决


### 跨域问题CROS


同源策略：协议、域名(IP)、端口相同即为同源。浏览器的同源策略是一种约定，是浏览器最核心也是最基本的安全功能，如果浏览器少了同源策略，则浏览器的正常功能可能都会受到影响。


![在这里插入图片描述](https://img-blog.csdnimg.cn/3ac974668d2f4082a7d11878e783bca2.png)



> 
> 跨域是指：**浏览器A**从**服务器B**获取的静态资源，包括Html、Css、Js，然后在**Js**中通过**Ajax**访问**C服务器**的静态资源或请求。即：浏览器A从B服务器拿的资源，资源中想访问服务器C的资源。
> 
> 
> 
> 
> ---
> 
> 
>   
>  同源策略是指： 
>  **浏览器A**从 
>  **服务器B**获取的静态资源，包括Html、Css、Js，为了用户安全，浏览器加了限制，其中的 
>  **Js**通过 
>  **Ajax**只能访问 
>  **B服务器**的静态资源或请求。即：浏览器A从哪拿的资源，那资源中就只能访问哪。 
>  
> 
> ---
> 
> 
> 
> 同源是指：同一个请求协议(如：Http或Https)、同一个Ip、同一个端口，3个全部相同，即为同源。
> 
> 
> 


![在这里插入图片描述](https://img-blog.csdnimg.cn/69e8458d455a41b9bfade74b008ed34d.png)


### SpringBoot解决方案


#### （1）解决方案：后台允许跨域@CrossOrigin


要点：


* 出现在类上，表示对所有方法上都起作用；
* 出现在方法上，表示对方法起作用

package com.tinaju.bm.controller;

import com.tinaju.bm.dto.HttpResp;
import com.tinaju.bm.dto.ResultCode;
import com.tinaju.bm.entity.Book;
import com.tinaju.bm.service.IBookService;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiImplicitParam;
import io.swagger.annotations.ApiOperation;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.Date;
import java.util.List;

@Api(tags = “图书的api接口类”)
@RestController
@RequestMapping(“/api/book”)

@Slf4j
public class BookController {
@Autowired
private IBookService bookService;

@ApiOperation("findPage方法测试")
@ApiImplicitParam(name = "findByPage",value = "分页查询",required = true)
@GetMapping("/findByPage")
public HttpResp findByPage(int currentPage){
    List<Book> bookList = bookService.findByPage(currentPage, 5);
    return HttpResp.results(ResultCode.BOOK\_SUCCESS,new Date(),bookList);

}

@CrossOrigin // TODO:直接在后台允许跨域
@ApiOperation("查询所有图书接口")
@GetMapping("/findAll")
public HttpResp findAll(){
    long s1 = System.currentTimeMillis();
    List<Book> list = bookService.findAll();
    long s2 = System.currentTimeMillis();
    log.debug("查询耗时>>>>>>>>>>>"+(s2-s1)+"毫秒");
    return HttpResp.results(ResultCode.BOOK\_SUCCESS,new Date(),list);
}

}


#### （2）创建跨域类addCorsMappings




| 方法类 | 方法名称 | 必填 | 请求头字段 | 说明 |
| --- | --- | --- | --- | --- |
| CorsRegistry | addMapping | 是 | 无, 非Cors属性, 属于SpringBoot配置 | 配置支持跨域的路径 |
| CorsRegistration | allowedOrigins | 是 | Access-Control-Allow-Origin | 配置允许的源 |
| CorsRegistration | allowedMethods | 是 | Access-Control-Allow-Methods | 配置支持跨域请求的方法, 如：GET、POST，一次性返回 |
| CorsRegistration | maxAge | 否 | Access-Control-Max-Age | 配置预检请求的有效时间 |
| CorsRegistration | allowCredentials | 否 | Access-Control-Allow-Credentials | 配置是否允许发送Cookie, 用于 凭证请求 |
| CorsRegistration | allowedHeaders | 否 | Access-Control-Request-Headers | 配置允许的自定义请求头, 用于 预检请求 |
| CorsRegistration | exposedHeaders | 否 | Access-Control-Expose-Headers | 配置响应的头信息, 在其中可以设置其他的头信息 |



> 
> implements WebMvcConfigurer
> 
> 
> 


![在这里插入图片描述](https://img-blog.csdnimg.cn/a9792f1688f944b28aa16ab6105daf30.png)



> 
> addCorsMappings(CorsRegistry registry)
> 
> 
> 


![在这里插入图片描述](https://img-blog.csdnimg.cn/3f64dc9750834a39a46a55a5d7fdf69a.png)

package com.tinaju.bm.config;

import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

/**
* 解决跨域的问题
*/
@Configuration
public class BmWebConfig implements WebMvcConfigurer {
// 可以不写实现类的原因是 default void configurePathMatch(PathMatchConfigurer configurer)

@Override
public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/api/\*\*") // 所以级别下面的都允许跨域
            .allowedOrigins("\*") // 允许跨域
            .allowedMethods("GET","POST","PUT","DELETE")
            .allowedHeaders("\*"); // 允许头部
}

}


### 在Vue中进行代理允许跨域


![在这里插入图片描述](https://img-blog.csdnimg.cn/5b215b00e7c84885b923d7bf7a0b426f.png)

const { defineConfig } = require(‘@vue/cli-service’)
module.exports = defineConfig({
transpileDependencies: true,
devServer: {
port: 8080,
proxy: {
“/api”: { // 1.修改端口号
// （后端服务器地址）
// target: ‘http://124.70.138.34:10050’, // 2.配置代理服务器
target: ‘http://127.0.0.1:10050’, // 2.配置代理服务器
changeOrigin: true, // 3.允许跨域请求
pathRewrite: {
// ‘^/api’: ‘/’ // 4.把代理路径的api删除，类似正则表达
}
}
}
}

img
img
img

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

138.34:10050’, // 2.配置代理服务器
target: ‘http://127.0.0.1:10050’, // 2.配置代理服务器
changeOrigin: true, // 3.允许跨域请求
pathRewrite: {
// ‘^/api’: ‘/’ // 4.把代理路径的api删除，类似正则表达
}
}
}
}

[外链图片转存中…(img-HQOWjauc-1715490880215)]
[外链图片转存中…(img-tcflnUof-1715490880215)]
[外链图片转存中…(img-wwyfkZSr-1715490880216)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化的资料的朋友，可以戳这里获取

2301_82243828
关注
专栏目录
axios 重定向问题解决_axios 处理 302 状态码的解决方法
weixin_39925813的博客
12-22 5297
比如说浏览器打开了一个单页面(SPA)应用，过了一段时间token(或者session)过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。 我这是使用的是 Vue + axios ，发现 axios 无法拦截到 302请求，下面是处理的过程。思考google axios 302 handle 看到 axios github 上的两个讨论• https://g...
axios 重定向问题解决_axios 处理 302 状态码的解决方法
weixin_39822728的博客
12-22 3416
比如说浏览器打开了一个单页面(SPA)应用，过了一段时间token(或者session)过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码跳转到login页面。 我这是使用的是 Vue + axios ，发现 axios 无法拦截到 302请求，下面是处理的过程。思考google axios 302 handle 看到 axios github 上的两个讨论得到的结论就是：浏览器发...
HTTP状态码100、200、300、400、500、600的含义
菜小徐的博客
05-05 4394
HTTP状态码(HTTP Status Code) 是当我们访问网页服务器，服务器做出相应的状态的3位数的数字代码。主要包括“1xx”（消息）、“2xx”（成功）、“3xx”（重定向）、“4xx”（请求错误）和“5xx”或“6xx”（服务器错误）五种不同类型。比较常见的状态码有：HTTP: Status 200 – 服务器成功返回网页HTTP: Status 404 – 请求的网页不存在HTTP: Status 503 – 服务不可用。
java怎么返回http状态码200
weixin_42577735的博客
01-06 1131
在 Java 中，你可以使用 HttpServletResponse 对象的 setStatus() 方法来设置 HTTP 状态码。例如： HttpServletResponse response; response.setStatus(200);
HTTP常见状态码（200、201、304、400、404、500）等错误
最新发布
o1o2o3o4o5的专栏
08-10 3859
表示要完成请求，需要进一步操作。例如，浏览器可能不得不请求服务器上的不同的页面，或通过代理服务器重复该请求。服务器在响应与前一个请求相冲突的 PUT请求时可能会返回此代码，以及两个请求的差异列表。303（查看其他位置）- 请求者应当对不同的位置使用单独的 GET 请求来检索响应时，服务器返回此代码。307（临时重定向）- 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。302（临时移动）- 服务器目前从不同位置的网页响应请求，但请求者应继续使用原有位置来进行以后的请求。
常见的http状态码出现原因200、301、302、403、404、500、503
热门推荐
风华浪浪的博客
07-05 2万+
200 请求被成功处理 成功请求 301 永久性重定向 比如建设一个网站后，将网站的url变换了，重新申请一个域名，但是希望之前的用户访问之前url仍然可以访问到，就可以做一个重定向新的url下面。比如京东最早域名www.360buy.com名重定向到现在www.jd.com 302 临时性重定向 比如用户在未登录时访问个人中心页面，这时可以临时...
页面HTTP状态查询“返回状态码：200 ”是什么意思？（网页响应状态码）
Dontla的博客
03-08 2万+
200是响应正常的意思，这个是服务器返回页面的响应头信息。里面bai的Transfer-Encoding: chunked，意思是使用了提前不可知数据长度的传输方式，需要浏览器继续读取响应，接下来才知道真实的数据长度。 网页返回状态码的含义详细介绍 1、 1xx（临时响应）用于表示临时响应并需要请求者执行操作才能继续的状态代码。 （1）100（继续） 请求者应当继续提出请求。服务器返回此代码则意味着，服务器已收到了请求的第一部分，现正在等待接收其余部分。 （2）101（切换协议） 请求者已要求服务器
【总结】网页状态码——200正常、302重定向、304客户端有缓存、400浏览器请求传参异常、404未找到、405方法不允许、415不支持的媒体？、500服务器异常 & 跨域
Arya的博客，专注后端领域
06-24 1371
网页状态码——200、302、304、400、404、405、415、500，跨域
CTf_WriteUp_HTTP——302临时重定向
Art_Dillon
03-26 2212
HTTP——302临时重定向 题目描述 点击给出的链接后，没有发生任何变化。 解决方案 通过擦好看网络请求，可以发现发生了302临时跳转，所以我们无法通过浏览器直接访问未跳转的页面，而flag 可能藏在我们目前无法访问的页面之中。所以我们要想办法去访问未跳转的原网站。 而不强制跳转我们可以通过curl指令来完成。因为curl默认是不跟随重定向的。 成功在命令行中找出flag； 相关知识 什么是...
HTTP状态码重定向区别以及优先级
龚建华的博客
03-11 2900
1. 涉及重定向的HTTP状态码 HTTP301永久重定向说明请求的资源已经被移动到了由Location头部指定的url上，是固定的不会再改变。搜索引擎会根据该响应修正。 尽管标准要求浏览器在收到该响应并进行重定向时不应该修改http method和body，但是有一些浏览器可能会有问题。所以最好是在应对GET或HEAD方法时使用301，其他情况使用308来替代301。 HTTP302Found重定向状态码表明请求的资源被暂时的移动到了由Location头部指定的 UR...
HTTP error Code
MN1107
10-04 734
一些常见的状态码为：200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 详细分解：1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。代码 说明 100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。2xx （成功
常见的http返回状态码（200、301、302、400）
在热爱技术的路上一直前行。
04-21 1万+
当客户端通过http协议向服务端发送请求时，服务端会向客户端返回一个状态码表示请求结果。 状态码 含义 100 告诉客户端应该继续发送请求，这个临时响应是用来通知客户端的。部分的请求服务已经接受，但是客户端应继续发送请求的剩余部分，如果请求已经完成，就忽略这个响应，而且服务器会在请求完成后向客户端发送一个最终的结果。 200 表示响应请求成功。（这是我们最想看到的） 202 表示请求已经被受理还未作出响应。 400 表示请求无效，常见的情况是请...
http的响应码200，404，302，500表示的含义分别是
gccv_的博客
07-05 8495
200 - 确定。客户端请求已成功404 - 未找到文件或目录302 - 临时移动转移，请求的内容已临时移动新的位置500 - 服务器内部错误。
HTTP常见状态码（404、400、500）等错误
yhr0322的博客
11-14 875
一些常见的状态码为： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 详细分解 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部分。 101 （切换协议） 请求者已要求服务器切换协议，服务器已确认并准备切换。 2xx （成功） 表...
状态码详情介绍
nichoushajushsuo的博客
10-08 1121
http中5类状态码，详情介绍
HTTP状态码汇总（常见）(1)，不愧是阿里大佬
m0_61331573的博客
04-05 1130
AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**是服务器返回给客户端的，其核心作用是web服务器来告诉客户端，当前网页发生的什么事，或者说当前web服务器的响应状态。，也就是说请求的网页程序本身报错了。
移动端开发应该注意的知识点
mapbar_front的博客
11-22 416
font-weight的属性设置 在写css的时候，如果给font-weight的属性值为600，600的意思是加粗，但是这个加粗在android上不起效果，在ios起效果。 最好这样设置font-weight的属性：（bold） .fontWeight { font-weight: bold; } 关于meta标签的作用 &amp;amp;lt;meta http-equiv=&amp;quot;Cache-Control&amp;quot;...
IOS开发基础知识--碎片48
weixin_33755649的博客
09-05 229
1：Assertion failure in dequeueReusableCellWithIdentifier:forIndexPath:  static NSString *CellIdentifier = @"Cell"; UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifi...
HTTP状态码详解：成功、重定向、错误代码解析
最常见的状态码是200（成功），意味着请求的网页已被成功返回。201（已创建）表示服务器已创建了新的资源；202（已接受）说明服务器已接收请求，但处理还在进行中；203（非授权信息）意味着响应数据可能来自第三方；...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值