首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【畅购商城】购物车模块之查看购物车

    目录 分析 接口 后端实现 前端实现:显示页面 前端实现:显示购物车信息 分析 用户如果没有登录,购物车存放在浏览器端的localStorage处,且以数组的方式进行存储。...用户如果登录了,购物车存放在redis中,以Cart对象字符串方式存储。...步骤一:修改api.js 查询购物车信息 步骤二:页面加载成功后,获得购物车信息(如果登录从后端获取,如果没有登录从浏览器端获得) 步骤三:遍历显示购物车信息, 步骤四:通过计算属性,计算总价格 步骤一...:修改apiclient.js 查询购物车信息 //查询购物车 getCart : () => { return axios.get("/cart-service/carts") }..., 步骤二:页面加载成功后,获得购物车信息(如果登录从后端获取,如果没有登录从浏览器端获得) data() { return { cart : [],        //购物车对象

    2.1K20

    Cookie

    Cookie 本文章整理自:阮一峰Cookie 参考「每日一题」简述 Cookie 是什么 什么是Cookie Cookie 是服务器保存在浏览器的一小段文本信息。...Cookie的作用 Cookie 主要用来分辨两个请求是否来自同一个浏览器 用来保存一些状态信息,例如: 对话(session)管理:保存登录、购物车等需要记录的信息。...Cookie的组成 Cookie 包含以下几方面的信息: Cookie 的名字 Cookie 的值(真正的数据写在这里面)(1、2两点就是键值对 ) 到期时间 所属域名(默认是当前域名) 生效的路径...[page content] 除了 Cookie 的值,Set-Cookie字段还可以附加 Cookie 的属性。...document.cookie读写当前网页的Cookie 读Cookie 读取的时候,它会返回当前网页的所有 Cookie,前提是该 Cookie 不能有HTTPOnly属性。

    2.4K10

    Cookie的路径以及Cookie域

    HTML5学堂:在之前的文章《使用cookie实现换肤功能》当中,曾经介绍过关于cookie的用法,也书写了一个简单的demo,在这篇文章当中,主要针对cookie中的路径和域的问题进行讲解。...关于cookie的基本用法 在此前的《cookie语法 使用cookie实现换肤功能》一篇文章当中,针对cookie的用法进行了比较详细的介绍,感兴趣的同学可以点击查看,在这篇文章当中我们就不进行额外的讲解了...cookie 路径 cookie 一般都是由于用户访问页面而被创建的,可是并不是只有在创建 cookie 的页面才可以访问这个cookie。...在默认情况下,出于安全方面的考虑,只有与创建 cookie 的页面处于同一个目录或在创建cookie页面的子目录下的网页才可以访问。...让这个设置的cookie 能被其他目录或者父级的目录访问的方法: document.cookie = "userName = HTML5学堂刘国利; path=/"; cookie 域 路径能解决在同一个域下访问

    2.4K40

    Cookie

    什么是cookie cookie:会话跟踪技术 客户端 session:会话跟踪技术 服务端 在网页中怎么查看cookie里面的数据情况?...1.可以在编辑器中输入document.cookie,然后打印或输出即可 2.Chrome浏览器中F12打开,开发者工具 —— Application面板中查找cookie即可 cookie作用: 将网页中的数据保存到浏览器中...cookie生命周期: 默认情况下cookie生命周期是一次会话(浏览器被关闭) 可以通过expires来设置cookie的生命周期 如果通过expires=设置了过期时间, 并且过期时间没有过期,...= "name=xuyuxin;expires="+date.toGMTString()+";"; alert(document.cookie); cookie其他注意点: cookie默认不会保存任何数据...cookie不能一次性保存多条数据 cookie保存数据有大小和个数限制: 个数限制:20~60 , 总大小不能超过4KB左右 cookie作用范围: 同一个浏览器同一个路径下访问 如果在同一个浏览器中

    2K20
    领券