利用JS跨域做乙個簡單的頁面訪問統計系統

2021-06-22 13:55:05 字數 1827 閱讀 2165

幾個基本統計需求:

1.統計web每個頁面使用者訪問量

2.統計使用者訪問者的和ip位址資訊

3.頁面之間的跳轉情況

4.訪問高峰時間段

伺服器結構:

資料庫表設計:

以上只是我簡單列舉的需求,這邊簡單的就一張統計表,而這張統計表能滿足的需求是不僅僅只是上面四個基本的需求的,可以看需求情況再做相應的業務處理。

tb_visit_count_log

idip (varchar) ip位址

title(varchar)標題

cur_page(varchar) 當前頁面

from_page(varchar) 源頁面

time(datetime)日期時間

資料採集:

我們提交編寫乙個js指令碼,用來抓取當前頁面中我們需要的資料,然後通過跨域請求道我們的statistics server進行儲存,便於之後的統計分析業務的操作。

js跨域:

我們都知道在開發web應用的時候,我們經常利用去請求其它伺服器內的指令碼資源,src是source的縮寫,指向外部資源的位置,指向的內容將會嵌入到文件中當前標籤所在位置。所以利用這一點,我們可以通過js動態建立標籤,並抓取頁面相關的資訊後,設定該標籤src位址為遠端statistics伺服器位址,將其新增到當前文件中,該標籤便會自動將請求傳送到指定伺服器,而伺服器便可解析改請求中的引數和請求資訊,將其儲存入庫。

示例**:

(function

() )();

注意:上示例**中用了乙個jsp標籤,從header中獲取了referer引數。

伺服器端:

本示例伺服器框架採用的是springmvc,但是獲取引數都是一樣的。

獲取引數:

/**

* 記錄站點統計資訊

//使用者ip

visitor.setfromurl(request.getparameter( "ref"));

visitor.setuserip(getremortip(request));

//儲存資料

websitevisitcountservice.addvisitor(visitor);

} catch

(exception e)

}

以上**中並沒有響應給客戶端任何可執行的js指令碼,當然如果需要,這個是完全沒有問題的,在跨域其他需求的時候,完全可以響應伺服器js執行指令碼。

獲取訪問ip:

/**

* 獲取客戶端ip位址

利用JS跨域做乙個簡單的頁面訪問統計系統

幾個基本統計需求 1.統計web每個頁面使用者訪問量 2.統計使用者訪問者的和ip位址資訊 3.頁面之間的跳轉情況 4.訪問高峰時間段 伺服器結構 資料庫表設計 以上只是我簡單列舉的需求,這邊簡單的就一張統計表,而這張統計表能滿足的需求是不僅僅只是上面四個基本的需求的,可以看需求情況再做相應的業務處...

使用原生js做乙個簡單的定時訪問頁面

2020年3月的某乙個週末,我在無聊之下想通過js實現刷瀏覽量的功能,它的優點是不需要引入任何東西,只需要建乙個html頁面,將我們的js 加進去就可以執行。記得允許你的瀏覽器開啟其他頁面 function location.close 這個是關閉標籤頁的功能,但是測試後我們是關閉了我們js的頁面,...

利用pytorch做乙個簡單的回歸網路

最近整理了一下pytorch的筆記,把很簡單的pytorch搭建乙個回歸網路的code貼上來 import torch import torch.nn.functional as f x torch.unsqueeze torch.linspace 2,2,100 dim 1 在 1,1 這個區間內...