[发明专利]前端轻量统计数据展现方法及系统

说明书

技术领域

本发明涉及网络数据统计技术领域，特别涉及一种前端轻量统计数据展 现方法及系统。

背景技术

互联网时代，各个行业应用中的数据分分钟在爆炸式增长；为了快速准 确度地对这些数据进行信息提取和展现，迫切需要一种通用的展现方式，能 够按照规定的统计项目，比如地域或者IP来源、时间、具体类别和模糊关键 字等维度尽可能产生最精准的目标数据。现有技术中，完整的数据统计一般 包括采集、统计和展现几个关键步骤，原则上说，全过程本来可在同一设备 (比如前端设备)完成对原生数据的一切操作，但是这种方式并不值得提倡 和采用。鉴于前端页面直接关系用户体验，而全由后端统计则缺乏灵活性， 故现有的数据统计一般采用前端与后端结合的方式进行，后端负责内容的处 理，而前端则负责展现。

对用户来说，衡量一个统计数据前端展现方式的关键是简单直观，可快 速获取统计信息；用户无需了解详细而复杂的统计过程，只需要一个直观的 结果来了解统计结论。因此现有技术主要采用J2EE框架实现网络数据统计， 通过后端服务器完成全部数据处理，仅将结果数据回传前端展示，这样可尽 量将前端轻量化，甚至出现了控件独立、轻量级的前端处理手段，比如extjs、 chart.js等。但现有技术的J2EE框架过于重视后端处理，不但系统臃肿， 在前端展示的投入也太少，还使得现有技术中前端展示封装度不够，前端的 数据展示方式缺失。其中，在chart.js中缺少系统菜单导航和查询栏，无法 按照用户需求进行展示，系统灵活性及用户体验不佳；在extjs中，单元格 编辑在保存单元格的时候也不能从事件中获取编辑前的值，严重影响系统效 率和用户体验；另外，使用extjs生成的表格dom层级过于复杂，不利于进 行bug调试，也不容易进行扩展，同样会影响系统实施效率。

发明内容

基于现有技术的缺陷，本发明的目的是提供一种前端轻量统计数据展现 方法及系统，以简化系统框架、增强前端展示效率并提升用户体验。

根据本发明的一个方面，提供了一种前端轻量统计数据展现方法，包括 步骤：

定期采集统计对象的原生数据，将所述原生数据预处理后存储在数据库 中；

接收前端输入的查询请求，根据所述查询请求查询所述数据库；

将查询结果的轻量级交换数据返回所述前端，由所述前端微处理后进行 展现。

优选地，所述预处理包括：

将非结构化的所述原生数据格式化为所述数据库可识别的统一的结构化 数据。

优选地，所述查询请求由所述前端提供查询条件栏来自定义输入和动态 配置。

优选地，所述轻量级交换数据为JSON数据。

优选地，所述展现采用图表控件jqgrid和HighCharts实现。

根据本发明的另一个方面，还提供了一种前端轻量统计数据展现系统， 包括：

原生数据处理模块，用于定期采集统计对象的原生数据，将所述原生数 据预处理后存储在数据库中；

查询模块，用于接收前端输入的查询请求，根据所述查询请求查询所述 数据库；

展现模块，用于将查询结果的轻量级交换数据返回所述前端，由所述前 端微处理后进行展现。

优选地，所述原生数据处理模块包括：预处理模块，用于将非结构化的 所述原生数据格式化为所述数据库可识别的统一的结构化数据。

优选地，所述查询模块包括：输入模块，用于由所述前端提供查询条件 栏来自定义输入和动态配置所述查询请求。

优选地，所述轻量级交换数据为JSON数据。

优选地，所述展现模块包括：控件模块，用于采用图表控件jqgrid和 HighCharts实现所述展现。

本发明实施例提供了一种前端轻量统计数据展现方法及系统，其技术方 案的实现框架简单合理，从而尽可能让内容和表现分离，实现了灵活、高效 且满足用户需求的统计结果展现。

附图说明

图1是本发明一个实施例中前端轻量统计数据展现方法的基本流程示意 图；

图2是本发明一个实施例中前端轻量统计数据展现系统的模块结构示意 图；

图3是本发明一个优选的演示实例示意图。

具体实施方式