WEB核心【会话技术】第十五章

news2024/11/20 2:43:36

目录

  • 💂 个人主页: 爱吃豆的土豆
  • 🤟 版权: 本文由【爱吃豆的土豆】原创、在CSDN首发、需要转载请联系博主
  • 💬 如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦
  • 🏆人必有所执,方能有所成!

  • 🐋希望大家多多支持😘一起进步呀!

1,会话技术

        1.1,简述及分类

        1.2,浏览器端会话技术-cookie【阶段重点】

                1.2.1:简述&入门

                1.2.2:注意事项

                1.2.3:持久化

                1.2.4:有效路径        

                1.2.5:唯一标识


1,会话技术

        1.1,简述及分类

会话:一个客户端(浏览器)与Web服务器之间连续发生的一系列请求和响应过程会话技术:用来保存会话过程中产生的数据

会话技术:

保存在浏览器的会话技术---Cookie

保存在服务器的会话技术---Session

会话开启:浏览器开启,第一次访问服务器

会话关闭:浏览器关闭

        1.2,浏览器端会话技术-cookie【阶段重点】

                1.2.1:简述&入门

Cookie是由服务器进行编写、读取

Cookie是由浏览器进行保存

Cookie传递中,cookie是k=v键值对方式传递。

依赖请求头Cookies 、响应头Set-Cookie

 

 

 

/**
 * 写cookie
 */
