AppBoxFuture: Web在线报表设计与PDF生成

  企业应用需要打印各类单证及报表,为了方便开发此类应用作者在框架内集成了报表引擎,并且实现了基于Canvas的Web在线报表设计及基于PDFJS的报表查看与打印。

一、原理浅析

  • 报表模型:由Xml描述各类报表元素组成(表格、图形、条码等),通过报表设计器生成;
  • 数据源:通过推(Push)或拉(Pull)的方式填充报表所需数据,其中Pull模式直接调用框架内服务生成数据源。
  • 报表生成:报表引擎解析模型后进行布局与数据填充,并根据需要渲染输出pdf或者其他格式。

二、设计与预览


三、操作说明

1. 新建报表

  通过IDE主菜单->New->Report,输入报表名称后点击确认创建。

2. 添加元素

  切换至工具箱选择需要添加的报表元素,然后在报表设计画布上拖拉添加相应的元素。

3. 设置样式

  选择报表元素后通过属性面板设置字体、颜色、对齐方式、边框等样式。

4. 设置报表数据源

  在设计画布上点击空白处选择报表,在属性面板点击“DataSets”打开数据源对话框,可从实体模型直接生成DataSet,亦可添加自定义字段或删除不必要的字段。

5. 绑定表格数据源

  如下图所示选择整个表格,然后在属性面板的“DataSetName”内选择报表数据源。

6. 添加/删除表格列


7. 绑定表达式

  文本框的Value值如果以=符号开头,则表示为表达式:

  • ={FieldName} 表示绑定数据源的字段;
  • ={?ParameterName} 表示绑定报表参数;
  • ={@GlobalName} 表示绑定报表全局变量,如TotalPages, PageNumber等;

页眉或页脚的文本框绑定字段时,只能使用聚合函数,如:=Sum({FieldName}, "数据源名称")

四、本篇小结

  前后历时近一个月,还有很多功能未实现,如交叉表、图形、表格分组、单元格合并拆分等,另外需要实现报表HTML输出,支持钻取等功能,这样就是一套完整的BI了。一边码代码一边码文实属不易,作者需要您的支持请您多多点赞推荐!

posted @ 2020-04-24 11:37  白菜园  阅读(1610)  评论(0编辑  收藏  举报