前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001]本發(fā)明涉及網(wǎng)絡(luò)數(shù)據(jù)統(tǒng)計(jì)技術(shù)領(lǐng)域，特別涉及一種前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法及系統(tǒng)。
【背景技術(shù)】
[0002]互聯(lián)網(wǎng)時(shí)代，各個(gè)行業(yè)應(yīng)用中的數(shù)據(jù)分分鐘在爆炸式增長(zhǎng);為了快速準(zhǔn)確度地對(duì)這些數(shù)據(jù)進(jìn)行信息提取和展現(xiàn)，迫切需要一種通用的展現(xiàn)方式，能夠按照規(guī)定的統(tǒng)計(jì)項(xiàng)目，比如地域或者IP來(lái)源、時(shí)間、具體類別和模糊關(guān)鍵字等維度盡可能產(chǎn)生最精準(zhǔn)的目標(biāo)數(shù)據(jù)。現(xiàn)有技術(shù)中，完整的數(shù)據(jù)統(tǒng)計(jì)一般包括采集、統(tǒng)計(jì)和展現(xiàn)幾個(gè)關(guān)鍵步驟，原則上說(shuō)，全過程本來(lái)可在同一設(shè)備(比如前端設(shè)備)完成對(duì)原生數(shù)據(jù)的一切操作，但是這種方式并不值得提倡和采用。鑒于前端頁(yè)面直接關(guān)系用戶體驗(yàn)，而全由后端統(tǒng)計(jì)則缺乏靈活性，故現(xiàn)有的數(shù)據(jù)統(tǒng)計(jì)一般采用前端與后端結(jié)合的方式進(jìn)行，后端負(fù)責(zé)內(nèi)容的處理，而前端則負(fù)責(zé)展現(xiàn)。
[0003]對(duì)用戶來(lái)說(shuō)，衡量一個(gè)統(tǒng)計(jì)數(shù)據(jù)前端展現(xiàn)方式的關(guān)鍵是簡(jiǎn)單直觀，可快速獲取統(tǒng)計(jì)信息；用戶無(wú)需了解詳細(xì)而復(fù)雜的統(tǒng)計(jì)過程，只需要一個(gè)直觀的結(jié)果來(lái)了解統(tǒng)計(jì)結(jié)論。因此現(xiàn)有技術(shù)主要采用J2EE框架實(shí)現(xiàn)網(wǎng)絡(luò)數(shù)據(jù)統(tǒng)計(jì)，通過后端服務(wù)器完成全部數(shù)據(jù)處理，僅將結(jié)果數(shù)據(jù)回傳前端展示，這樣可盡量將前端輕量化，甚至出現(xiàn)了控件獨(dú)立、輕量級(jí)的前端處理手段，比如eXtjS、chart.jS等。但現(xiàn)有技術(shù)的J2EE框架過于重視后端處理，不但系統(tǒng)臃月中，在前端展示的投入也太少，還使得現(xiàn)有技術(shù)中前端展示封裝度不夠，前端的數(shù)據(jù)展示方式缺失。其中，在chart, js中缺少系統(tǒng)菜單導(dǎo)航和查詢欄，無(wú)法按照用戶需求進(jìn)行展示，系統(tǒng)靈活性及用戶體驗(yàn)不佳;在ext js中，單元格編輯在保存單元格的時(shí)候也不能從事件中獲取編輯前的值，嚴(yán)重影響系統(tǒng)效率和用戶體驗(yàn);另外，使用ext js生成的表格dom層級(jí)過于復(fù)雜，不利于進(jìn)行bug調(diào)試，也不容易進(jìn)行擴(kuò)展，同樣會(huì)影響系統(tǒng)實(shí)施效率。

【發(fā)明內(nèi)容】

