设计水晶报表

开发工具与关键技术:MVC
作者:文泽钦
撰写时间:2019年6月5日

我们都知道开启表头工具兰可以打印水晶报表,表头工具打印有几个弊端,一、打印出的数据比较模糊;二、不支持多页面数据数据打印,只能打印单页面上显示出的数据;三、打印出的数据没有标题行。
先在表头工具栏给一个打印按钮和点击事件:

<button type="button" class="btn btn-sm btn-primary" onclick="printAchievement()">打印当前数据</button>

在打印前是先要对数据的查询,上次我们已经在导出Excel写了查询方法了,现在先把提示框的部分写了。

//打印水晶报表
function printAchievement(){
//输出提示内容
      layer.confirm("确定要打印当前表格中的数据吗?是请点击确定,否则请先筛选数据再进行打印!", { icon: 3, title: "提示" }, function () {});}

现在启动项目,点击打印当前数据,是否可以弹出提示框。
在这里插入图片描述
弹出提示框没问题,就回到控制器给这个水晶报表设置数据源以及画水晶报表的模板,那么水晶报表就会按照这个模型打印出来。
找到需要打印水晶报表员工信息区域,新增一个文件夹,改一下文件名,接下来我们要新增一个数据源,右键刚刚新建的文件夹,点击添加,点击新建项。
在这里插入图片描述
然后回弹出这个模态框,找到数据并点击,然后选择数据集,改一下名称,然后点击添加。
在这里插入图片描述
这时弹出一个界面,鼠标右键,会弹出一个提示框,选择添加,这里可以选择查询,通过链接数据库直接链接数据表查询数据源。但我们需要的那张数据表,数据库库里是没有的,所以我们选择DataTable新建一张数据表。
在这里插入图片描述
改一下表的名称,右键这张表添加列。
在这里插入图片描述
然后往列添加字段。
在这里插入图片描述
到这里还有一步很重要,选择一个字段右键点击属性,修改数据类型,id不是字符串,所以要改为int32类型,除了id要改类型,还有一些小数类型的也要改,否则查不出数据,数据类型与数据库的类型不一样,就会出错。
在这里插入图片描述
修改好了点击保存,现在添加新建项,点击Reporting,改一下名称。选择作为空白的报表,点击确定。这时弹出一个类似画板的界面,右击数据库专家,选择第一个项目数据,点击数据集,双击刚刚我们新建的那张表,这是这张表会出现在右边,表示选中这张表
在这里插入图片描述
点击确定,右击表格外空白处可以设计表格大小,拖动表行可以调整表行大小。主要编辑报表头,页尾,详细资料。点击报表头可以插入很多东西,我们先添加文本对象来设计表头,写完文本右键可以对文本字体大小,文本居中对齐等样式进行编辑,在添加一个文本对象写打印日期,然后插入一个特殊字段,把打印时间拉到对应的地方。
在这里插入图片描述
在左下角有一个主报表,一个主报表浏览,那么我们可以通过切换来边编辑,边预览,那么我们的报表头已经完成了;现在开始做表头(页眉)行,页尾行的数据要与详细资料传进来的数据相等,那么要怎么做呢,点击数据库字段打开刚刚添加的那张数据表,点击数据拖到详细资料与页眉的中间,再松开鼠标。
在这里插入图片描述
Id不用拖进来,其他字段都拖进来后,把页眉的对应的字段改成中文,ctr+鼠标选中所有页面字段,鼠标右键点击编辑设计多个对象格式,调整字体大小,文本居中。然后右键插入框,框住页眉行,右键框设计对象格式,点击颜色,选择背景颜色,填充颜色也要设计相同的颜色。
在这里插入图片描述
确定,ctrl+鼠标选则页眉行所有字段修改字体颜色。再在最外层插一个框,把页眉和详细资料行都包住,然后在每个字段再 插入一条线。点击主报表预览,看看效果
在这里插入图片描述
那么我们的水晶报表就设计完成了。

  • 1
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值