前端轻量统计数据展现方法及系统的制作方法
【技术领域】
[0001]本发明涉及网络数据统计技术领域，特别涉及一种前端轻量统计数据展现方法及系统。
【背景技术】
[0002]互联网时代，各个行业应用中的数据分分钟在爆炸式增长;为了快速准确度地对这些数据进行信息提取和展现，迫切需要一种通用的展现方式，能够按照规定的统计项目，比如地域或者IP来源、时间、具体类别和模糊关键字等维度尽可能产生最精准的目标数据。现有技术中，完整的数据统计一般包括采集、统计和展现几个关键步骤，原则上说，全过程本来可在同一设备(比如前端设备)完成对原生数据的一切操作，但是这种方式并不值得提倡和采用。鉴于前端页面直接关系用户体验，而全由后端统计则缺乏灵活性，故现有的数据统计一般采用前端与后端结合的方式进行，后端负责内容的处理，而前端则负责展现。
[0003]对用户来说，衡量一个统计数据前端展现方式的关键是简单直观，可快速获取统计信息；用户无需了解详细而复杂的统计过程，只需要一个直观的结果来了解统计结论。因此现有技术主要采用J2EE框架实现网络数据统计，通过后端服务器完成全部数据处理，仅将结果数据回传前端展示，这样可尽量将前端轻量化，甚至出现了控件独立、轻量级的前端处理手段，比如eXtjS、chart.jS等。但现有技术的J2EE框架过于重视后端处理，不但系统臃月中，在前端展示的投入也太少，还使得现有技术中前端展示封装度不够，前端的数据展示方式缺失。其中，在chart, js中缺少系统菜单导航和查询栏，无法按照用户需求进行展示，系统灵活性及用户体验不佳;在ext js中，单元格编辑在保存单元格的时候也不能从事件中获取编辑前的值，严重影响系统效率和用户体验;另外，使用ext js生成的表格dom层级过于复杂，不利于进行bug调试，也不容易进行扩展，同样会影响系统实施效率。
【发明内容】
[0004]基于现有技术的缺陷，本发明的目的是提供一种前端轻量统计数据展现方法及系统，以简化系统框架、增强前端展示效率并提升用户体验。
[0005]根据本发明的一个方面，提供了一种前端轻量统计数据展现方法，包括步骤:
[0006]定期采集统计对象的原生数据，将所述原生数据预处理后存储在数据库中；
[0007]接收前端输入的查询请求，根据所述查询请求查询所述数据库；
[0008]将查询结果的轻量级交换数据返回所述前端，由所述前端微处理后进行展现。
[0009]优选地，所述预处理包括:
[0010]将非结构化的所述原生数据格式化为所述数据库可识别的统一的结构化数据。
[0011]优选地，所述查询请求由所述前端提供查询条件栏来自定义输入和动态配置。
[0012]优选地，所述轻量级交换数据为JSON数据。
[0013]优选地，所述展现采用图表控件jqgrid和HighCharts实现。
[0014]根据本发明的另一个方面，还提供了一种前端轻量统计数据展现系统，包括:
[0015]原生数据处理模块，用于定期采集统计对象的原生数据，将所述原生数据预处理后存储在数据库中；
[0016]查询模块，用于接收前端输入的查询请求，根据所述查询请求查询所述数据库；
[0017]展现模块，用于将查询结果的轻量级交换数据返回所述前端，由所述前端微处理后进行展现。
[0018]优选地，所述原生数据处理模块包括:预处理模块，用于将非结构化的所述原生数据格式化为所述数据库可识别的统一的结构化数据。
[0019]优选地，所述查询模块包括:输入模块，用于由所述前端提供查询条件栏来自定义输入和动态配置所述查询请求。
[0020]优选地，所述轻量级交换数据为JSON数据。
[0021 ] 优选地，所述展现模块包括:控件模块，用于采用图表控件jqgrid和HighCharts实现所述展现。
[0022]本发明实施例提供了一种前端轻量统计数据展现方法及系统，其技术方案的实现框架简单合理，从而尽可能让内容和表现分离，实现了灵活、高效且满足用户需求的统计结果展现。
【附图说明】
[0023]图1是本发明一个实施例中前端轻量统计数据展现方法的基本流程示意图；
[0024]图2是本发明一个实施例中前端轻量统计数据展现系统的模块结构示意图；
[0025]图3是本发明一个优选的演示实例示意图。
【具体实施方式】
[0026]为使本发明的目的、技术方案和优点更加清楚明了，下面结合【具体实施方式】并参照附图，对本发明进一步详细说明。应该理解，这些描述只是示例性的，而并非要限制本发明的范围。此外，在以下说明中，省略了对公知结构和技术的描述，以避免不必要地混淆本发明的概念。
[0027]在数据统计过程中，开发人员和用户的关注点不同，用户并不关心统计数据的系统采用什么框架或是否使用了轻量级的简单脚本，只要求统计过程便捷高效，统计结果简洁直观。现有技术普遍采用的J2EE框架一般以多层架构实现，整体系统过于臃肿;而且J2EE框架以C/S (Client/Server，客户端/服务器)模式为主，即便存在web层，也是基于JSP实现，总而言之，现有技术更关注后端的内容处理，前端的效率及表现力不足。
[0028]本发明实施例采用B/S结构(Browser/Server，浏览器/服务器)模式实现，该结构模式可尽可能让内容和表现分离，各种业务的数据也可以简单粗暴地分离表现和分析。在本发明实施例中，Web浏览器负责表现，专注简单直观的特性，服务器负责分析，专注多原生数据的统计处理。如图1所示，在本发明实施例中，前端轻量统计数据展现方法包括步骤:
[0029]SI，定期采集统计对象的原生数据，将所述原生数据预处理后存储在数据库中；
[0030]S2，接收前端输入的查询请求，根据所述查询请求查询所述数据库；
[0031]S3，将查询结果的轻量级交换数据返回所述前端，由所述前端微处理后进行展现。
[0032]具体地，在本发明优选实施例中，步骤SI以尽可能多的方式从统计对象处采集原生数据，原生数据主要是与统计相关的记录信息，包括但不限于后台日志、用户行为信息、用户设备信息和网络链接信息等。来源众多使得采集的原生数据形式具有多样性，比如以字符串、txt或xml文件等多种形式提供;为进行有效的管理和查询，需要对采集到的原生数据进行预处理。优选地，预处理主要进行数据的格式化，格式化把各种非结构化数据转换为数据库可识别的统一的结构化数据，预处理后的结构化数据被分类存储到数据库中。另外为保证数据的实时性，需要设置一个合理的采集原生数据的时间间隔，比如I分钟、30秒等，可根据统计需求自由设定，按照该时间间隔周期性地采集原生数据。
[0033]步骤S2中，查询方式由前端决定，故本发明实施例可实现由前端定制的展示形式。优选地，前端提供查询条件栏(SearchBar)来自定义和动态配置查询条件及目标数据分类方式等展现形式，在接收到前端发来的自定义查询请求后，根据所述查询请求自动生成查询语句。优选查询语句为SQL查询语句，利用查询语句在数据库中进