public void run1(){
    //1、服务器端创建cookie对象,key value   ,key和value必须是String
    Cookie c1 = new Cookie("k1", "v1");
    Cookie c2 = new Cookie("k2", "v2");
    //2、将cookie追加到响应头
    HttpServletResponse response = getResponse();
    response.addCookie(c1);
    response.addCookie(c2);

 

请求头中有cookie信息:

 

上述方法若获取不到cookie,就会返回Null

/**
 * 读cookie
 */
public void run2(){
    //1、获取request对象
    HttpServletRequest request = getRequest();
    //2、读取cookie信息,每个cookie是一个cookie对象,多个cookie是一个cookie[]
    Cookie[] arr = request.getCookies();
    //3、遍历数组,每遍历一个cookie对象。 通过getName获取key   通过getValue获取value
    if(arr!=null){
        for (Cookie cookie : arr) {
            System.out.println(cookie.getName()+"="+cookie.getValue());
        }
    }
}

注意:

  1. 关闭服务器,不会影响浏览器保存的cookie
  2. 关闭浏览器(会话技术),会导致自定义保存的cookie失效(临时cookie)

小结:

Cookie是由服务器编写、读取

Cookie是由浏览器保存

                1.2.2:注意事项

 

一次性不能向前端写出过多cookie

Cookie不要滥用,否则会导致新cookie数据无法保存问题。

3,

public static void main(String[] args) throws UnsupportedEncodingException {
    String str = "小张";
    String encode = URLEncoder.encode(str, "utf-8");
    System.out.println(encode);//%E5%B0%8F%E5%BC%A0
    String decode = URLDecoder.decode(encode, "utf-8");
    System.out.println(decode);//小张
}
/**
 * cookie中文
 */
public void run4() throws UnsupportedEncodingException {
    Cookie c = new Cookie("k3", URLEncoder.encode("小张","utf-8"));
    getResponse().addCookie(c);
}

 

public void run5() throws UnsupportedEncodingException {
    //1、获取request对象
    HttpServletRequest request = getRequest();
    //2、读取cookie信息,每个cookie是一个cookie对象,多个cookie是一个cookie[]
    Cookie[] arr = request.getCookies();
    //3、遍历数组,每遍历一个cookie对象。 通过getName获取key   通过getValue获取value
    if(arr!=null){
        for (Cookie cookie : arr) {
            System.out.println(cookie.getName()+"="+ URLDecoder.decode(cookie.getValue(),"utf-8"));
        }
    }
}

Cookie:不能直接存中文,会报非法参数异常,可以使用URL编码存储cookie,可以使用URL解码从cookie取出中文信息 

                1.2.3:持久化

 

  1. 持久化cookie

 

/**
 * 持久化cookie
 */
public void run6(){
    //1、创建cookie对象
    Cookie c = new Cookie("k4", "v4");
    //2、设置存活时间 (≥0  持久化cookie    -1 临时cookie)
    c.setMaxAge(60);//60秒
    //3、添加响应头
    getResponse().addCookie(c);
}

小结:

持久化cookie,不以浏览器关闭而销毁cookie,以cookie过期来销毁cookie。

持久化cookie传递时:

Set-Cookie:k=v;到期时间;

 2、cookie立即过期(删除cookie)

/**
 * 持久化cookie-立刻销毁
 */
public void run7(){
    //1、创建cookie对象
    Cookie c = new Cookie("k5", "v5");
    //2、立刻销毁
    c.setMaxAge(0);
    //3、添加响应头
    getResponse().addCookie(c);
}

解析:向浏览器写出一个k5=v5 cookie,该cookie在1970年1月1号就过期(早就过期了)

注意:

SetMaxAge(0); 立刻过期,立刻销毁(删除某个cookie)

 

3、删除某个cookie

默认情况下:cookie名称如果相同,就会新的键值对覆盖旧的键值对。

第一次执行:k1=v1;过期时间是2021/7/1 17:45:00

第二次执行:k1=v3;过期时间是2021/7/2 17:45:00

浏览器保存的是k1=v3;过期时间是2021/7/2 17:45:00

若我们设置了一个cookie,该cookie是7天后才过期。

若需要删除该cookie,只需要服务器重新设置该cookie有效时间为0.

/**
 * 设置保存7天的cookie
 */
public void run8(){
    Cookie c = new Cookie("k8", "v8");
    c.setMaxAge(60*60*24*7);//7天
    getResponse().addCookie(c);
}

/**
 * 让保存7天的cookie,立刻销毁删除
 */
public void run9(){
    Cookie c = new Cookie("k8", "");
    c.setMaxAge(0);//立刻销毁
    getResponse().addCookie(c);
}

小结:如果我们需要删除某个cookie,默认情况下,需要cookie名和待删除cookie的名字保持一致,setMaxAge(0),写出响应头,即可覆盖原先在浏览器保存的cookie,该cookie会立刻过期销毁,达到删除cookie的目的。

                1.2.4:有效路径     

   

浏览器:

C1:   /项目名/aaa/

C2:   /项目名/bbb/

C3:   /项目名/aaa/bbb/

访问路径:

http://localhost:8080/项目名/ 没有cookie发给服务器

http://localhost:8080/项目名/aaa/1.html c1被发给服务器

http://localhost:8080/项目名/aaa/bbb/1.html c1和c3被发给服务器

http://localhost:8080/项目名/bbb/1.html c2被发给服务器

 

两种常见设置方式:

  1. 当前服务器可用cookie:  setPath("/");    http://localhost:8080/
  2. 当前项目某个模块cookie:setPath("/项目名/模块名/");

setPath("/p1/user/");   http://localhost:8080/p1/user/

setPath("/p1/product/");   http://localhost:8080/p1/product/

 

/**
 * cookie有效路径设置
 */
public void run10(){
    Cookie c1 = new Cookie("c1", "v1");
    Cookie c2 = new Cookie("c2", "v1");
    Cookie c3 = new Cookie("c3", "v1");
    //设置有效路径
    c1.setPath("/day10_1/aaa/");
    c2.setPath("/day10_1/bbb/");
    c3.setPath("/day10_1/aaa/bbb/");

    getResponse().addCookie(c1);
    getResponse().addCookie(c2);
    getResponse().addCookie(c3);
}

                1.2.5:唯一标识

 

/**
 * cookie唯一标识
 */
public void run11(){
    Cookie a1 = new Cookie("a1", "v1");
    Cookie a2 = new Cookie("a1", "v2");
    //a1.setDomain();//设置域名
    a1.setPath("/day10_1/aaa/");
    a2.setPath("/day10_1/bbb/");

    getResponse().addCookie(a1);
    getResponse().addCookie(a2);
}

 

如果唯一标识都相同:两个cookie相互覆盖,新cookie覆盖旧cookie

如果唯一标识不相同:两个cookie分别保存,互不影响

补充:

有效路径认知:

如果当前servlet的访问路径是:

http://localhost:8080/day10_1/aaa/bbb/d1?method=run1

若该servlet设置cookie,没有手动给予有效路径,有效路径默认为当前目录:

/day10_1/aaa/bbb/

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/409029.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

【JavaScript】VUE前端实现微信版录制音频wav格式转化成mp3格式和Base64

一、前言 前端有个需求是要实现一个像微信一样,按住录音,松开发送语音,期间踩了不少坑,特地记录一下,主要用到两个库 js-audio-recorder :负责录制音频,支持的格式只有wav、pcmLAMPjs &#x…

三更Blog项目总结(p1~p40)

文章目录项目创建——多模块开发功能业务逻辑总结热门文章列表分类列表分页文章查询文章详情友链查询登录功能退出登录视频地址:SpringBoot项目实战-前后端分离博客项目-Java项目_哔哩哔哩_bilibili 项目创建——多模块开发 整个系统分为前台模块(blog&…

三步解决微信小程序cdn加速(资源大小超过200k)

刚开始开发小程序的时候,上传代码会遇到这样的问题:图片和音频资源大小超过 200 K 下面是官方建议 【建议】小程序代码包里可以存放一些必要的静态资源(例如tabbar的icon等),不过静态资源体积过大也会影响小程序代码…

运行安装vue3+vite+Ts项目报错,无法加载vite.config.ts文件(failed to load config from D:\XXX\vite.config.ts)

git 上面拉别人的vue3viteTs项目, 安装依赖成功之后运行,出现报错 failed to load config from D:\XXX\vite.config.ts 百度搜索的结果是用 pnpm进行下载 然后卸载node_modules文件进行重新下载,这时候有出现问题 自己的node版本太低。如…

【Node.js+koa--后端管理系统】设计动态发布、修改、查询、删除接口

🍳作者:贤蛋大眼萌,一名很普通但不想普通的程序媛\color{#FF0000}{贤蛋 大眼萌 ,一名很普通但不想普通的程序媛}贤蛋大眼萌,一名很普通但不想普通的程序媛🤳 🙊语录:多一些不为什么的…

级联选择器(el-cascader)动态加载(lazyLoad)实现省市区三级选择

开开心心工作,兢兢业业生活 一、实现省市区级联选择(插件) 1. 需求:实现一个省市区的级联选择器,点击一级,动态加载下一级 那好,我们找个轮子 2. 他山之石(找个轮子) E…

Eclipse配置Tomcat详细教程,其中包含如何使用eclipse+tomcat创建并运行web项目

一:Tomcat的下载官网:Apache Tomcat - Welcome!https://tomcat.apache.org/ 进入官网显示如图所示的界面,在下下载的是Tomcat9.0版本,你可以自己选一款。 点击然后进入下面这个界面: 在下电脑是64位,所以 在下下载的6…

【vue】仿PC端微信制作聊天框

前言 采用(vuevue-routervuexes6stylus) 来实现一个仿PC端微信的小demo,可以使用一个智能api,实现智能对话。欢迎大家对鄙人提出宝贵意见,相互学习讨论,一起进步。 demo地址 源码地址 demo做的是PC版,建议使用电脑预…

我的VUE 学习之路(下)

前言: 在经历过前面在HTML下的VUE相关基础的洗礼后,我们可以动手去做一些事了,此时发现直接通过直接VUE组件方式与之前在HTML不同,首先要“静一静”,细看之下只是对之前的很多写法做了封装。 本文旨在直接上手Vue项目下…

FormData详解

FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去,本接口和此方法都相当简单直接。如果表单 enctype 属性设为 multipart/form-data ,则会使用表单的 submit(…

vue项目控制台报错信息问题记录:Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘)

在写vue项目的时候,控制台总是报错如下代码: 1、Uncaught TypeError: Cannot read properties of null (reading ‘setAttribute‘) 主要是因为某些代码书写不规范,导致templete解析不出来,从而报错 解决方案: 检查下…

uniapp 实现生成海报并分享给微信好友和保存到本地相册

记录uniapp 生成二维码海报并保存到本地或者分享给微信好友 – 文章目录记录uniapp 生成二维码海报并保存到本地或者分享给微信好友前言一、引入生成二维码的组件二、点击右侧的分享图标生成海报三:将canvas 图片转化成图片(最关键)四&#…

el-tree设置利用setCheckedNodes/setCheckedKeys默认勾选节点,以及通过setChecked新增勾选指定节点

实现目标:在生成el-tree时,默认勾选其中某几个选项;或在进行某个选项的选中时,同时勾选上另一个选项。 实现效果: 在生成树结构时,默认勾选其中的两个选项。 在勾选其中一个选项时,另一个选项…

微前端之 qiankun 入门、上手、实战(构建大型 web 应用)

目录 前言 正文 一、介绍 微前端 qiankun 二、快速上手 ​☛主应用 ① 安装 qiankun ② 在主应用中注册微应用 ​☛微应用 ① 导出相应的生命周期钩子 ② 配置微应用的打包工具 三、项目实战 ​☛主应用 ① 安装 qiankun ② 注册微应用并启动 ③ 主应用添加…

ES6--》对象扩展方法

目录 对象扩展 name 属性 属性的遍历 super关键字 Object.is() Object.assign() Object.getOwnPropertyDescriptors() Object.setPrototypeOf() Object.getPrototypeOf() Object.keys()、Object.values、Object.entries()、Object.fromEntries() Object.hasOwn() 对…

如何在 2022 年为 Web 应用程序选择技术堆栈

文章目录什么是技术堆栈?为 Web 开发选择技术堆栈时要考虑的事项选择熟悉的技术跟随趋势考虑项目的细节确保高安全级别记住你的最后期限选择前端技术栈框架编程语言选择后端技术栈编程语言数据库技术堆栈是您应用程序的核心选择最佳的 Web 应用程序堆栈并非易事&…

vue3+ts遇到的小问题

插件volar安装了没有提示。 解决:1. 检查是或否是最新的版本,是的话进入拓展设置,所有的选项都勾选 2. 还是不行就要更新vscoe了。一般的话会在力捕抓到一个错误。跟新就好了 TypeScript intellisense is disabled on template. To enab…

【简陋Web应用2】人脸检测——基于Flask和PaddleHub

文章目录🚩 前言🌺 效果演示🥦 分析与设计🍉 实现🍬 1. 部署人脸检测模型🍭 2. 使用Flask构建app2.1 目录结构2.2 forms.py2.3 utils.py2.4 app.py2.5 index.html🥝 Bug(s)🚩 前言 本…

Vue根据网络文件路径下载文件【自定义属性 v-down】

Vue根据网络文件路径下载文件【v-down】标准使用方式企业级Vue开发集成(全局挂载)1.src目录下创建directive文件夹(存在则忽略)2.down.js文件3.directive根目录创建index.js文件4.main.js 注册自定义属性全局挂载提到下载文件大家首先肯定会想到 模拟点击…

vue2 使用 cesium 篇 【第一篇】

vue2 使用 cesium 篇 今天好好写一篇哈,之前写的半死不活的。首先说明:这篇博文是我边做边写的,小白也是,实现效果会同时发布截图,如果没有实现也会说明,仅仅作为技术积累,选择性分享&#xff0…