一、客户简介

某城乡建设局为贯彻落实党中央、自治区党委、市委和市人民政府以及县委和县人民政府关于住房城乡建设、人民防空工作的方针政策和决策部署,需要对地市级零售业门店进行统一规划,并在履行职责过程中坚持和加强党对住房城乡建设、人民防空工作的集中统一领导。

二、项目背景

为了应对零售业门店数据的复杂性和易变性,并对数据进行汇总分析,需要一套统一的门店管理系统作为支撑。

该系统的作用是为了让运营更便捷、更专业的管理门店日常数据,简化管理会员和日常销售流程,提升店铺业绩,找出经营问题并提出解决方案,帮助管理者做出决策。

尤其是当门店数量剧增时,一套能够打通各门店日常数据,并针对这些数据进行汇总分析的报表系统至关重要。

三、选择 ActiveReportsJS 前端报表控件的主要原因

经过技术评估,最终某城乡建设局决定使用纯前端报表控件 ActiveReportsJS 打造这样的报表系统。

之所以选择 ActiveReportsJS ,是因为它是一款基于 HTML5 的纯前端在线报表控件,可通过拖拽式报表设计器,可以快速地设计 Excel 表格、Word 文档、图表、数据过滤、数据钻取、精准套打等类型报表,全面满足 JavaScript、Html5、Augular、Vue、React、PureJS 等平台中报表的开发需要。同时,通过丰富的 API 可以灵活的实现报表创建、加载和运行时的个性化自定义需求。

如下是由 ActiveReportsJS 设计的报表模板:

借助 ActiveReportsJS 可以实现:

  • 根据当前月份,自动生成当月的列数据,自动核算门店数据。这样可以节省分析汇总数据这部分的工作,为报表系统提供自动运算、动态生成数据的能力。
  • 根据不同类目的数据,添加数据汇总、对应的汇总标题、灵活的分类合计,以及汇总合计。
  • 针对汇总数据进行二次运算,ActiveReportsJS 提供高性能的计算引擎,不仅提供普通的增删查,还提供了跨单元格运算的能力。

四、实际使用情况

使用 ActiveReportsJS 设计门店利润分析报表:

  • ActiveReportsJS 提供了复杂的矩表控件,能够进行不限层次的数据分组功能,帮助分析各门类的数据,并动态生成行列。
  • 矩表控件可以动态生成列。使用矩表提供的列分组功能,可根据[月份]字段自动生成列,如此会自动汇总当前月份的整体利润及占比数据。
  • ActiveReportsJS 提供了单元格引用数值的功能,可通过 ReportItems!TextBox.Value 来引用某一单元格的数值,且该单元格是动态的单元格,因此可实现动态单元格引用并己算的功能。

如下是 ActiveReportsJS 的报表设计器及报表模板截图:

五、ActiveReportsJS 对于项目的价值

ActiveReportsJS 为我们提供了极易使用的纯前端报表设计器,通过拖拽式设计模式,可设计零售业不同场景下的各种复杂报表类型,此外,只需简单的几行代码,就可以将 ActiveReportsJS 的报表功能嵌入 Web 页面,使用起来十分方便。