1. 首页
  2. IT资讯

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

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

一、原理浅析

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

二、设计与预览

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

三、操作说明

1. 新建报表

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

2. 添加元素

切换至工具箱选择需要添加的报表元素,然后在报表设计画布上拖拉添加相应的元素。
AppBoxFuture: Web在线报表设计与PDF生成

3. 设置样式

选择报表元素后通过属性面板设置字体、颜色、对齐方式、边框等样式。
AppBoxFuture: Web在线报表设计与PDF生成
AppBoxFuture: Web在线报表设计与PDF生成

4. 设置报表数据源

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

5. 绑定表格数据源

如下图所示选择整个表格,然后在属性面板的“DataSetName”内选择报表数据源。
AppBoxFuture: Web在线报表设计与PDF生成

6. 添加/删除表格列

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

7. 绑定表达式

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

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

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

四、本篇小结

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

本文来自投稿,不代表程序员编程网立场,如若转载,请注明出处:http://www.cxybcw.com/196652.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code