利用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信息保存

发布了80 篇原创文章 · 获赞 1 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/learn_8/article/details/105478938