zoukankan      html  css  js  c++  java
  • 利用js模拟用户的cookie信息保存

    注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6814761849708347907/

    默认已完成爬虫文档《爬虫学习文档顺序

    利用js模拟用户的cookie信息保存

     

    并简单搭建完展示页面和管理后台的练习部分

    例如

    管理后台:

    利用js模拟用户的cookie信息保存

     

    展示页面:

    利用js模拟用户的cookie信息保存

     

    接下来完成Cookie的实现

    思路如下图:

    利用js模拟用户的cookie信息保存

     

    创建一个js文件和index.jsp文件

    利用js模拟用户的cookie信息保存

     

    jsp文件内容,都是默认实现,主要是为了引入analytics.js

    利用js模拟用户的cookie信息保存

     

    编写analytics.js文件,函数初始结构

    利用js模拟用户的cookie信息保存

     

    添加一个CookieUtil工具

    利用js模拟用户的cookie信息保存

     

    获取cookie的函数

    利用js模拟用户的cookie信息保存

     

    设置cookie的函数

    利用js模拟用户的cookie信息保存

     

    后续部分

    利用js模拟用户的cookie信息保存

     

    再创建一个tracker,添加一个日志打印函数,方便我们调试

    利用js模拟用户的cookie信息保存

     

    添加变量keys

    利用js模拟用户的cookie信息保存

     

    创建会话建立函数

    利用js模拟用户的cookie信息保存

     

    调用

    利用js模拟用户的cookie信息保存

     

    启动测试下(ctrl+f5强制刷新js,否则可能缓存看不到)

    利用js模拟用户的cookie信息保存

     

    继续编写js

    创建generateId产生UUID

    利用js模拟用户的cookie信息保存

     

    添加sid、uuid的get/set方法,类似于java中的部分

    利用js模拟用户的cookie信息保存

     

    添加一个更新方法的函数

    利用js模拟用户的cookie信息保存

     

    创建会话函数

    利用js模拟用户的cookie信息保存

     

    开始会话

    利用js模拟用户的cookie信息保存

     

    查看效果

    利用js模拟用户的cookie信息保存

     

    查看cookie

    利用js模拟用户的cookie信息保存

     

    利用js模拟用户的cookie信息保存

     

    继续完成js

    增加一个配置变量clientConfig

    利用js模拟用户的cookie信息保存

     

    判断拜访时间是否过期

    利用js模拟用户的cookie信息保存

     

    添加到开始会话里

    利用js模拟用户的cookie信息保存

     

    查看效果(更改下过期时间测试)

    利用js模拟用户的cookie信息保存

     

    查看

    利用js模拟用户的cookie信息保存

     

    10s以后

    利用js模拟用户的cookie信息保存
  • 相关阅读:
    nginx
    mysql
    intelij maven
    redis命令大全
    绑定touch事件后click无效,vue项目解决棒法
    新的用法
    img
    vuedragable
    自己总结
    vuex的项目在id中不能运行
  • 原文地址:https://www.cnblogs.com/bqwzy/p/12688585.html
Copyright © 2011-2022 走看看