手把手教你寫乙個部落格園訪問統計

2022-07-12 05:09:08 字數 1899 閱讀 2842

目錄專案例項

總結使用的朋友都知道,提供了強大的定製功能,供使用者定製自己的部落格。其中很多人在側邊欄新增了」訪問統計「元件,用於展示部落格的統計資料,主要是按國家劃分的訪問量,如下圖:

而這個」訪問統計「元件的提供方大部分來自國外,如flagcounter,amazingcounters等,因此服務在穩定性和傳輸速度上相對來說不夠好,那如何解決國外服務提供商提供的服務體驗不夠好而國內的又沒有類似的可直接使用的服務呢?答案是自己造乙個。

詳細**如下:

src=""

alt="flag counter"

border="0"

/>

自己實現:功能完全可定製,但是要花較多時間

部分功能使用現有服務,自己實現剩餘功能:功能受限於服務提供商,但功能穩定,也省時間

需要設定"授權**頁":

具體包括兩個步驟:

首先將如下**塊新增到的html**框中,獲取到資料之後,我們將資料格式化成html**塊,返回給前端,然後動態插入到側邊欄。

async function gettokenbycode(code, clientid, clientsecret, redirecturi) {}

async function refreshtoken(refreshtoken, clientid, clientsecret) {}

async function getsites(accesstoken) {}

async function getanalytics(accesstoken, params = {}) {}

資料庫的連線和操作

async function getdb() );

});} return db;

}async function run(sql, params) );

});}

介面路由

});專案**:

最終的效果圖如下:

當然目前的效果比較簡單,只是乙個簡單的**,後續也可以將其美化,比如:新增國家地圖(參考flagcounter),提供多種顯示樣式(如訪問趨勢,停留時間,裝置型別等等),這些大家可以自由發揮。

手把手教你寫乙個ORM(二)

昨夜一夜未睡,本來以為下班回家能倒下就打呼嚕的,結果吃了晚飯後反而清醒起來了,於是決定把本打算明天寫的部分提前。半夜三更不睡覺幹嘛?出來假扮王祖賢阿 根據前面的需求,我們發現需要將配置檔案抽象出乙個元件出來,快取需要乙個單獨的元件,為了適應不同的資料庫需要做成乙個外掛程式架構的,為不同資料庫插入不同...

手把手教你寫乙個搶講座的指令碼

利用js指令碼來幫你搶到乙個表單提交型別的各種活動,這裡以講座為例 註冊乙個麥克表單 建立乙個自己的表單 首先自己提交乙個表單,同時開啟f12中的network,看一看自己提交的東西包含了什麼。比如這裡我們發現了d這個物件 之後我們嘗試著按照它這種格式,自己提交一下,看看能不能成功。這裡我選用了re...

手把手教你製作乙個Windows服務

也許你認為開發windows服務是件非常困難的事件,需要了解非常多的作業系統原理以及精通windows的各種api。其實沒有這麼誇張,windows服務就像乙個框架一樣,至於你往裡面加些什麼完全在與你自己。好吧,現在我們就往裡面加 helloworld 吧。開學習製作windows服務之前我們先大概...