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

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

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