頁面Cookie的JS文件編寫

默認已完成爬蟲文檔《 》

頁面Cookie的JS文件編寫

並簡單搭建完展示頁面和管理後臺的練習部分

例如

管理後臺:

頁面Cookie的JS文件編寫

展示頁面:

頁面Cookie的JS文件編寫

接下來完成Cookie的實現

思路如下圖:

頁面Cookie的JS文件編寫

創建一個js文件和index.jsp文件

頁面Cookie的JS文件編寫

jsp文件內容,都是默認實現,主要是為了引入analytics.js

頁面Cookie的JS文件編寫

編寫analytics.js文件,函數初始結構

頁面Cookie的JS文件編寫

添加一個CookieUtil工具

頁面Cookie的JS文件編寫

獲取cookie的函數

頁面Cookie的JS文件編寫

設置cookie的函數

頁面Cookie的JS文件編寫

後續部分

頁面Cookie的JS文件編寫

再創建一個tracker,添加一個日誌打印函數,方便我們調試

頁面Cookie的JS文件編寫

添加變量keys

頁面Cookie的JS文件編寫

創建會話建立函數

頁面Cookie的JS文件編寫

調用

頁面Cookie的JS文件編寫

啟動測試下(ctrl+f5強制刷新js,否則可能緩存看不到)

頁面Cookie的JS文件編寫

繼續編寫js

創建generateId產生UUID

頁面Cookie的JS文件編寫

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

頁面Cookie的JS文件編寫

添加一個更新方法的函數

頁面Cookie的JS文件編寫

創建會話函數

頁面Cookie的JS文件編寫

開始會話

頁面Cookie的JS文件編寫

查看效果

頁面Cookie的JS文件編寫

查看cookie

頁面Cookie的JS文件編寫

頁面Cookie的JS文件編寫


繼續完成js

增加一個配置變量clientConfig

頁面Cookie的JS文件編寫

判斷拜訪時間是否過期

頁面Cookie的JS文件編寫

添加到開始會話裡

頁面Cookie的JS文件編寫

查看效果(更改下過期時間測試)

頁面Cookie的JS文件編寫


查看

頁面Cookie的JS文件編寫

10s以後

頁面Cookie的JS文件編寫


分享到:


相關文章: