基于SpreadJS的动态报表技术课题.pptx

基于SpreadJS展示的动态多维度报表技术 目录 一、SpreadJS技术 二、动态多维度报表设计思路 三、示例展示 一、SpreadJS SpreadJS简介 SpreadJS纯前端表格控件是基于HTML5的JavaScript电子表格和网格功能控件，适用于.NET、Java和移动端等各平台在线编辑类Excel功能的表格程序开发。SpreadJS有着强大的表单处理能力和电子表格功能。可以为最终用户提供良好的显示和管理类似 Excel 的数据，更方便的进行公式引擎、排序、过滤、输入控件、数据可视化、Excel导入/导出等操作，提供丰富的、可交互的用户体验。 丰富的数据交互和外观 可以通过配置颜色、边框、字体和表格布局元素来自定义行、列和单元格级别的外观风格。另外，SpreadJS提供了Excel风格的主题支持，允许您创建用户熟悉的Excel风格界面。 数据、显示、可视化和分析支持 通过显示、可视化和分析功能精确地呈现数据。您可以通过SpreadJS识别数据的趋势，过滤越界值，通过图清晰容易的理解数据。SpreadJS数据可视化支持包括： 支持多工作表 支持迷你图 条件格式 Excel风格分组 支持Excel风格对话框过滤 强大的计算引擎 SpreadJS包括强大的兼容Excel的公式、数据聚合、支持320多种函数，跨表格引用以及支持自定义名称。 数据验证 当单元格离开编辑模式时，进行单元格中数据的验证。SpreadJS提供了很多内置的规则，让您可以更快更容易地创建数据验证条件，还可以在含有不正确值的单元格上显示红圈。 丰富的展示控件 本示例使用了JqueryUI的smoothness主题外观，采用单个工作表和隐藏滚动条的结构，含合并单元格的双行列头，双色文字自定义单元格，以及树节点自定义单元格。 Excel I/O 操作 提供通用的Excel导入导出操作。 SpreadJS效果 手机访问页面 二、动态多维度报表设计 多维度报表示例 主要特性 1、提供了多维分析功能，可以对数据进行多维分析。提供对数据在不同维度进行交叉展现和多角度结合分析的方法，弥补了独立维度进行分析的局限性。 2、展现维度的个数与维度展现的方式（行、列）支持用户配置和实时修改。 3、支持动态多维度下报表数据回填功能。 1、维度 为了保证各业务模型共享数据的统一和参照完整性，采用维度管理实体业务对象的编码、描述、属性、层次和计算方法。并提供完整的维度管理功能。如时间、组织机构、产品、供应商、客户、计划版本等都是主数据管理的范畴。 编码唯一，变更描述无需更改模型数据。 属性是描述主数据的特性数据。 层次决定了数据额汇总级别，数据访问权限及数据加锁等功能。 维度是模型、模板的基本组成要素。 A B 属性引用 2、模型 模型是指数据的存储容器，通过模型将维度、交易数据、业务规则逻辑关联起来，同时保持三者管理上相互独立。模型数据通过报表工具方式展示给用户。 每个模型有一个业务数据表，关联多个维度，理论上同一业务对应同一数据模型，以便于数据间计算。 模型数据间的关系通过业务规则实现。 模板都基于模型建立，将同一业务中的数据存储到对应的模板中。 数据模型 3、模板 模板是数据和界面展示入口，模板通过定义格式与后台系统模型关联。 模板是指数据展示需要的报表。模板只存储取数逻辑与样式定义，而不存实际数据。 模板属性包括名称、描述、位置、样式类型、模型、行列定义等，根据样式类型的不同，其相关的属性有所不同，比如报表包括行宽、列宽等，图形包括横纵轴标签、系列颜色等。 模板中的数据可以调用模型中的规则，但需要刷新才能触发，模板本身并不保存这些规则。 支持用户自行定义模板，并预置通用模板。 报表 输入表单 配置模板 三、Demo演示