[0004]基于現(xiàn)有技術(shù)的缺陷，本發(fā)明的目的是提供一種前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法及系統(tǒng)，以簡(jiǎn)化系統(tǒng)框架、增強(qiáng)前端展示效率并提升用戶體驗(yàn)。
[0005]根據(jù)本發(fā)明的一個(gè)方面，提供了一種前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法，包括步驟:
[0006]定期采集統(tǒng)計(jì)對(duì)象的原生數(shù)據(jù)，將所述原生數(shù)據(jù)預(yù)處理后存儲(chǔ)在數(shù)據(jù)庫(kù)中；
[0007]接收前端輸入的查詢請(qǐng)求，根據(jù)所述查詢請(qǐng)求查詢所述數(shù)據(jù)庫(kù)；
[0008]將查詢結(jié)果的輕量級(jí)交換數(shù)據(jù)返回所述前端，由所述前端微處理后進(jìn)行展現(xiàn)。
[0009]優(yōu)選地，所述預(yù)處理包括:
[0010]將非結(jié)構(gòu)化的所述原生數(shù)據(jù)格式化為所述數(shù)據(jù)庫(kù)可識(shí)別的統(tǒng)一的結(jié)構(gòu)化數(shù)據(jù)。
[0011]優(yōu)選地，所述查詢請(qǐng)求由所述前端提供查詢條件欄來(lái)自定義輸入和動(dòng)態(tài)配置。
[0012]優(yōu)選地，所述輕量級(jí)交換數(shù)據(jù)為JSON數(shù)據(jù)。
[0013]優(yōu)選地，所述展現(xiàn)采用圖表控件jqgrid和HighCharts實(shí)現(xiàn)。
[0014]根據(jù)本發(fā)明的另一個(gè)方面，還提供了一種前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)系統(tǒng)，包括:
[0015]原生數(shù)據(jù)處理模塊，用于定期采集統(tǒng)計(jì)對(duì)象的原生數(shù)據(jù)，將所述原生數(shù)據(jù)預(yù)處理后存儲(chǔ)在數(shù)據(jù)庫(kù)中；
[0016]查詢模塊，用于接收前端輸入的查詢請(qǐng)求，根據(jù)所述查詢請(qǐng)求查詢所述數(shù)據(jù)庫(kù)；
[0017]展現(xiàn)模塊，用于將查詢結(jié)果的輕量級(jí)交換數(shù)據(jù)返回所述前端，由所述前端微處理后進(jìn)行展現(xiàn)。
[0018]優(yōu)選地，所述原生數(shù)據(jù)處理模塊包括:預(yù)處理模塊，用于將非結(jié)構(gòu)化的所述原生數(shù)據(jù)格式化為所述數(shù)據(jù)庫(kù)可識(shí)別的統(tǒng)一的結(jié)構(gòu)化數(shù)據(jù)。
[0019]優(yōu)選地，所述查詢模塊包括:輸入模塊，用于由所述前端提供查詢條件欄來(lái)自定義輸入和動(dòng)態(tài)配置所述查詢請(qǐng)求。
[0020]優(yōu)選地，所述輕量級(jí)交換數(shù)據(jù)為JSON數(shù)據(jù)。
[0021 ] 優(yōu)選地，所述展現(xiàn)模塊包括:控件模塊，用于采用圖表控件jqgrid和HighCharts實(shí)現(xiàn)所述展現(xiàn)。
[0022]本發(fā)明實(shí)施例提供了一種前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法及系統(tǒng)，其技術(shù)方案的實(shí)現(xiàn)框架簡(jiǎn)單合理，從而盡可能讓內(nèi)容和表現(xiàn)分離，實(shí)現(xiàn)了靈活、高效且滿足用戶需求的統(tǒng)計(jì)結(jié)果展現(xiàn)。
【附圖說(shuō)明】
[0023]圖1是本發(fā)明一個(gè)實(shí)施例中前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法的基本流程示意圖；
[0024]圖2是本發(fā)明一個(gè)實(shí)施例中前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)系統(tǒng)的模塊結(jié)構(gòu)示意圖；
[0025]圖3是本發(fā)明一個(gè)優(yōu)選的演示實(shí)例示意圖。
【具體實(shí)施方式】
[0026]為使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚明了，下面結(jié)合【具體實(shí)施方式】并參照附圖，對(duì)本發(fā)明進(jìn)一步詳細(xì)說(shuō)明。應(yīng)該理解，這些描述只是示例性的，而并非要限制本發(fā)明的范圍。此外，在以下說(shuō)明中，省略了對(duì)公知結(jié)構(gòu)和技術(shù)的描述，以避免不必要地混淆本發(fā)明的概念。
[0027]在數(shù)據(jù)統(tǒng)計(jì)過程中，開發(fā)人員和用戶的關(guān)注點(diǎn)不同，用戶并不關(guān)心統(tǒng)計(jì)數(shù)據(jù)的系統(tǒng)采用什么框架或是否使用了輕量級(jí)的簡(jiǎn)單腳本，只要求統(tǒng)計(jì)過程便捷高效，統(tǒng)計(jì)結(jié)果簡(jiǎn)潔直觀?，F(xiàn)有技術(shù)普遍采用的J2EE框架一般以多層架構(gòu)實(shí)現(xiàn)，整體系統(tǒng)過于臃腫;而且J2EE框架以C/S (Client/Server，客戶端/服務(wù)器)模式為主，即便存在web層，也是基于JSP實(shí)現(xiàn)，總而言之，現(xiàn)有技術(shù)更關(guān)注后端的內(nèi)容處理，前端的效率及表現(xiàn)力不足。
[0028]本發(fā)明實(shí)施例采用B/S結(jié)構(gòu)(Browser/Server，瀏覽器/服務(wù)器)模式實(shí)現(xiàn)，該結(jié)構(gòu)模式可盡可能讓內(nèi)容和表現(xiàn)分離，各種業(yè)務(wù)的數(shù)據(jù)也可以簡(jiǎn)單粗暴地分離表現(xiàn)和分析。在本發(fā)明實(shí)施例中，Web瀏覽器負(fù)責(zé)表現(xiàn)，專注簡(jiǎn)單直觀的特性，服務(wù)器負(fù)責(zé)分析，專注多原生數(shù)據(jù)的統(tǒng)計(jì)處理。如圖1所示，在本發(fā)明實(shí)施例中，前端輕量統(tǒng)計(jì)數(shù)據(jù)展現(xiàn)方法包括步驟:
[0029]SI，定期采集統(tǒng)計(jì)對(duì)象的原生數(shù)據(jù)，將所述原生數(shù)據(jù)預(yù)處理后存儲(chǔ)在數(shù)據(jù)庫(kù)中；
[0030]S2，接收前端輸入的查詢請(qǐng)求，根據(jù)所述查詢請(qǐng)求查詢所述數(shù)據(jù)庫(kù)；
[0031]S3，將查詢結(jié)果的輕量級(jí)交換數(shù)據(jù)返回所述前端，由所述前端微處理后進(jìn)行展現(xiàn)。
[0032]具體地，在本發(fā)明優(yōu)選實(shí)施例中，步驟SI以盡可能多的方式從統(tǒng)計(jì)對(duì)象處采集原生數(shù)據(jù)，原生數(shù)據(jù)主要是與統(tǒng)計(jì)相關(guān)的記錄信息，包括但不限于后臺(tái)日志、用戶行為信息、用戶設(shè)備信息和網(wǎng)絡(luò)鏈接信息等。來(lái)源眾多使得采集的原生數(shù)據(jù)形式具有多樣性，比如以字符串、txt或xml文件等多種形式提供;為進(jìn)行有效的管理和查詢，需要對(duì)采集到的原生數(shù)據(jù)進(jìn)行預(yù)處理。優(yōu)選地，預(yù)處理主要進(jìn)行數(shù)據(jù)的格式化，格式化把各種非結(jié)構(gòu)化數(shù)據(jù)轉(zhuǎn)換為數(shù)據(jù)庫(kù)可識(shí)別的統(tǒng)一的結(jié)構(gòu)化數(shù)據(jù)，預(yù)處理后的結(jié)構(gòu)化數(shù)據(jù)被分類存儲(chǔ)到數(shù)據(jù)庫(kù)中。另外為保證數(shù)據(jù)的實(shí)時(shí)性，需要設(shè)置一個(gè)合理的采集原生數(shù)據(jù)的時(shí)間間隔，比如I分鐘、30秒等，可根據(jù)統(tǒng)計(jì)需求自由設(shè)定，按照該時(shí)間間隔周期性地采集原生數(shù)據(jù)。
[0033]步驟S2中，查詢方式由前端決定，故本發(fā)明實(shí)施例可實(shí)現(xiàn)由前端定制的展示形式。優(yōu)選地，前端提供查詢條件欄(SearchBar)來(lái)自定義和動(dòng)態(tài)配置查詢條件及目標(biāo)數(shù)據(jù)分類方式等展現(xiàn)形式，在接收到前端發(fā)來(lái)的自定義查詢請(qǐng)求后，根據(jù)所述查詢請(qǐng)求自動(dòng)生成查詢語(yǔ)句。優(yōu)選查詢語(yǔ)句為SQL查詢語(yǔ)句，利用查詢語(yǔ)句在數(shù)據(jù)庫(kù)中進(jìn)